@astryx-vue/core 0.2.5 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/THIRD_PARTY_NOTICES.md +9 -0
- package/dist/AlertDialog/index.js +1 -1
- package/dist/{AlertDialog-B6UeBCE7.js → AlertDialog-RAVA_cT1.js} +13 -7
- package/dist/AppShell/index.d.ts +1 -1
- package/dist/AppShell/index.js +1 -1
- package/dist/{AppShell-CeBmB0Q9.js → AppShell-0wTvOo3H.js} +3 -3
- package/dist/Avatar/index.d.ts +2 -2
- package/dist/Avatar/index.js +1 -1
- package/dist/{Avatar-BB4Z4LF1.js → Avatar-pPZ4dI_s.js} +161 -16
- package/dist/AvatarGroup/index.d.ts +2 -2
- package/dist/AvatarGroup/index.js +1 -1
- package/dist/AvatarGroup-B--NQSB3.js +98 -0
- package/dist/Banner/index.d.ts +1 -1
- package/dist/Banner/index.js +1 -1
- package/dist/{Banner-CJe9Im5a.js → Banner-GbGxrqQO.js} +1 -1
- package/dist/BottomSheet/index.d.ts +1 -1
- package/dist/BottomSheet/index.js +2 -2
- package/dist/{BottomSheet-o7xw-TOi.js → BottomSheet-JYMB_Ofl.js} +12 -9
- package/dist/{BottomSheet-BV6vfgGu.js → BottomSheet-pt7m4CvC.js} +3 -1
- package/dist/Breadcrumbs/index.d.ts +1 -1
- package/dist/Breadcrumbs/index.js +2 -2
- package/dist/{Breadcrumbs-D6G7f5WL.js → Breadcrumbs-DIm4figq.js} +22 -11
- package/dist/Button/index.d.ts +1 -1
- package/dist/Button/index.js +1 -1
- package/dist/{Button-DrqeomlE.js → Button-B6Hj_O_s.js} +3 -1
- package/dist/ButtonGroup/index.d.ts +1 -1
- package/dist/Calendar/index.d.ts +1 -1
- package/dist/Calendar/index.js +1 -1
- package/dist/{Calendar-DmTeM7PO.js → Calendar-B7vIowKq.js} +2 -2
- package/dist/Card/index.d.ts +1 -1
- package/dist/Card/index.js +1 -1
- package/dist/{Card-HAjZQg2s.js → Card-B-I24X9S.js} +2 -0
- package/dist/Carousel/index.d.ts +1 -1
- package/dist/Carousel/index.js +1 -1
- package/dist/{Carousel-CIKrcA2r.js → Carousel-CA8zpD9v.js} +48 -31
- package/dist/Center/index.d.ts +1 -1
- package/dist/Chat/index.d.ts +2 -2
- package/dist/Chat/index.js +1 -1
- package/dist/{Chat-BFox3u9D.js → Chat-Bmna9EOA.js} +98 -61
- package/dist/CheckboxInput/index.d.ts +1 -1
- package/dist/CheckboxInput/index.js +1 -1
- package/dist/{CheckboxInput-25Q8ItH-.js → CheckboxInput-BS9J6edf.js} +2 -2
- package/dist/CheckboxList/index.d.ts +1 -1
- package/dist/CheckboxList/index.js +1 -1
- package/dist/{CheckboxList-BlPf7vPe.js → CheckboxList-CX1i_jVP.js} +8 -7
- package/dist/Citation/index.js +1 -1
- package/dist/{Citation-BG-vg9ia.js → Citation-Djgwa0ko.js} +1 -1
- package/dist/ClickableCard/index.d.ts +1 -1
- package/dist/ClickableCard/index.js +1 -1
- package/dist/{ClickableCard-Bhds4RRe.js → ClickableCard-DUsC-j03.js} +1 -1
- package/dist/Code/index.d.ts +1 -1
- package/dist/Code/index.js +1 -1
- package/dist/{CodeBlock-B2pnEOJY.js → CodeBlock-D0BFubut.js} +5 -1
- package/dist/Collapsible/index.d.ts +2 -2
- package/dist/Collapsible/index.js +2 -2
- package/dist/{Collapsible-3YerR-FO.js → Collapsible-Cov3Pyq5.js} +67 -22
- package/dist/CommandPalette/index.d.ts +2 -2
- package/dist/CommandPalette/index.js +1 -1
- package/dist/{CommandPalette-DKgHzmJk.js → CommandPalette-YHsUNg3V.js} +60 -20
- package/dist/ComplexSelector/index.d.ts +1 -1
- package/dist/ComplexSelector/index.js +1 -1
- package/dist/{ComplexSelector-Dv44FFhN.js → ComplexSelector-DWLdKPGI.js} +41 -9
- package/dist/ContextMenu/index.d.ts +1 -1
- package/dist/ContextMenu/index.js +2 -2
- package/dist/{ContextMenu-BeJO5HYx.js → ContextMenu-Bq9b3Ti5.js} +15 -8
- package/dist/DateInput/index.d.ts +1 -1
- package/dist/DateInput/index.js +1 -1
- package/dist/DateInput-DT518j5E.js +841 -0
- package/dist/DateRangeInput/index.d.ts +1 -1
- package/dist/DateRangeInput/index.js +1 -1
- package/dist/{DateRangeInput-Cp6AZfew.js → DateRangeInput-Bqi5tlIA.js} +188 -140
- package/dist/DateTimeInput/index.d.ts +1 -1
- package/dist/DateTimeInput/index.js +1 -1
- package/dist/{DateTimeInput-B6MPPp76.js → DateTimeInput-A7m2O3bg.js} +43 -12
- package/dist/Dialog/index.d.ts +1 -1
- package/dist/Dialog/index.js +2 -2
- package/dist/{Dialog-CvRplBo-.js → Dialog-BiOSKQso.js} +9 -5
- package/dist/{Dialog-rfUt3y8P.js → Dialog-FGHfDu5M.js} +1 -1
- package/dist/Divider/index.d.ts +1 -1
- package/dist/DropdownMenu/index.js +3 -3
- package/dist/{DropdownMenu-6E9jFdFe.js → DropdownMenu-CoOQVlRp.js} +9 -10
- package/dist/{DropdownMenu--lnUeJEG.js → DropdownMenu-DEb2dSSP.js} +44 -33
- package/dist/EmptyState/index.js +1 -1
- package/dist/{EmptyState-0RWymQUS.js → EmptyState-C_GH7IV5.js} +2 -2
- package/dist/Field/index.d.ts +2 -2
- package/dist/Field/index.js +2 -2
- package/dist/{Field-8zRxzDHE.js → Field-D5gUEGw4.js} +1 -1
- package/dist/FieldInfoTip-Ds-sW_jY.js +98 -0
- package/dist/FieldLabel-BNeXRuGH.js +95 -0
- package/dist/FieldStatus/index.d.ts +1 -1
- package/dist/FileInput/index.d.ts +1 -1
- package/dist/FileInput/index.js +1 -1
- package/dist/FileInput-BpdiO1V8.js +285 -0
- package/dist/Grid/index.d.ts +1 -1
- package/dist/Heading/index.d.ts +1 -1
- package/dist/Heading/index.js +1 -1
- package/dist/{Heading-B9C3LZlS.js → Heading-BnwWEWkp.js} +7 -2
- package/dist/HoverCard/index.d.ts +2 -2
- package/dist/HoverCard/index.js +2 -2
- package/dist/HoverCard-ycY50pRN.js +492 -0
- package/dist/IconButton/index.js +1 -1
- package/dist/{IconButton-BNQuz9W_.js → IconButton-DDNgNl7B.js} +1 -1
- package/dist/InputGroup/index.d.ts +1 -1
- package/dist/InputGroup/index.js +1 -1
- package/dist/{InputGroup-BzR6JRZb.js → InputGroup-CA03Smrs.js} +1 -1
- package/dist/InternationalizationProvider/index.d.ts +2 -0
- package/dist/InternationalizationProvider/index.js +2 -0
- package/dist/InternationalizationProvider-DJay_w3B.js +170 -0
- package/dist/{Item-DrYJL1TG.js → Item-KhFKX9St.js} +15 -6
- package/dist/LayerProvider/index.d.ts +2 -0
- package/dist/LayerProvider/index.js +3 -0
- package/dist/LayerProvider-D9NsQFzL.js +73 -0
- package/dist/Layout/index.d.ts +1 -1
- package/dist/Layout/index.js +2 -2
- package/dist/{Layout-Bed3kP0M.js → Layout-C6RHllr-.js} +2 -2
- package/dist/{LayoutPanel-C34uOq3e.js → LayoutPanel-DXOsaeQb.js} +4 -1
- package/dist/Lightbox/index.js +1 -1
- package/dist/{Lightbox-Br3o0SyQ.js → Lightbox-DTF9EdTG.js} +2 -2
- package/dist/Link/index.d.ts +2 -2
- package/dist/Link/index.js +1 -1
- package/dist/{Link-DCZ6922-.js → Link-BqHCtiyt.js} +26 -7
- package/dist/LinkProvider/index.d.ts +2 -0
- package/dist/LinkProvider/index.js +3 -0
- package/dist/LinkProvider-Qsps9_mL.js +17 -0
- package/dist/List/index.d.ts +1 -1
- package/dist/List/index.js +2 -2
- package/dist/{ListItem-CcRHWuEm.js → ListItem-8RWT8XAG.js} +1 -1
- package/dist/Markdown/index.d.ts +1 -1
- package/dist/Markdown/index.js +1 -1
- package/dist/{Markdown-Bz0R3kNj.js → Markdown-CvtN7HnF.js} +4 -4
- package/dist/MetadataList/index.js +1 -1
- package/dist/{MetadataList-CFaocx6j.js → MetadataList-B-OelQlt.js} +1 -1
- package/dist/MobileNav/index.js +1 -1
- package/dist/{MobileNavToggle-Dh3uLivq.js → MobileNavToggle-DxGz0xKA.js} +11 -5
- package/dist/MoreMenu/index.d.ts +1 -1
- package/dist/MoreMenu/index.js +1 -1
- package/dist/{MoreMenu-B95nRSe8.js → MoreMenu-Dlb7MLlW.js} +33 -20
- package/dist/MultiSelector/index.d.ts +1 -1
- package/dist/MultiSelector/index.js +1 -1
- package/dist/{MultiSelector-DuF5TECE.js → MultiSelector-BtAUfQ3t.js} +122 -54
- package/dist/{NavDisclosure-C6sPZ89n.js → NavDisclosure-C_fugrQ3.js} +1 -2
- package/dist/{NavHeadingSurface-Cb3x9iDx.js → NavHeadingSurface-B3yJspSN.js} +18 -11
- package/dist/NavItem/index.d.ts +1 -1
- package/dist/NavItem/index.js +2 -2
- package/dist/{NavItem-FFOisITc.js → NavItem-BBIGSvDj.js} +7 -3
- package/dist/NavMenu/index.d.ts +1 -1
- package/dist/NavMenu/index.js +3 -3
- package/dist/{NavMenu-ClIgMaxE.js → NavMenu-ThXguZAz.js} +7 -3
- package/dist/{NavMenuItem-E7S8gBh-.js → NavMenuItem-BvJNsDFC.js} +8 -4
- package/dist/NumberInput/index.d.ts +1 -1
- package/dist/NumberInput/index.js +1 -1
- package/dist/NumberInput-AZ9x3oja.js +473 -0
- package/dist/Outline/index.js +1 -1
- package/dist/{Outline-DBUuchi9.js → Outline-755h-lMP.js} +1 -1
- package/dist/OverflowList/index.d.ts +1 -1
- package/dist/OverflowList/index.js +1 -1
- package/dist/{OverflowList-aDd_oem0.js → OverflowList-NmrSMbxb.js} +10 -6
- package/dist/Pagination/index.d.ts +1 -1
- package/dist/Pagination/index.js +1 -1
- package/dist/{Pagination-CNe9F6Fl.js → Pagination-DqwNQFRp.js} +29 -14
- package/dist/Popover/index.d.ts +3 -3
- package/dist/Popover/index.js +2 -2
- package/dist/Popover-DJf8POzL.js +308 -0
- package/dist/PowerSearch/index.d.ts +1 -1
- package/dist/PowerSearch/index.js +1 -1
- package/dist/{PowerSearch-C6U8Sq1Y.js → PowerSearch-DvjiPqMZ.js} +44 -31
- package/dist/ProgressBar/index.d.ts +1 -1
- package/dist/ProgressBar/index.js +1 -1
- package/dist/{ProgressBar-DF6WZNCI.js → ProgressBar-CVLzdoBK.js} +9 -3
- package/dist/Radio/index.d.ts +1 -1
- package/dist/Radio/index.js +1 -1
- package/dist/{RadioGroup-CBqUPq_L.js → RadioGroup-Bfu6JSNV.js} +60 -24
- package/dist/RadioList/index.d.ts +1 -1
- package/dist/RadioList/index.js +1 -1
- package/dist/{RadioList-CPOJn9Th.js → RadioList-xY1cwLdZ.js} +4 -1
- package/dist/Resizable/index.d.ts +1 -1
- package/dist/Resizable/index.js +1 -1
- package/dist/{ResizeHandle-DYy0e3v9.js → ResizeHandle-q4nD_586.js} +1 -1
- package/dist/ScrollableArea/index.d.ts +1 -1
- package/dist/ScrollableArea/index.js +1 -1
- package/dist/{ScrollableArea-DQDYjnxO.js → ScrollableArea-D4dCJv9I.js} +14 -3
- package/dist/Scrollbars/index.d.ts +2 -0
- package/dist/Scrollbars/index.js +3 -0
- package/dist/Scrollbars-D_93hJYK.js +75 -0
- package/dist/Section/index.d.ts +2 -1
- package/dist/Section/index.js +1 -1
- package/dist/{Section-C48Wqfc7.js → Section-v2QuWBBJ.js} +1 -1
- package/dist/SegmentedControl/index.d.ts +1 -1
- package/dist/SelectableCard/index.d.ts +1 -1
- package/dist/SelectableCard/index.js +1 -1
- package/dist/{SelectableCard-Bj5s_tIN.js → SelectableCard-Cku4dRzc.js} +1 -1
- package/dist/Selector/index.d.ts +1 -1
- package/dist/Selector/index.js +1 -1
- package/dist/{Selector-5N-hq2nF.js → Selector-DJ2BhUTV.js} +90 -31
- package/dist/SideNav/index.d.ts +2 -2
- package/dist/SideNav/index.js +1 -1
- package/dist/{SideNav-CT9lfspi.js → SideNav-BF8mYDxl.js} +76 -44
- package/dist/Slider/index.d.ts +1 -1
- package/dist/Slider/index.js +1 -1
- package/dist/{Slider-D8h_RKcF.js → Slider-DWobsPgm.js} +2 -2
- package/dist/Stack/index.d.ts +2 -2
- package/dist/Stack/index.js +2 -2
- package/dist/{Stack-iv52y_Jv.js → Stack-CTsTFfar.js} +18 -3
- package/dist/{Stack-gGcYdOAh.js → Stack-kQlYbbL4.js} +22 -7
- package/dist/StatusDot/index.d.ts +1 -1
- package/dist/StatusDot/index.js +1 -1
- package/dist/StatusDot-BPUhMOff.js +45 -0
- package/dist/Stepper/index.d.ts +1 -1
- package/dist/Stepper/index.js +1 -1
- package/dist/{Stepper-BqhVCgC-.js → Stepper-CE8dHysu.js} +1 -1
- package/dist/Switch/index.d.ts +1 -1
- package/dist/Switch/index.js +1 -1
- package/dist/{Switch-SesQzPGZ.js → Switch-DaVPRxvN.js} +2 -2
- package/dist/TabList/index.d.ts +2 -2
- package/dist/TabList/index.js +1 -1
- package/dist/{TabList-BlzkrObv.js → TabList-DIkK9sgK.js} +100 -23
- package/dist/Table/index.d.ts +3 -3
- package/dist/Table/index.js +2 -2
- package/dist/{Table-CsdH8fCB.js → Table-fecqnm7P.js} +870 -241
- package/dist/Text/index.d.ts +2 -2
- package/dist/Text/index.js +1 -1
- package/dist/{Text-DIzZw6FA.js → Text-CV3LmscH.js} +7 -2
- package/dist/TextArea/index.d.ts +1 -1
- package/dist/TextArea/index.js +1 -1
- package/dist/{TextArea-CPwSytdO.js → TextArea-Ab5Sw60T.js} +24 -14
- package/dist/TextInput/index.d.ts +1 -1
- package/dist/TextInput/index.js +1 -1
- package/dist/{TextInput-BasnjVvy.js → TextInput-zFT1_qgI.js} +21 -24
- package/dist/Thumbnail/index.js +1 -1
- package/dist/{Thumbnail-BnQwX1cQ.js → Thumbnail-C3NnJUFG.js} +5 -5
- package/dist/TimeField-CoHDGmsP.js +435 -0
- package/dist/TimeInput/index.d.ts +1 -1
- package/dist/TimeInput/index.js +1 -1
- package/dist/{TimeInput-C9gptCOK.js → TimeInput-D2k3Ux3p.js} +14 -2
- package/dist/Timer/index.d.ts +1 -1
- package/dist/Timer/index.js +1 -1
- package/dist/{Timer-kxzQx3tp.js → Timer-avMQk5DN.js} +1 -1
- package/dist/Timestamp/index.d.ts +1 -1
- package/dist/Timestamp/index.js +1 -1
- package/dist/{Timestamp-D7bd_nF3.js → Timestamp-xpQKCk0d.js} +7 -7
- package/dist/Toast/index.d.ts +3 -2
- package/dist/Toast/index.js +1 -1
- package/dist/{Toast-C2ML-bmi.js → Toast-BuqIZV5z.js} +136 -38
- package/dist/ToggleButton/index.d.ts +1 -1
- package/dist/ToggleButton/index.js +1 -1
- package/dist/{ToggleButton-BB_I8EdM.js → ToggleButton-B-C-Q7XP.js} +1 -1
- package/dist/Token/index.d.ts +1 -1
- package/dist/Token/index.js +1 -1
- package/dist/{Token-D2GsI_Ei.js → Token-DsntTYhQ.js} +33 -17
- package/dist/Tokenizer/index.d.ts +1 -1
- package/dist/Tokenizer/index.js +1 -1
- package/dist/Tokenizer-B5C_qY7t.js +585 -0
- package/dist/Toolbar/index.d.ts +2 -1
- package/dist/Tooltip/index.d.ts +2 -2
- package/dist/Tooltip/index.js +2 -2
- package/dist/Tooltip-C4Vaqd3G.js +320 -0
- package/dist/TopNav/index.d.ts +1 -1
- package/dist/TopNav/index.js +1 -1
- package/dist/{TopNav-arWFLTBM.js → TopNav-Ciq0l1w7.js} +122 -84
- package/dist/TreeList/index.d.ts +1 -1
- package/dist/TreeList/index.js +1 -1
- package/dist/{TreeList-C9xvMpJZ.js → TreeList-BUz-KZJd.js} +90 -40
- package/dist/Typeahead/index.d.ts +1 -1
- package/dist/Typeahead/index.js +2 -2
- package/dist/Typeahead-JP9RT87x.js +656 -0
- package/dist/{TypeaheadMenu-BEObzonz.js → TypeaheadMenu-DBW6rHeO.js} +133 -44
- package/dist/composables/index.d.ts +3 -3
- package/dist/composables/index.js +12 -7
- package/dist/{composables-CWw6t-RJ.js → composables-CbKx9C1Y.js} +424 -4
- package/dist/context-C_peZbXf.js +16 -0
- package/dist/context-M-er0-Rk.js +99 -0
- package/dist/{context-CPh7kE-a.js → context-iABt_ueM.js} +30 -4
- package/dist/{index-CLmKfnqf.d.ts → index-0QGtSf3r.d.ts} +2 -0
- package/dist/{index-z3uLM1O6.d.ts → index-B1WJxt-n.d.ts} +1 -1
- package/dist/{index-BPwD6aBv.d.ts → index-B3Fomy15.d.ts} +2 -2
- package/dist/{index-CPwzSbQQ.d.ts → index-B42oE_F-.d.ts} +17 -1
- package/dist/{index-EFqQF2Bx.d.ts → index-B4OOtNP8.d.ts} +2 -2
- package/dist/index-B7yhzGUT.d.ts +171 -0
- package/dist/{index-DFbvnBlf.d.ts → index-B9e52paP.d.ts} +15 -2
- package/dist/{index-CEB7Ywvw.d.ts → index-BKnyTWPM.d.ts} +1 -1
- package/dist/{index-CsVS37na.d.ts → index-BNbAJV9C.d.ts} +1 -1
- package/dist/index-BTK7aStw.d.ts +88 -0
- package/dist/{index-BBtJt5_A.d.ts → index-BULhhnGf.d.ts} +1 -1
- package/dist/{index-D7-WTV6I.d.ts → index-BVKivP59.d.ts} +2 -2
- package/dist/{index-BpH4wvsg.d.ts → index-BgT6mH3U.d.ts} +2 -2
- package/dist/{index-Be1czg3M.d.ts → index-BhpAUzUr.d.ts} +47 -7
- package/dist/{index-BcJBLWJ0.d.ts → index-BkjSF265.d.ts} +67 -4
- package/dist/{index-DxR1FChm.d.ts → index-Bu8NA2SD.d.ts} +49 -6
- package/dist/{index-HV6W3xCx.d.ts → index-Byar3h1e.d.ts} +1 -1
- package/dist/{index-C-QpeUlQ.d.ts → index-C2nbK2AA.d.ts} +52 -7
- package/dist/{index-iBLzInje.d.ts → index-C5e-7Obr.d.ts} +1 -1
- package/dist/index-CEv_AvOg.d.ts +17 -0
- package/dist/{index-Dgg0bHVM.d.ts → index-CICeEoZV.d.ts} +2 -1
- package/dist/{index-CB9Srua5.d.ts → index-CL1T2j4y.d.ts} +7 -4
- package/dist/{index-DjMwF8ET.d.ts → index-COgrQZIL.d.ts} +7 -1
- package/dist/{index-Ca8VIE4l.d.ts → index-CVn0GBdB.d.ts} +1 -1
- package/dist/{index-ChWlKHjc.d.ts → index-Cde5JvtX.d.ts} +15 -3
- package/dist/index-CitZGSn0.d.ts +39 -0
- package/dist/index-CkKPMIeX.d.ts +55 -0
- package/dist/{index-FEy8qFSD.d.ts → index-ClNU2Th8.d.ts} +30 -3
- package/dist/{index-kaKBOZSU.d.ts → index-Cq31D3fJ.d.ts} +99 -7
- package/dist/{index-xfkEuGLY.d.ts → index-CqE4Bf3Q.d.ts} +8 -2
- package/dist/{index-DtePJ_w_.d.ts → index-Crp3NFLW.d.ts} +2 -2
- package/dist/{index-BlOIC_AM.d.ts → index-CsNi1I8j.d.ts} +6 -0
- package/dist/index-Cyb9Du5Z.d.ts +76 -0
- package/dist/{index-4TRnFGxv.d.ts → index-D41_xqjs.d.ts} +50 -10
- package/dist/{index-eshFLli0.d.ts → index-D97pQbua.d.ts} +7 -0
- package/dist/{index-c67ca7eJ.d.ts → index-DEQ5cnUV.d.ts} +1 -1
- package/dist/{index-BmAxqw1G.d.ts → index-DG52Bg0W.d.ts} +15 -1
- package/dist/{index-Da7Jm8Ht.d.ts → index-DIXAzTKL.d.ts} +1 -1
- package/dist/{index-BmmdzwT9.d.ts → index-DNA2l1RN.d.ts} +35 -11
- package/dist/{index-B9rqmYxh.d.ts → index-DUaLJO7l.d.ts} +978 -313
- package/dist/index-DVmgNb78.d.ts +143 -0
- package/dist/{index-CDdRQQF3.d.ts → index-DWh2WC8W.d.ts} +18 -6
- package/dist/index-DXpSFlPG.d.ts +78 -0
- package/dist/{index-C_2Z65Rp.d.ts → index-DeQwYJbg.d.ts} +39 -2
- package/dist/{index-JL4auphT.d.ts → index-GI9xIV9l.d.ts} +2 -2
- package/dist/{index-Ctu32CLv.d.ts → index-IBAInumL.d.ts} +93 -56
- package/dist/{index-vizlhXVs.d.ts → index-T2FOcOuI.d.ts} +492 -16
- package/dist/{index-CA6RbRWx.d.ts → index-TXcNH86P.d.ts} +2 -2
- package/dist/{index-BIPc1v82.d.ts → index-TntQsADQ.d.ts} +1 -1
- package/dist/index-fAZaRruV.d.ts +125 -0
- package/dist/{index-COxy6LEW.d.ts → index-gW0HW02U.d.ts} +1 -1
- package/dist/{index-D5N9ikrS.d.ts → index-hCpxKePE.d.ts} +1 -1
- package/dist/{index-CpiWVbRZ.d.ts → index-i0tNFWfz.d.ts} +3 -1
- package/dist/{index-YmSe1ujk.d.ts → index-lgvUFSCO.d.ts} +1 -1
- package/dist/{index-bvr3WHvs.d.ts → index-xrzJC4wm.d.ts} +1 -1
- package/dist/{index-BK9T1TPZ.d.ts → index-yT1yiiww.d.ts} +28 -9
- package/dist/index.d.ts +80 -76
- package/dist/index.js +127 -113
- package/dist/link-C4_WogdF.js +18 -0
- package/dist/{index-C3GaPqvJ.d.ts → loadCatalog-BGHKG_9N.d.ts} +16 -37
- package/dist/{locale-sLw5Caia.js → loadCatalog-CXKqEB9s.js} +25 -65
- package/dist/locale/index.d.ts +3 -2
- package/dist/locale/index.js +4 -3
- package/dist/locale-DgkZEMTn.js +105 -0
- package/dist/{searchResultMessage-CCnq-_ce.js → searchResultMessage-hXXNOFJP.js} +2 -2
- package/dist/{size-xcIqExkS.js → size-Cpn_wzXi.js} +1 -1
- package/dist/{types-3eXh_5os.d.ts → types-0Q_SJv_F.d.ts} +3 -1
- package/dist/types-BRfVvZTH.d.ts +108 -0
- package/dist/{types-D7QNSqoN.d.ts → types-BTk0WZ0b.d.ts} +8 -0
- package/dist/{types-D_J66aPN.d.ts → types-BnNTzEnd.d.ts} +5 -1
- package/dist/{types-D9nP_X-c.d.ts → types-Ckih2YJi.d.ts} +9 -2
- package/dist/{types-Db3Owy8Q.d.ts → types-OGMYGejX.d.ts} +5 -0
- package/dist/{index-nKlTsNfV.d.ts → types-uFMH9NaM.d.ts} +14 -17
- package/dist/{useAnchoredListbox-BN9LQnon.js → useAnchoredListbox-DwztMNjP.js} +9 -4
- package/dist/useDevWarning-DznOpOHT.js +36 -0
- package/dist/useInputContainer-CpgDe2-4.js +51 -0
- package/dist/useInputStatusIcon-DBOwxV4x.js +41 -0
- package/dist/useInteractiveRole-Cn0Nd5GX.js +25 -0
- package/dist/{useMenuDrillIn-BgjJcY3K.js → useMenuDrillIn-DzKGkTho.js} +1 -1
- package/dist/{useMenuPress-DUmEy4TB.js → useMenuPress-D-FRNrBW.js} +162 -14
- package/dist/useMergedRefs-CfHHlCsn.js +109 -0
- package/dist/useNumberField-4-dIGVed.js +128 -0
- package/dist/{usePositionedLayer-C1NBOsVT.js → usePositionedLayer-Cru9_00b.js} +70 -7
- package/dist/useResizable-DDwPpPe6.d.ts +409 -0
- package/dist/useRestoreFocus-Djw9RUIf.js +153 -0
- package/dist/useScrollbars-C2NJ6Qwq.js +43 -0
- package/dist/{useTimeValue-DWk6oTAZ.js → useTimeValue-6ufHM15W.js} +1 -1
- package/dist/utils-D33VQDnk.js +58 -0
- package/locales/SOURCE.json +1 -1
- package/locales/en.json +445 -1
- package/package.json +19 -2
- package/styles/avatar-group.css +19 -1
- package/styles/avatar.css +34 -13
- package/styles/chat.css +17 -1
- package/styles/dialog-header.css +5 -1
- package/styles/field.css +11 -0
- package/styles/heading.css +9 -0
- package/styles/indicator-focus-ring.css +18 -0
- package/styles/number-input.css +33 -0
- package/styles/pressable.css +44 -0
- package/styles/progress-bar.css +18 -0
- package/styles/scrollbars.css +28 -0
- package/styles/side-nav.css +20 -6
- package/styles/stack.css +4 -2
- package/styles/status-dot.css +18 -0
- package/styles/tab-list.css +38 -2
- package/styles/table.css +66 -6
- package/styles/text.css +9 -0
- package/styles/time-input.css +41 -0
- package/styles/top-nav.css +46 -19
- package/styles/typeahead.css +31 -0
- package/styles.css +2 -0
- package/dist/AvatarGroup-QyzSrpYA.js +0 -60
- package/dist/DateInput-D4XFAEMp.js +0 -743
- package/dist/FieldLabel-DmmJyX7w.js +0 -184
- package/dist/FileInput-DuNwdbAo.js +0 -238
- package/dist/HoverCard-EhbWaGOW.js +0 -443
- package/dist/NumberInput-B4IL3s_8.js +0 -210
- package/dist/Popover-D7zqpFwU.js +0 -215
- package/dist/StatusDot-CaoIapp4.js +0 -27
- package/dist/TimeField-Biiuv0hB.js +0 -214
- package/dist/Tokenizer-rwzamZg4.js +0 -473
- package/dist/Tooltip-C2fh9anJ.js +0 -271
- package/dist/Typeahead-_V11btpv.js +0 -499
- package/dist/index-Blm197N_.d.ts +0 -82
- package/dist/index-Bt7ewoz2.d.ts +0 -119
- package/dist/index-C1HIqW_H.d.ts +0 -38
- package/dist/index-CngORuiq.d.ts +0 -387
- package/dist/index-D4I_obqR.d.ts +0 -58
- package/dist/link-CdcUSxAj.js +0 -12
- package/dist/size-BuTzpgnR.d.ts +0 -14
- package/dist/types-Cp4liug-.d.ts +0 -170
- package/dist/useDismiss-Cj8x_51F.js +0 -62
- package/dist/useNumberField-DL-Radsp.js +0 -49
- package/dist/useResizable-CUoNPmUw.d.ts +0 -72
- package/dist/useRestoreFocus-BvMdXVX9.js +0 -96
- package/dist/utils-C9r3UD_y.js +0 -16
|
@@ -0,0 +1,585 @@
|
|
|
1
|
+
import { n as useButtonTooltip } from "./Button-B6Hj_O_s.js";
|
|
2
|
+
import { t as _sfc_main$1 } from "./ButtonTooltip-nWWrth8j.js";
|
|
3
|
+
import { t as useAnnounce } from "./announce-Cnio10Wk.js";
|
|
4
|
+
import { o as useAstryxMessages } from "./context-iABt_ueM.js";
|
|
5
|
+
import { n as useOverflow } from "./useOverflow-VrwF5oek.js";
|
|
6
|
+
import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
|
|
7
|
+
import { t as _sfc_main$2 } from "./Field-D5gUEGw4.js";
|
|
8
|
+
import { t as _sfc_main$3 } from "./Token-DsntTYhQ.js";
|
|
9
|
+
import { n as useAnchoredListbox, t as scrollOptionIntoView } from "./useAnchoredListbox-DwztMNjP.js";
|
|
10
|
+
import { r as useTypeaheadMenu, t as _sfc_main$4 } from "./TypeaheadMenu-DBW6rHeO.js";
|
|
11
|
+
import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useAttrs, useId, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
|
|
12
|
+
import "../styles/visually-hidden-utility.css";
|
|
13
|
+
import "../styles/typeahead.css";
|
|
14
|
+
import "../styles/tokenizer.css";
|
|
15
|
+
//#region src/Tokenizer/Tokenizer.vue
|
|
16
|
+
const _hoisted_1 = {
|
|
17
|
+
key: 0,
|
|
18
|
+
class: "astryx-tokenizer-icon",
|
|
19
|
+
"aria-hidden": "true"
|
|
20
|
+
};
|
|
21
|
+
const _hoisted_2 = ["onKeydown"];
|
|
22
|
+
const _hoisted_3 = {
|
|
23
|
+
key: 0,
|
|
24
|
+
class: "astryx-tokenizer-more"
|
|
25
|
+
};
|
|
26
|
+
const _hoisted_4 = {
|
|
27
|
+
class: "astryx-tokenizer-more",
|
|
28
|
+
"data-overflow-indicator": ""
|
|
29
|
+
};
|
|
30
|
+
const _hoisted_5 = [
|
|
31
|
+
"data-autofocus",
|
|
32
|
+
"placeholder",
|
|
33
|
+
"value",
|
|
34
|
+
"disabled",
|
|
35
|
+
"readonly",
|
|
36
|
+
"aria-disabled",
|
|
37
|
+
"aria-expanded",
|
|
38
|
+
"aria-activedescendant",
|
|
39
|
+
"aria-describedby",
|
|
40
|
+
"aria-required"
|
|
41
|
+
];
|
|
42
|
+
const _hoisted_6 = ["aria-label"];
|
|
43
|
+
const _hoisted_7 = [
|
|
44
|
+
"name",
|
|
45
|
+
"value",
|
|
46
|
+
"disabled"
|
|
47
|
+
];
|
|
48
|
+
const _hoisted_8 = ["aria-label", "data-placement"];
|
|
49
|
+
const _sfc_main = /*@__PURE__*/ defineComponent({
|
|
50
|
+
name: "AstryxTokenizer",
|
|
51
|
+
inheritAttrs: false,
|
|
52
|
+
__name: "Tokenizer",
|
|
53
|
+
props: {
|
|
54
|
+
modelValue: { default: () => [] },
|
|
55
|
+
searchSource: {},
|
|
56
|
+
label: {},
|
|
57
|
+
labelHidden: {
|
|
58
|
+
type: Boolean,
|
|
59
|
+
default: false
|
|
60
|
+
},
|
|
61
|
+
description: {},
|
|
62
|
+
labelTooltip: {},
|
|
63
|
+
placeholder: {},
|
|
64
|
+
disabled: {
|
|
65
|
+
type: Boolean,
|
|
66
|
+
default: false
|
|
67
|
+
},
|
|
68
|
+
disabledReason: {},
|
|
69
|
+
disabledMessage: {},
|
|
70
|
+
status: { default: "default" },
|
|
71
|
+
statusMessage: {},
|
|
72
|
+
size: { default: "md" },
|
|
73
|
+
clearable: {
|
|
74
|
+
type: Boolean,
|
|
75
|
+
default: false
|
|
76
|
+
},
|
|
77
|
+
hasClear: {
|
|
78
|
+
type: Boolean,
|
|
79
|
+
default: false
|
|
80
|
+
},
|
|
81
|
+
debounceMs: { default: 150 },
|
|
82
|
+
maxMenuItems: { default: 10 },
|
|
83
|
+
menuWidth: {},
|
|
84
|
+
minQueryLength: { default: 1 },
|
|
85
|
+
showOnFocus: {
|
|
86
|
+
type: Boolean,
|
|
87
|
+
default: false
|
|
88
|
+
},
|
|
89
|
+
hasEntriesOnFocus: { type: Boolean },
|
|
90
|
+
hasAutoFocus: {
|
|
91
|
+
type: Boolean,
|
|
92
|
+
default: false
|
|
93
|
+
},
|
|
94
|
+
emptyText: {},
|
|
95
|
+
emptySearchText: {},
|
|
96
|
+
maxEntries: {},
|
|
97
|
+
creatable: {
|
|
98
|
+
type: Boolean,
|
|
99
|
+
default: false
|
|
100
|
+
},
|
|
101
|
+
hasCreate: {
|
|
102
|
+
type: Boolean,
|
|
103
|
+
default: false
|
|
104
|
+
},
|
|
105
|
+
overflow: { default: "none" },
|
|
106
|
+
required: {
|
|
107
|
+
type: Boolean,
|
|
108
|
+
default: false
|
|
109
|
+
},
|
|
110
|
+
optional: {
|
|
111
|
+
type: Boolean,
|
|
112
|
+
default: false
|
|
113
|
+
},
|
|
114
|
+
name: {},
|
|
115
|
+
width: {}
|
|
116
|
+
},
|
|
117
|
+
emits: [
|
|
118
|
+
"update:modelValue",
|
|
119
|
+
"change",
|
|
120
|
+
"search",
|
|
121
|
+
"changeQuery",
|
|
122
|
+
"openChange",
|
|
123
|
+
"focus",
|
|
124
|
+
"blur"
|
|
125
|
+
],
|
|
126
|
+
setup(__props, { expose: __expose, emit: __emit }) {
|
|
127
|
+
const props = __props;
|
|
128
|
+
const emit = __emit;
|
|
129
|
+
const attrs = useAttrs();
|
|
130
|
+
const messages = useAstryxMessages();
|
|
131
|
+
const inputId = `astryx-tokenizer-${useId()}`;
|
|
132
|
+
const listboxId = `${inputId}-listbox`;
|
|
133
|
+
const disabledId = `${inputId}-disabled`;
|
|
134
|
+
const disabledTooltipId = `${inputId}-disabled-tooltip`;
|
|
135
|
+
const values = computed(() => props.modelValue ?? []);
|
|
136
|
+
const focused = ref(false);
|
|
137
|
+
const placeholderHeight = ref(0);
|
|
138
|
+
const announce = useAnnounce();
|
|
139
|
+
const anchorRef = useTemplateRef("anchorRef");
|
|
140
|
+
const listboxRef = useTemplateRef("listboxRef");
|
|
141
|
+
useScrollbars(listboxRef);
|
|
142
|
+
const inputRef = useTemplateRef("inputRef");
|
|
143
|
+
const tokenEls = /* @__PURE__ */ new Map();
|
|
144
|
+
const placeholder = computed(() => props.placeholder ?? messages.value.tokenizer.placeholder);
|
|
145
|
+
const emptyText = computed(() => props.emptySearchText ?? props.emptyText ?? messages.value.tokenizer.empty);
|
|
146
|
+
/** 新名 disabledMessage 优先,旧名 disabledReason 继续可用。 */
|
|
147
|
+
const disabledMessage = computed(() => {
|
|
148
|
+
const message = props.disabledMessage?.trim() ? props.disabledMessage : props.disabledReason;
|
|
149
|
+
return message?.trim() ? message : void 0;
|
|
150
|
+
});
|
|
151
|
+
const focusableDisabled = computed(() => Boolean(props.disabled && disabledMessage.value));
|
|
152
|
+
/** 有禁用原因时鼠标悬停或键盘聚焦都能读到它。 */
|
|
153
|
+
const showsDisabledMessage = computed(() => Boolean(props.disabled) && Boolean(disabledMessage.value));
|
|
154
|
+
const disabledTooltip = useButtonTooltip(showsDisabledMessage);
|
|
155
|
+
/** 两个名字任一为真就画清除按钮。 */
|
|
156
|
+
const showsClear = computed(() => props.hasClear || props.clearable);
|
|
157
|
+
/** 两个名字任一为真就在聚焦时先展开。 */
|
|
158
|
+
const showsEntriesOnFocus = computed(() => props.hasEntriesOnFocus || props.showOnFocus);
|
|
159
|
+
/** 两个名字任一为真就能从输入的文字新建标签。 */
|
|
160
|
+
const isCreatable = computed(() => props.hasCreate || props.creatable);
|
|
161
|
+
const atMax = computed(() => props.maxEntries != null && values.value.length >= props.maxEntries);
|
|
162
|
+
const collapsed = computed(() => props.overflow !== "none" && !focused.value);
|
|
163
|
+
const floating = computed(() => props.overflow === "unfocused-layer" && focused.value);
|
|
164
|
+
const fieldStatus = computed(() => {
|
|
165
|
+
if (!props.statusMessage || props.status === "default") return void 0;
|
|
166
|
+
return {
|
|
167
|
+
type: props.status,
|
|
168
|
+
message: props.statusMessage
|
|
169
|
+
};
|
|
170
|
+
});
|
|
171
|
+
const describedBy = computed(() => {
|
|
172
|
+
return [
|
|
173
|
+
typeof attrs["aria-describedby"] === "string" ? attrs["aria-describedby"] : void 0,
|
|
174
|
+
props.description ? `${inputId}-description` : void 0,
|
|
175
|
+
props.statusMessage ? `${inputId}-status` : void 0,
|
|
176
|
+
focusableDisabled.value ? disabledId : void 0
|
|
177
|
+
].filter(Boolean).join(" ") || void 0;
|
|
178
|
+
});
|
|
179
|
+
/**
|
|
180
|
+
* 这些属性由组件自己算,不能让外面透传的值盖掉。
|
|
181
|
+
* 其余的原生属性和事件监听(@keydown / @focus / @blur …)原样落到输入框上。
|
|
182
|
+
*/
|
|
183
|
+
const controlledAttrs = /* @__PURE__ */ new Set([
|
|
184
|
+
"id",
|
|
185
|
+
"type",
|
|
186
|
+
"role",
|
|
187
|
+
"value",
|
|
188
|
+
"class",
|
|
189
|
+
"style",
|
|
190
|
+
"disabled",
|
|
191
|
+
"readonly",
|
|
192
|
+
"autofocus",
|
|
193
|
+
"placeholder",
|
|
194
|
+
"tabindex",
|
|
195
|
+
"autocomplete",
|
|
196
|
+
"aria-describedby",
|
|
197
|
+
"aria-expanded",
|
|
198
|
+
"aria-controls",
|
|
199
|
+
"aria-activedescendant",
|
|
200
|
+
"aria-autocomplete",
|
|
201
|
+
"aria-disabled",
|
|
202
|
+
"aria-required"
|
|
203
|
+
]);
|
|
204
|
+
function inputAttrs() {
|
|
205
|
+
return Object.fromEntries(Object.entries(attrs).filter(([key]) => !controlledAttrs.has(key)));
|
|
206
|
+
}
|
|
207
|
+
const menu = useTypeaheadMenu({
|
|
208
|
+
source: () => props.searchSource,
|
|
209
|
+
debounceMs: () => props.debounceMs,
|
|
210
|
+
showOnFocus: () => showsEntriesOnFocus.value && !atMax.value,
|
|
211
|
+
minQueryLength: () => props.minQueryLength,
|
|
212
|
+
maxItems: () => props.maxMenuItems,
|
|
213
|
+
disabled: () => props.disabled || atMax.value,
|
|
214
|
+
excludeIds: () => values.value.map((item) => item.id),
|
|
215
|
+
blockedLabels: () => values.value.map((item) => item.label),
|
|
216
|
+
creatable: () => isCreatable.value && !atMax.value,
|
|
217
|
+
createLabel: (query) => messages.value.tokenizer.create(query),
|
|
218
|
+
onSelect: (entry) => add(entry.item, entry.create ? "create" : "add"),
|
|
219
|
+
onQueryChange: (query) => {
|
|
220
|
+
emit("search", query);
|
|
221
|
+
emit("changeQuery", query);
|
|
222
|
+
}
|
|
223
|
+
});
|
|
224
|
+
const anchored = useAnchoredListbox({
|
|
225
|
+
anchor: anchorRef,
|
|
226
|
+
layer: listboxRef,
|
|
227
|
+
isOpen: menu.combobox.isOpen,
|
|
228
|
+
menuWidth: () => props.menuWidth,
|
|
229
|
+
onDismiss: () => menu.close()
|
|
230
|
+
});
|
|
231
|
+
onMounted(() => {
|
|
232
|
+
if (props.hasAutoFocus) inputRef.value?.focus();
|
|
233
|
+
});
|
|
234
|
+
const tokenCount = computed(() => values.value.length);
|
|
235
|
+
const overflow = useOverflow(tokenCount, { gap: 4 });
|
|
236
|
+
const visibleCount = computed(() => collapsed.value ? overflow.visibleCount.value : tokenCount.value);
|
|
237
|
+
const hiddenCount = computed(() => Math.max(0, tokenCount.value - visibleCount.value));
|
|
238
|
+
const measureMoreLabel = computed(() => messages.value.tokenizer.more(Math.max(hiddenCount.value, 1)));
|
|
239
|
+
const visibleItems = computed(() => values.value.slice(0, visibleCount.value));
|
|
240
|
+
watch(collapsed, () => {
|
|
241
|
+
nextTick(() => overflow.remeasure());
|
|
242
|
+
});
|
|
243
|
+
watch(() => menu.combobox.isOpen.value, (isOpen) => {
|
|
244
|
+
emit("openChange", isOpen);
|
|
245
|
+
});
|
|
246
|
+
watch(() => menu.combobox.activeIndex.value, (index) => {
|
|
247
|
+
if (!menu.combobox.isOpen.value || index < 0) return;
|
|
248
|
+
nextTick(() => scrollOptionIntoView(listboxRef.value, menu.entries.value[index]?.id));
|
|
249
|
+
});
|
|
250
|
+
function commit(next, change) {
|
|
251
|
+
emit("update:modelValue", next);
|
|
252
|
+
emit("change", next, change);
|
|
253
|
+
}
|
|
254
|
+
function add(item, type) {
|
|
255
|
+
if (props.disabled || atMax.value || values.value.some((entry) => entry.id === item.id)) return;
|
|
256
|
+
commit([...values.value, item], {
|
|
257
|
+
type,
|
|
258
|
+
item
|
|
259
|
+
});
|
|
260
|
+
announce(messages.value.tokenizer.added(item.label));
|
|
261
|
+
menu.query.value = "";
|
|
262
|
+
if (!props.showOnFocus) menu.close();
|
|
263
|
+
nextTick(() => inputRef.value?.focus());
|
|
264
|
+
}
|
|
265
|
+
function remove(item) {
|
|
266
|
+
if (props.disabled) return;
|
|
267
|
+
commit(values.value.filter((entry) => entry.id !== item.id), {
|
|
268
|
+
type: "remove",
|
|
269
|
+
item
|
|
270
|
+
});
|
|
271
|
+
announce(messages.value.tokenizer.removed(item.label));
|
|
272
|
+
nextTick(() => inputRef.value?.focus());
|
|
273
|
+
}
|
|
274
|
+
function clearAll(event) {
|
|
275
|
+
event?.stopPropagation();
|
|
276
|
+
if (props.disabled || values.value.length === 0) return;
|
|
277
|
+
commit([], { type: "clear" });
|
|
278
|
+
announce(messages.value.tokenizer.removed(values.value[values.value.length - 1]?.label ?? ""));
|
|
279
|
+
menu.close();
|
|
280
|
+
inputRef.value?.focus();
|
|
281
|
+
}
|
|
282
|
+
function setTokenEl(index, element) {
|
|
283
|
+
if (element instanceof HTMLElement) tokenEls.set(index, element);
|
|
284
|
+
else tokenEls.delete(index);
|
|
285
|
+
}
|
|
286
|
+
function focusToken(index) {
|
|
287
|
+
nextTick(() => tokenEls.get(index)?.focus());
|
|
288
|
+
}
|
|
289
|
+
function onInput(event) {
|
|
290
|
+
if (props.disabled || atMax.value) return;
|
|
291
|
+
menu.setQuery(event.target.value);
|
|
292
|
+
}
|
|
293
|
+
/** 焦点从外面进来(而不是在字段内部换元素)才算。 */
|
|
294
|
+
function onFocusIn(event) {
|
|
295
|
+
const comingFromOutside = !isInsideTokenizer(event.relatedTarget);
|
|
296
|
+
disabledTooltip.onTooltipPointerEnter();
|
|
297
|
+
if (!focused.value && props.overflow === "unfocused-layer") placeholderHeight.value = anchorRef.value?.offsetHeight ?? 0;
|
|
298
|
+
focused.value = true;
|
|
299
|
+
if (comingFromOutside) emit("focus", event);
|
|
300
|
+
}
|
|
301
|
+
function onFocusOut(event) {
|
|
302
|
+
disabledTooltip.onBlur();
|
|
303
|
+
const next = event.relatedTarget;
|
|
304
|
+
if (next instanceof Node && (anchorRef.value?.contains(next) || listboxRef.value?.contains(next))) return;
|
|
305
|
+
focused.value = false;
|
|
306
|
+
menu.close();
|
|
307
|
+
emit("blur", event);
|
|
308
|
+
}
|
|
309
|
+
function isInsideTokenizer(node) {
|
|
310
|
+
if (!(node instanceof Node)) return false;
|
|
311
|
+
return Boolean(anchorRef.value?.contains(node) || listboxRef.value?.contains(node));
|
|
312
|
+
}
|
|
313
|
+
function onInputKeyDown(event) {
|
|
314
|
+
if (event.defaultPrevented) return;
|
|
315
|
+
const input = inputRef.value;
|
|
316
|
+
if (event.key === "Backspace" && menu.query.value === "" && values.value.length > 0) {
|
|
317
|
+
event.preventDefault();
|
|
318
|
+
const last = values.value[values.value.length - 1];
|
|
319
|
+
if (last) remove(last);
|
|
320
|
+
return;
|
|
321
|
+
}
|
|
322
|
+
if (event.key === "ArrowLeft" && input && input.selectionStart === 0 && input.selectionEnd === 0 && values.value.length > 0) {
|
|
323
|
+
event.preventDefault();
|
|
324
|
+
focusToken(values.value.length - 1);
|
|
325
|
+
return;
|
|
326
|
+
}
|
|
327
|
+
menu.onKeyDown(event);
|
|
328
|
+
}
|
|
329
|
+
function onTokenKeyDown(event, item, index) {
|
|
330
|
+
if (event.key === "ArrowLeft" && index > 0) {
|
|
331
|
+
event.preventDefault();
|
|
332
|
+
focusToken(index - 1);
|
|
333
|
+
} else if (event.key === "ArrowRight") {
|
|
334
|
+
event.preventDefault();
|
|
335
|
+
if (index < values.value.length - 1) focusToken(index + 1);
|
|
336
|
+
else inputRef.value?.focus();
|
|
337
|
+
} else if (event.key === "Escape") inputRef.value?.focus();
|
|
338
|
+
else if (!props.disabled && (event.key === "Backspace" || event.key === "Delete")) {
|
|
339
|
+
event.preventDefault();
|
|
340
|
+
remove(item);
|
|
341
|
+
if (index > 0) focusToken(index - 1);
|
|
342
|
+
}
|
|
343
|
+
}
|
|
344
|
+
function onFieldClick(event) {
|
|
345
|
+
if (props.disabled) return;
|
|
346
|
+
const target = event.target;
|
|
347
|
+
if (target instanceof Element && target.closest("button, a")) return;
|
|
348
|
+
inputRef.value?.focus();
|
|
349
|
+
}
|
|
350
|
+
function highlight(index) {
|
|
351
|
+
const entry = menu.entries.value[index];
|
|
352
|
+
if (entry && !entry.disabled) menu.combobox.activeIndex.value = index;
|
|
353
|
+
}
|
|
354
|
+
function onMenuSelect(id) {
|
|
355
|
+
const entry = menu.entries.value.find((item) => item.id === id);
|
|
356
|
+
if (!entry || entry.disabled) return;
|
|
357
|
+
add(entry.create ? entry.item : entry.item, entry.create ? "create" : "add");
|
|
358
|
+
}
|
|
359
|
+
__expose({
|
|
360
|
+
focus: () => inputRef.value?.focus(),
|
|
361
|
+
blur: () => inputRef.value?.blur()
|
|
362
|
+
});
|
|
363
|
+
return (_ctx, _cache) => {
|
|
364
|
+
return openBlock(), createElementBlock(Fragment, null, [
|
|
365
|
+
createVNode(_sfc_main$2, {
|
|
366
|
+
class: normalizeClass(["astryx-tokenizer", [`size-${props.size}`, { "is-floating": floating.value }]]),
|
|
367
|
+
label: props.label,
|
|
368
|
+
"input-id": inputId,
|
|
369
|
+
description: props.description,
|
|
370
|
+
"label-tooltip": props.labelTooltip,
|
|
371
|
+
"is-label-hidden": props.labelHidden,
|
|
372
|
+
"is-disabled": props.disabled,
|
|
373
|
+
"is-required": props.required,
|
|
374
|
+
"is-optional": props.optional,
|
|
375
|
+
status: fieldStatus.value,
|
|
376
|
+
width: props.width
|
|
377
|
+
}, {
|
|
378
|
+
default: withCtx(() => [
|
|
379
|
+
floating.value ? (openBlock(), createElementBlock("div", {
|
|
380
|
+
key: 0,
|
|
381
|
+
class: "astryx-tokenizer-placeholder",
|
|
382
|
+
style: normalizeStyle({ height: `${placeholderHeight.value}px` })
|
|
383
|
+
}, null, 4)) : createCommentVNode("v-if", true),
|
|
384
|
+
createCommentVNode(" eslint-disable-next-line vue-a11y/click-events-have-key-events, vue-a11y/no-static-element-interactions -- 点空白处只是把焦点交给输入框;方向键和删除由输入框与标签处理。 "),
|
|
385
|
+
createElementVNode("div", {
|
|
386
|
+
ref_key: "anchorRef",
|
|
387
|
+
ref: anchorRef,
|
|
388
|
+
class: normalizeClass(["astryx-tokenizer-control", [`status-${props.status}`, {
|
|
389
|
+
"is-open": unref(menu).combobox.isOpen.value,
|
|
390
|
+
"is-disabled": props.disabled,
|
|
391
|
+
"is-floating": floating.value,
|
|
392
|
+
"has-tokens": values.value.length > 0
|
|
393
|
+
}]]),
|
|
394
|
+
onClick: onFieldClick,
|
|
395
|
+
onFocusin: onFocusIn,
|
|
396
|
+
onFocusout: onFocusOut,
|
|
397
|
+
onPointerenter: _cache[0] || (_cache[0] = (...args) => unref(disabledTooltip).onPointerEnter && unref(disabledTooltip).onPointerEnter(...args)),
|
|
398
|
+
onPointerleave: _cache[1] || (_cache[1] = (...args) => unref(disabledTooltip).onPointerLeave && unref(disabledTooltip).onPointerLeave(...args))
|
|
399
|
+
}, [
|
|
400
|
+
_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("v-if", true),
|
|
401
|
+
createElementVNode("span", {
|
|
402
|
+
ref: unref(overflow).containerRef,
|
|
403
|
+
class: normalizeClass(["astryx-tokenizer-tokens", { "is-collapsed": collapsed.value }])
|
|
404
|
+
}, [
|
|
405
|
+
createCommentVNode(" eslint-disable-next-line vue-a11y/no-static-element-interactions -- 方向键在标签容器上移动焦点,删除由内部按钮处理。 "),
|
|
406
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(visibleItems.value, (item, index) => {
|
|
407
|
+
return openBlock(), createElementBlock("span", {
|
|
408
|
+
key: item.id,
|
|
409
|
+
ref_for: true,
|
|
410
|
+
ref: (element) => setTokenEl(index, element),
|
|
411
|
+
class: "astryx-tokenizer-token",
|
|
412
|
+
tabindex: "-1",
|
|
413
|
+
onKeydown: ($event) => onTokenKeyDown($event, item, index)
|
|
414
|
+
}, [renderSlot(_ctx.$slots, "token", {
|
|
415
|
+
item,
|
|
416
|
+
remove: () => remove(item)
|
|
417
|
+
}, () => [createVNode(_sfc_main$3, {
|
|
418
|
+
label: item.label,
|
|
419
|
+
size: props.size,
|
|
420
|
+
disabled: props.disabled,
|
|
421
|
+
removable: "",
|
|
422
|
+
onRemove: ($event) => remove(item)
|
|
423
|
+
}, null, 8, [
|
|
424
|
+
"label",
|
|
425
|
+
"size",
|
|
426
|
+
"disabled",
|
|
427
|
+
"onRemove"
|
|
428
|
+
])])], 40, _hoisted_2);
|
|
429
|
+
}), 128)),
|
|
430
|
+
collapsed.value && hiddenCount.value > 0 ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(messages).tokenizer.more(hiddenCount.value)), 1)) : createCommentVNode("v-if", true)
|
|
431
|
+
], 2),
|
|
432
|
+
createElementVNode("span", {
|
|
433
|
+
ref: unref(overflow).measureRef,
|
|
434
|
+
class: "astryx-tokenizer-measure",
|
|
435
|
+
"aria-hidden": "true"
|
|
436
|
+
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(values.value, (item) => {
|
|
437
|
+
return openBlock(), createElementBlock("span", {
|
|
438
|
+
key: item.id,
|
|
439
|
+
class: "astryx-tokenizer-token"
|
|
440
|
+
}, [createVNode(_sfc_main$3, {
|
|
441
|
+
label: item.label,
|
|
442
|
+
size: props.size,
|
|
443
|
+
removable: ""
|
|
444
|
+
}, null, 8, ["label", "size"])]);
|
|
445
|
+
}), 128)), createElementVNode("span", _hoisted_4, toDisplayString(measureMoreLabel.value), 1)], 512),
|
|
446
|
+
createElementVNode("input", mergeProps(inputAttrs(), {
|
|
447
|
+
id: inputId,
|
|
448
|
+
ref_key: "inputRef",
|
|
449
|
+
ref: inputRef,
|
|
450
|
+
class: "astryx-tokenizer-input",
|
|
451
|
+
type: "text",
|
|
452
|
+
role: "combobox",
|
|
453
|
+
autocomplete: "off",
|
|
454
|
+
autocapitalize: "off",
|
|
455
|
+
"data-autofocus": props.hasAutoFocus || void 0,
|
|
456
|
+
placeholder: values.value.length === 0 ? placeholder.value : void 0,
|
|
457
|
+
value: unref(menu).query.value,
|
|
458
|
+
disabled: props.disabled && !focusableDisabled.value,
|
|
459
|
+
readonly: focusableDisabled.value || atMax.value || void 0,
|
|
460
|
+
"aria-disabled": focusableDisabled.value ? "true" : void 0,
|
|
461
|
+
"aria-expanded": unref(menu).combobox.isOpen.value,
|
|
462
|
+
"aria-controls": listboxId,
|
|
463
|
+
"aria-autocomplete": "list",
|
|
464
|
+
"aria-activedescendant": unref(menu).activeId.value ? `${listboxId}-option-${unref(menu).combobox.activeIndex.value}` : void 0,
|
|
465
|
+
"aria-describedby": describedBy.value,
|
|
466
|
+
"aria-required": props.required || void 0,
|
|
467
|
+
onInput,
|
|
468
|
+
onKeydown: onInputKeyDown
|
|
469
|
+
}), null, 16, _hoisted_5),
|
|
470
|
+
renderSlot(_ctx.$slots, "end"),
|
|
471
|
+
showsClear.value && values.value.length > 0 && !props.disabled ? (openBlock(), createElementBlock("button", {
|
|
472
|
+
key: 1,
|
|
473
|
+
type: "button",
|
|
474
|
+
class: "astryx-tokenizer-clear",
|
|
475
|
+
"aria-label": unref(messages).tokenizer.clear,
|
|
476
|
+
onClick: clearAll
|
|
477
|
+
}, [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
|
|
478
|
+
width: "16",
|
|
479
|
+
height: "16",
|
|
480
|
+
viewBox: "0 0 16 16",
|
|
481
|
+
fill: "none",
|
|
482
|
+
"aria-hidden": "true"
|
|
483
|
+
}, [createElementVNode("path", {
|
|
484
|
+
d: "M12 4L4 12M4 4L12 12",
|
|
485
|
+
stroke: "currentColor",
|
|
486
|
+
"stroke-width": "1.5",
|
|
487
|
+
"stroke-linecap": "round"
|
|
488
|
+
})], -1)])], 8, _hoisted_6)) : createCommentVNode("v-if", true),
|
|
489
|
+
focusableDisabled.value ? (openBlock(), createElementBlock("span", {
|
|
490
|
+
key: 2,
|
|
491
|
+
id: disabledId,
|
|
492
|
+
class: "astryx-visually-hidden"
|
|
493
|
+
}, toDisplayString(disabledMessage.value), 1)) : createCommentVNode("v-if", true),
|
|
494
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(values.value, (item) => {
|
|
495
|
+
return openBlock(), createElementBlock("input", {
|
|
496
|
+
key: `${props.name}-${item.id}`,
|
|
497
|
+
type: "hidden",
|
|
498
|
+
name: props.name,
|
|
499
|
+
value: item.id,
|
|
500
|
+
disabled: !props.name
|
|
501
|
+
}, null, 8, _hoisted_7);
|
|
502
|
+
}), 128))
|
|
503
|
+
], 34)
|
|
504
|
+
]),
|
|
505
|
+
_: 3
|
|
506
|
+
}, 8, [
|
|
507
|
+
"class",
|
|
508
|
+
"label",
|
|
509
|
+
"description",
|
|
510
|
+
"label-tooltip",
|
|
511
|
+
"is-label-hidden",
|
|
512
|
+
"is-disabled",
|
|
513
|
+
"is-required",
|
|
514
|
+
"is-optional",
|
|
515
|
+
"status",
|
|
516
|
+
"width"
|
|
517
|
+
]),
|
|
518
|
+
showsDisabledMessage.value ? (openBlock(), createBlock(_sfc_main$1, {
|
|
519
|
+
key: 0,
|
|
520
|
+
id: disabledTooltipId,
|
|
521
|
+
anchor: anchorRef.value,
|
|
522
|
+
open: unref(disabledTooltip).isOpen.value,
|
|
523
|
+
text: disabledMessage.value ?? "",
|
|
524
|
+
onPointerEnter: unref(disabledTooltip).onTooltipPointerEnter,
|
|
525
|
+
onPointerLeave: unref(disabledTooltip).onTooltipPointerLeave
|
|
526
|
+
}, null, 8, [
|
|
527
|
+
"anchor",
|
|
528
|
+
"open",
|
|
529
|
+
"text",
|
|
530
|
+
"onPointerEnter",
|
|
531
|
+
"onPointerLeave"
|
|
532
|
+
])) : createCommentVNode("v-if", true),
|
|
533
|
+
(openBlock(), createBlock(Teleport, { to: "body" }, [withDirectives(createElementVNode("div", {
|
|
534
|
+
id: listboxId,
|
|
535
|
+
ref_key: "listboxRef",
|
|
536
|
+
ref: listboxRef,
|
|
537
|
+
class: "astryx-typeahead-listbox",
|
|
538
|
+
role: "listbox",
|
|
539
|
+
"aria-label": unref(messages).tokenizer.results,
|
|
540
|
+
"data-placement": unref(anchored).position.value.placement,
|
|
541
|
+
style: normalizeStyle(unref(anchored).style.value),
|
|
542
|
+
tabindex: "-1"
|
|
543
|
+
}, [createVNode(_sfc_main$4, {
|
|
544
|
+
entries: unref(menu).entries.value.map((entry) => ({
|
|
545
|
+
id: entry.id,
|
|
546
|
+
label: entry.label,
|
|
547
|
+
description: entry.description,
|
|
548
|
+
disabled: entry.disabled,
|
|
549
|
+
group: entry.group,
|
|
550
|
+
selected: values.value.some((item) => item.id === entry.item.id)
|
|
551
|
+
})),
|
|
552
|
+
"active-index": unref(menu).combobox.activeIndex.value,
|
|
553
|
+
status: unref(menu).status.value,
|
|
554
|
+
"listbox-id": listboxId,
|
|
555
|
+
"empty-text": emptyText.value,
|
|
556
|
+
"loading-text": unref(messages).tokenizer.loading,
|
|
557
|
+
"error-text": unref(messages).tokenizer.error,
|
|
558
|
+
onSelect: onMenuSelect,
|
|
559
|
+
onHighlight: highlight
|
|
560
|
+
}, createSlots({ _: 2 }, [_ctx.$slots.item ? {
|
|
561
|
+
name: "item",
|
|
562
|
+
fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", {
|
|
563
|
+
item: unref(menu).entries.value.find((entry) => entry.id === slotProps.entry.id).item,
|
|
564
|
+
isActive: slotProps.isActive,
|
|
565
|
+
isSelected: slotProps.isSelected
|
|
566
|
+
})]),
|
|
567
|
+
key: "0"
|
|
568
|
+
} : void 0, _ctx.$slots.empty ? {
|
|
569
|
+
name: "empty",
|
|
570
|
+
fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
|
|
571
|
+
key: "1"
|
|
572
|
+
} : void 0]), 1032, [
|
|
573
|
+
"entries",
|
|
574
|
+
"active-index",
|
|
575
|
+
"status",
|
|
576
|
+
"empty-text",
|
|
577
|
+
"loading-text",
|
|
578
|
+
"error-text"
|
|
579
|
+
])], 12, _hoisted_8), [[vShow, unref(menu).combobox.isOpen.value]])]))
|
|
580
|
+
], 64);
|
|
581
|
+
};
|
|
582
|
+
}
|
|
583
|
+
});
|
|
584
|
+
//#endregion
|
|
585
|
+
export { _sfc_main as t };
|
package/dist/Toolbar/index.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { T as _default } from "../index-DUaLJO7l.js";
|
|
2
|
+
import { Q as ToolbarSize, X as ToolbarOrientation, Z as ToolbarProps } from "../useResizable-DDwPpPe6.js";
|
|
2
3
|
export { _default as Toolbar, type ToolbarOrientation, type ToolbarProps, type ToolbarSize };
|
package/dist/Tooltip/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as TooltipProps, i as
|
|
2
|
-
export { _default as Tooltip, type TooltipAlignment, type TooltipFocusTrigger, type TooltipPlacement, type TooltipProps, type TooltipTouchTrigger };
|
|
1
|
+
import { a as TooltipAlignment, c as TooltipProps, i as _default, l as TooltipTouchTrigger, n as UseTooltipReturn, o as TooltipFocusTrigger, r as useTooltip, s as TooltipPlacement, t as UseTooltipOptions } from "../index-B7yhzGUT.js";
|
|
2
|
+
export { _default as Tooltip, type TooltipAlignment, type TooltipFocusTrigger, type TooltipPlacement, type TooltipProps, type TooltipTouchTrigger, type UseTooltipOptions, type UseTooltipReturn, useTooltip };
|
package/dist/Tooltip/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as _sfc_main } from "../Tooltip-
|
|
2
|
-
export { _sfc_main as Tooltip };
|
|
1
|
+
import { n as useTooltip, t as _sfc_main } from "../Tooltip-C4Vaqd3G.js";
|
|
2
|
+
export { _sfc_main as Tooltip, useTooltip };
|