@7pmlabs/design-system 1.0.9 → 1.0.11
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/README.md +57 -6
- package/dist/design-system.css +1 -1
- package/dist/design-system.js +74 -60
- package/dist/design-system100.js +4 -5
- package/dist/design-system100.js.map +1 -1
- package/dist/design-system101.js +53 -506
- package/dist/design-system101.js.map +1 -1
- package/dist/{design-system93.js → design-system102.js} +1 -1
- package/dist/design-system102.js.map +1 -0
- package/dist/design-system103.js +13 -5
- package/dist/design-system103.js.map +1 -1
- package/dist/design-system104.js +109 -7
- package/dist/design-system104.js.map +1 -1
- package/dist/design-system106.js +9 -0
- package/dist/design-system106.js.map +1 -0
- package/dist/design-system107.js +206 -6
- package/dist/design-system107.js.map +1 -1
- package/dist/design-system109.js +9 -0
- package/dist/design-system109.js.map +1 -0
- package/dist/design-system110.js +507 -6
- package/dist/design-system110.js.map +1 -1
- package/dist/design-system112.js +8 -0
- package/dist/design-system112.js.map +1 -0
- package/dist/design-system113.js +7 -5
- package/dist/design-system113.js.map +1 -1
- package/dist/design-system114.js +209 -9
- package/dist/design-system114.js.map +1 -1
- package/dist/design-system116.js +9 -0
- package/dist/design-system116.js.map +1 -0
- package/dist/design-system117.js +224 -6
- package/dist/design-system117.js.map +1 -1
- package/dist/design-system119.js +9 -0
- package/dist/design-system119.js.map +1 -0
- package/dist/design-system12.js.map +1 -1
- package/dist/design-system120.js +163 -5
- package/dist/design-system120.js.map +1 -1
- package/dist/design-system122.js +5 -90
- package/dist/design-system122.js.map +1 -1
- package/dist/design-system123.js +12 -0
- package/dist/design-system123.js.map +1 -0
- package/dist/design-system124.js +274 -5
- package/dist/design-system124.js.map +1 -1
- package/dist/design-system126.js +9 -0
- package/dist/design-system126.js.map +1 -0
- package/dist/design-system127.js +16 -5
- package/dist/design-system127.js.map +1 -1
- package/dist/design-system129.js +8 -0
- package/dist/design-system129.js.map +1 -0
- package/dist/design-system130.js +12 -5
- package/dist/design-system130.js.map +1 -1
- package/dist/design-system131.js +76 -137
- package/dist/design-system131.js.map +1 -1
- package/dist/design-system133.js +1 -1
- package/dist/design-system133.js.map +1 -1
- package/dist/design-system134.js +37 -90
- package/dist/design-system134.js.map +1 -1
- package/dist/design-system136.js +1 -1
- package/dist/design-system136.js.map +1 -1
- package/dist/design-system137.js +226 -20
- package/dist/design-system137.js.map +1 -1
- package/dist/design-system139.js +4 -5
- package/dist/design-system139.js.map +1 -1
- package/dist/design-system140.js +151 -9
- package/dist/design-system140.js.map +1 -1
- package/dist/design-system142.js +3 -2
- package/dist/design-system142.js.map +1 -1
- package/dist/design-system143.js +93 -19
- package/dist/design-system143.js.map +1 -1
- package/dist/design-system145.js +5 -158
- package/dist/design-system145.js.map +1 -1
- package/dist/design-system146.js +12 -0
- package/dist/design-system146.js.map +1 -0
- package/dist/design-system147.js +37 -5
- package/dist/design-system147.js.map +1 -1
- package/dist/design-system148.js +4 -307
- package/dist/design-system148.js.map +1 -1
- package/dist/design-system149.js +24 -0
- package/dist/{design-system144.js.map → design-system149.js.map} +1 -1
- package/dist/design-system150.js +2 -3
- package/dist/design-system150.js.map +1 -1
- package/dist/design-system151.js +131 -213
- package/dist/design-system151.js.map +1 -1
- package/dist/design-system153.js +1 -1
- package/dist/design-system153.js.map +1 -1
- package/dist/design-system154.js +278 -160
- package/dist/design-system154.js.map +1 -1
- package/dist/design-system156.js +1 -1
- package/dist/design-system156.js.map +1 -1
- package/dist/design-system157.js +240 -3
- package/dist/design-system157.js.map +1 -1
- package/dist/design-system159.js +8 -0
- package/dist/design-system159.js.map +1 -0
- package/dist/design-system16.js.map +1 -1
- package/dist/design-system160.js +189 -6
- package/dist/design-system160.js.map +1 -1
- package/dist/design-system162.js +8 -0
- package/dist/design-system162.js.map +1 -0
- package/dist/design-system163.js +3 -6
- package/dist/design-system163.js.map +1 -1
- package/dist/design-system164.js +46 -57
- package/dist/design-system164.js.map +1 -1
- package/dist/design-system166.js +2 -2
- package/dist/design-system166.js.map +1 -1
- package/dist/design-system167.js +44 -170
- package/dist/design-system167.js.map +1 -1
- package/dist/design-system169.js +2 -2
- package/dist/design-system169.js.map +1 -1
- package/dist/design-system170.js +55 -101
- package/dist/design-system170.js.map +1 -1
- package/dist/design-system172.js +5 -4
- package/dist/design-system172.js.map +1 -1
- package/dist/design-system173.js +182 -11
- package/dist/design-system173.js.map +1 -1
- package/dist/design-system175.js +9 -0
- package/dist/design-system175.js.map +1 -0
- package/dist/design-system176.js +115 -6
- package/dist/design-system176.js.map +1 -1
- package/dist/design-system178.js +8 -0
- package/dist/design-system178.js.map +1 -0
- package/dist/design-system179.js +11 -5
- package/dist/design-system179.js.map +1 -1
- package/dist/design-system180.js +452 -90
- package/dist/design-system180.js.map +1 -1
- package/dist/design-system182.js +5 -4
- package/dist/design-system182.js.map +1 -1
- package/dist/design-system183.js +33 -106
- package/dist/design-system183.js.map +1 -1
- package/dist/design-system185.js +4 -5
- package/dist/design-system185.js.map +1 -1
- package/dist/design-system186.js +71 -89
- package/dist/design-system186.js.map +1 -1
- package/dist/design-system188.js +4 -5
- package/dist/design-system188.js.map +1 -1
- package/dist/design-system189.js +25 -727
- package/dist/design-system189.js.map +1 -1
- package/dist/design-system19.js.map +1 -1
- package/dist/design-system191.js +1 -1
- package/dist/design-system191.js.map +1 -1
- package/dist/design-system192.js +28 -11
- package/dist/design-system192.js.map +1 -1
- package/dist/design-system194.js +8 -0
- package/dist/design-system194.js.map +1 -0
- package/dist/design-system195.js +33 -5
- package/dist/design-system195.js.map +1 -1
- package/dist/design-system197.js +5 -46
- package/dist/design-system197.js.map +1 -1
- package/dist/design-system198.js +31 -4
- package/dist/design-system198.js.map +1 -1
- package/dist/design-system200.js +8 -0
- package/dist/design-system200.js.map +1 -0
- package/dist/design-system201.js +332 -5
- package/dist/design-system201.js.map +1 -1
- package/dist/design-system203.js +8 -0
- package/dist/design-system203.js.map +1 -0
- package/dist/design-system204.js +100 -5
- package/dist/design-system204.js.map +1 -1
- package/dist/design-system206.js +8 -0
- package/dist/design-system206.js.map +1 -0
- package/dist/design-system207.js +19 -5
- package/dist/design-system207.js.map +1 -1
- package/dist/design-system208.js +4 -54
- package/dist/design-system208.js.map +1 -1
- package/dist/design-system209.js +3 -4
- package/dist/design-system209.js.map +1 -1
- package/dist/design-system210.js +386 -137
- package/dist/design-system210.js.map +1 -1
- package/dist/design-system212.js +1 -1
- package/dist/design-system212.js.map +1 -1
- package/dist/design-system213.js +59 -7
- package/dist/design-system213.js.map +1 -1
- package/dist/design-system215.js +8 -0
- package/dist/design-system215.js.map +1 -0
- package/dist/design-system216.js +88 -5
- package/dist/design-system216.js.map +1 -1
- package/dist/design-system217.js +4 -580
- package/dist/design-system217.js.map +1 -1
- package/dist/design-system218.js +111 -0
- package/dist/design-system218.js.map +1 -0
- package/dist/design-system22.js.map +1 -1
- package/dist/design-system220.js +6 -7
- package/dist/design-system220.js.map +1 -1
- package/dist/design-system221.js +85 -353
- package/dist/design-system221.js.map +1 -1
- package/dist/design-system223.js +2 -2
- package/dist/design-system223.js.map +1 -1
- package/dist/design-system224.js +740 -0
- package/dist/design-system224.js.map +1 -0
- package/dist/design-system226.js +8 -0
- package/dist/design-system226.js.map +1 -0
- package/dist/{design-system60.js → design-system227.js} +6 -8
- package/dist/design-system227.js.map +1 -0
- package/dist/{design-system193.js → design-system228.js} +2 -2
- package/dist/design-system228.js.map +1 -0
- package/dist/design-system230.js +8 -0
- package/dist/design-system230.js.map +1 -0
- package/dist/{design-system196.js → design-system231.js} +1 -1
- package/dist/{design-system196.js.map → design-system231.js.map} +1 -1
- package/dist/design-system232.js +49 -0
- package/dist/design-system232.js.map +1 -0
- package/dist/design-system233.js +7 -0
- package/dist/design-system233.js.map +1 -0
- package/dist/{design-system199.js → design-system234.js} +2 -2
- package/dist/design-system234.js.map +1 -0
- package/dist/design-system236.js +8 -0
- package/dist/design-system236.js.map +1 -0
- package/dist/{design-system202.js → design-system237.js} +1 -1
- package/dist/design-system237.js.map +1 -0
- package/dist/design-system239.js +8 -0
- package/dist/design-system239.js.map +1 -0
- package/dist/{design-system205.js → design-system240.js} +1 -1
- package/dist/design-system240.js.map +1 -0
- package/dist/design-system242.js +8 -0
- package/dist/design-system242.js.map +1 -0
- package/dist/design-system243.js +57 -0
- package/dist/design-system243.js.map +1 -0
- package/dist/design-system244.js +7 -0
- package/dist/design-system244.js.map +1 -0
- package/dist/design-system245.js +173 -0
- package/dist/design-system245.js.map +1 -0
- package/dist/design-system247.js +8 -0
- package/dist/design-system247.js.map +1 -0
- package/dist/design-system248.js +10 -0
- package/dist/design-system248.js.map +1 -0
- package/dist/{design-system214.js → design-system249.js} +2 -2
- package/dist/design-system249.js.map +1 -0
- package/dist/design-system25.js.map +1 -1
- package/dist/design-system251.js +8 -0
- package/dist/design-system251.js.map +1 -0
- package/dist/design-system252.js +583 -0
- package/dist/design-system252.js.map +1 -0
- package/dist/{design-system219.js → design-system254.js} +2 -2
- package/dist/{design-system219.js.map → design-system254.js.map} +1 -1
- package/dist/design-system255.js +12 -0
- package/dist/design-system255.js.map +1 -0
- package/dist/design-system256.js +769 -0
- package/dist/design-system256.js.map +1 -0
- package/dist/design-system258.js +9 -0
- package/dist/design-system258.js.map +1 -0
- package/dist/design-system259.js +10 -0
- package/dist/design-system259.js.map +1 -0
- package/dist/design-system260.js +377 -0
- package/dist/design-system260.js.map +1 -0
- package/dist/design-system262.js +9 -0
- package/dist/design-system262.js.map +1 -0
- package/dist/design-system28.js.map +1 -1
- package/dist/design-system3.js.map +1 -1
- package/dist/design-system30.js +21 -138
- package/dist/design-system30.js.map +1 -1
- package/dist/design-system32.js +5 -4
- package/dist/design-system32.js.map +1 -1
- package/dist/design-system33.js +488 -14
- package/dist/design-system33.js.map +1 -1
- package/dist/design-system35.js +1 -1
- package/dist/design-system35.js.map +1 -1
- package/dist/design-system36.js +135 -17
- package/dist/design-system36.js.map +1 -1
- package/dist/design-system38.js +1 -1
- package/dist/design-system38.js.map +1 -1
- package/dist/design-system39.js +16 -11
- package/dist/design-system39.js.map +1 -1
- package/dist/design-system4.js.map +1 -1
- package/dist/design-system41.js +8 -0
- package/dist/design-system41.js.map +1 -0
- package/dist/design-system42.js +26 -5
- package/dist/design-system42.js.map +1 -1
- package/dist/design-system44.js +5 -71
- package/dist/design-system44.js.map +1 -1
- package/dist/design-system45.js +353 -0
- package/dist/design-system45.js.map +1 -0
- package/dist/design-system47.js +5 -50
- package/dist/design-system47.js.map +1 -1
- package/dist/design-system48.js +11 -4
- package/dist/design-system48.js.map +1 -1
- package/dist/design-system49.js +476 -3
- package/dist/design-system49.js.map +1 -1
- package/dist/design-system51.js +8 -0
- package/dist/design-system51.js.map +1 -0
- package/dist/design-system52.js +3 -5
- package/dist/design-system52.js.map +1 -1
- package/dist/design-system53.js +56 -83
- package/dist/design-system53.js.map +1 -1
- package/dist/design-system55.js +5 -4
- package/dist/design-system55.js.map +1 -1
- package/dist/design-system56.js +50 -11
- package/dist/design-system56.js.map +1 -1
- package/dist/design-system57.js +4 -591
- package/dist/design-system57.js.map +1 -1
- package/dist/design-system58.js +6 -0
- package/dist/design-system58.js.map +1 -0
- package/dist/design-system59.js +64 -5
- package/dist/design-system59.js.map +1 -1
- package/dist/design-system61.js +5 -696
- package/dist/design-system61.js.map +1 -1
- package/dist/design-system62.js +101 -0
- package/dist/design-system62.js.map +1 -0
- package/dist/design-system64.js +5 -158
- package/dist/design-system64.js.map +1 -1
- package/dist/design-system65.js +14 -0
- package/dist/design-system65.js.map +1 -0
- package/dist/design-system66.js +591 -5
- package/dist/design-system66.js.map +1 -1
- package/dist/design-system68.js +3 -2
- package/dist/design-system68.js.map +1 -1
- package/dist/design-system69.js +13 -49
- package/dist/design-system69.js.map +1 -1
- package/dist/design-system7.js.map +1 -1
- package/dist/design-system70.js +699 -0
- package/dist/{design-system63.js.map → design-system70.js.map} +1 -1
- package/dist/design-system72.js +5 -199
- package/dist/design-system72.js.map +1 -1
- package/dist/design-system73.js +161 -0
- package/dist/design-system73.js.map +1 -0
- package/dist/design-system75.js +5 -7
- package/dist/design-system75.js.map +1 -1
- package/dist/design-system76.js +25 -269
- package/dist/design-system76.js.map +1 -1
- package/dist/design-system77.js +7 -0
- package/dist/design-system77.js.map +1 -0
- package/dist/design-system78.js +49 -5
- package/dist/design-system78.js.map +1 -1
- package/dist/{design-system71.js → design-system80.js} +2 -2
- package/dist/{design-system71.js.map → design-system80.js.map} +1 -1
- package/dist/design-system81.js +199 -5
- package/dist/design-system81.js.map +1 -1
- package/dist/design-system83.js +5 -99
- package/dist/design-system83.js.map +1 -1
- package/dist/design-system84.js +10 -0
- package/dist/design-system84.js.map +1 -0
- package/dist/design-system85.js +273 -5
- package/dist/design-system85.js.map +1 -1
- package/dist/design-system87.js +8 -0
- package/dist/design-system87.js.map +1 -0
- package/dist/design-system88.js +57 -5
- package/dist/design-system88.js.map +1 -1
- package/dist/design-system90.js +8 -0
- package/dist/design-system90.js.map +1 -0
- package/dist/design-system91.js +11 -5
- package/dist/design-system91.js.map +1 -1
- package/dist/design-system92.js +98 -53
- package/dist/design-system92.js.map +1 -1
- package/dist/design-system94.js +5 -13
- package/dist/design-system94.js.map +1 -1
- package/dist/design-system95.js +61 -104
- package/dist/design-system95.js.map +1 -1
- package/dist/design-system97.js +4 -5
- package/dist/design-system97.js.map +1 -1
- package/dist/design-system98.js +80 -198
- package/dist/design-system98.js.map +1 -1
- package/dist/types/components/BCalendar/BCalendar.spec.d.ts +1 -0
- package/dist/types/components/BCalendar/BCalendar.vue.d.ts +114 -0
- package/dist/types/components/BCalendar/index.d.ts +2 -0
- package/dist/types/components/BCalendar/types.d.ts +54 -0
- package/dist/types/components/BCarousel/BCarousel.spec.d.ts +1 -0
- package/dist/types/components/BCarousel/BCarousel.vue.d.ts +133 -0
- package/dist/types/components/BCarousel/index.d.ts +2 -0
- package/dist/types/components/BCarousel/types.d.ts +15 -0
- package/dist/types/components/BPagination/BPagination.vue.d.ts +1 -1
- package/dist/types/components/BSkeleton/BSkeleton.spec.d.ts +1 -0
- package/dist/types/components/BSkeleton/BSkeleton.vue.d.ts +46 -0
- package/dist/types/components/BSkeleton/BSkeletonAvatar.vue.d.ts +12 -0
- package/dist/types/components/BSkeleton/BSkeletonButton.vue.d.ts +14 -0
- package/dist/types/components/BSkeleton/BSkeletonImage.vue.d.ts +7 -0
- package/dist/types/components/BSkeleton/BSkeletonInput.vue.d.ts +12 -0
- package/dist/types/components/BSkeleton/BSkeletonNode.vue.d.ts +19 -0
- package/dist/types/components/BSkeleton/index.d.ts +7 -0
- package/dist/types/components/BSkeleton/types.d.ts +20 -0
- package/dist/types/components/BSplitter/BSplitter.spec.d.ts +1 -0
- package/dist/types/components/BSplitter/BSplitter.vue.d.ts +45 -0
- package/dist/types/components/BSplitter/BSplitterPanel.vue.d.ts +40 -0
- package/dist/types/components/BSplitter/index.d.ts +3 -0
- package/dist/types/components/BSplitter/types.d.ts +42 -0
- package/dist/types/components/BStatistic/BStatistic.spec.d.ts +1 -0
- package/dist/types/components/BStatistic/BStatistic.vue.d.ts +44 -0
- package/dist/types/components/BStatistic/BStatisticTimer.vue.d.ts +50 -0
- package/dist/types/components/BStatistic/index.d.ts +3 -0
- package/dist/types/components/BStatistic/types.d.ts +6 -0
- package/dist/types/components/BTreeSelect/BTreeSelect.spec.d.ts +1 -0
- package/dist/types/components/BTreeSelect/BTreeSelect.vue.d.ts +143 -0
- package/dist/types/components/BTreeSelect/index.d.ts +2 -0
- package/dist/types/components/BTreeSelect/types.d.ts +77 -0
- package/dist/types/components/index.d.ts +6 -0
- package/dist/types/types.d.ts +3 -0
- package/package.json +6 -3
- package/dist/design-system105.js +0 -212
- package/dist/design-system105.js.map +0 -1
- package/dist/design-system108.js +0 -227
- package/dist/design-system108.js.map +0 -1
- package/dist/design-system111.js +0 -166
- package/dist/design-system111.js.map +0 -1
- package/dist/design-system115.js +0 -277
- package/dist/design-system115.js.map +0 -1
- package/dist/design-system118.js +0 -19
- package/dist/design-system118.js.map +0 -1
- package/dist/design-system121.js +0 -15
- package/dist/design-system121.js.map +0 -1
- package/dist/design-system125.js +0 -45
- package/dist/design-system125.js.map +0 -1
- package/dist/design-system128.js +0 -236
- package/dist/design-system128.js.map +0 -1
- package/dist/design-system141.js +0 -40
- package/dist/design-system141.js.map +0 -1
- package/dist/design-system144.js +0 -7
- package/dist/design-system158.js +0 -61
- package/dist/design-system158.js.map +0 -1
- package/dist/design-system161.js +0 -59
- package/dist/design-system161.js.map +0 -1
- package/dist/design-system174.js +0 -465
- package/dist/design-system174.js.map +0 -1
- package/dist/design-system177.js +0 -335
- package/dist/design-system177.js.map +0 -1
- package/dist/design-system193.js.map +0 -1
- package/dist/design-system199.js.map +0 -1
- package/dist/design-system202.js.map +0 -1
- package/dist/design-system205.js.map +0 -1
- package/dist/design-system214.js.map +0 -1
- package/dist/design-system40.js +0 -479
- package/dist/design-system40.js.map +0 -1
- package/dist/design-system43.js +0 -6
- package/dist/design-system43.js.map +0 -1
- package/dist/design-system46.js +0 -9
- package/dist/design-system46.js.map +0 -1
- package/dist/design-system50.js +0 -67
- package/dist/design-system50.js.map +0 -1
- package/dist/design-system60.js.map +0 -1
- package/dist/design-system63.js +0 -8
- package/dist/design-system67.js +0 -32
- package/dist/design-system67.js.map +0 -1
- package/dist/design-system74.js +0 -8
- package/dist/design-system74.js.map +0 -1
- package/dist/design-system79.js +0 -60
- package/dist/design-system79.js.map +0 -1
- package/dist/design-system82.js +0 -14
- package/dist/design-system82.js.map +0 -1
- package/dist/design-system86.js +0 -69
- package/dist/design-system86.js.map +0 -1
- package/dist/design-system89.js +0 -91
- package/dist/design-system89.js.map +0 -1
- package/dist/design-system93.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"design-system202.js","names":[],"sources":["../src/components/BTag/BTag.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, withModifiers as _withModifiers, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, Transition as _Transition, withCtx as _withCtx, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = [\"aria-hidden\"]\nconst _hoisted_2 = { class: \"b-tag__content\" }\nconst _hoisted_3 = [\"data-icon\"]\nconst _hoisted_4 = {\n key: 1,\n class: \"b-tag__close-icon\",\n viewBox: \"0 0 12 12\",\n xmlns: \"http://www.w3.org/2000/svg\",\n \"aria-hidden\": \"true\",\n focusable: \"false\"\n}\n\nimport { computed, ref, watch } from 'vue';\n\nimport type { BTagColor, BTagPresetColor, BTagSize, BTagVariant } from './types';\n\n// ─────────────────────────────────────────────\n// Props\n// ─────────────────────────────────────────────\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'BTag',\n props: {\n color: {},\n variant: { default: 'filled' },\n size: { default: 'default' },\n closable: { type: Boolean, default: false },\n closeIcon: {},\n visible: { type: Boolean, default: () => (undefined) },\n bordered: { type: Boolean, default: true },\n icon: {}\n },\n emits: [\"close\", \"afterClose\", \"update:visible\"],\n setup(__props: any, { emit: __emit }) {\n\n\n\n// ─────────────────────────────────────────────\n// Emits\n// ─────────────────────────────────────────────\nconst emit = __emit;\n\n// ─────────────────────────────────────────────\n// Slots\n// ─────────────────────────────────────────────\n\n\n// ─────────────────────────────────────────────\n// Preset colors\n// ─────────────────────────────────────────────\nconst PRESET_COLORS: BTagPresetColor[] = [\n 'default',\n 'success',\n 'processing',\n 'error',\n 'warning',\n 'magenta',\n 'red',\n 'volcano',\n 'orange',\n 'gold',\n 'lime',\n 'green',\n 'cyan',\n 'blue',\n 'geekblue',\n 'purple',\n];\n\nconst isPreset = computed(() => __props.color === undefined || (PRESET_COLORS as string[]).includes(__props.color));\n\nconst effectiveColor = computed<BTagPresetColor>(() =>\n isPreset.value ? ((__props.color ?? 'default') as BTagPresetColor) : 'default',\n);\n\n// ─────────────────────────────────────────────\n// Visibility state\n// ─────────────────────────────────────────────\nconst isControlled = computed(() => __props.visible !== undefined);\nconst internalVisible = ref(true);\n\n// Sync external → internal when switching to controlled\nwatch(\n () => __props.visible,\n (val) => {\n if (val !== undefined) internalVisible.value = val;\n },\n);\n\nconst isVisible = computed(() => (isControlled.value ? __props.visible! : internalVisible.value));\n\n// ─────────────────────────────────────────────\n// Close logic\n// ─────────────────────────────────────────────\nfunction handleClose(event: MouseEvent | KeyboardEvent) {\n emit('close', event);\n if (isControlled.value) {\n emit('update:visible', false);\n } else {\n internalVisible.value = false;\n }\n}\n\nfunction onCloseClick(event: MouseEvent) {\n handleClose(event);\n}\n\nfunction onCloseKeydown(event: KeyboardEvent) {\n if (event.key === 'Enter' || event.key === ' ' || event.key === 'Escape') {\n event.preventDefault();\n handleClose(event);\n }\n}\n\nfunction onAfterLeave() {\n emit('afterClose');\n}\n\n// ─────────────────────────────────────────────\n// Root class\n// ─────────────────────────────────────────────\nconst rootClasses = computed(() => [\n 'b-tag',\n `b-tag--${effectiveColor.value}`,\n `b-tag--${__props.variant}`,\n {\n 'b-tag--borderless': !__props.bordered,\n 'b-tag--closable': __props.closable,\n 'b-tag--small': __props.size === 'small',\n 'b-tag--large': __props.size === 'large',\n 'b-tag--custom-color': !isPreset.value,\n },\n]);\n\n// ─────────────────────────────────────────────\n// Custom color inline style\n// ─────────────────────────────────────────────\nconst customColorStyle = computed(() => {\n if (isPreset.value) return undefined;\n // For custom colors: use the color as border + text; tint bg at 10% opacity\n return {\n '--b-tag-custom-color': __props.color,\n } as Record<string, string>;\n});\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createBlock(_Transition, {\n name: \"b-tag-fade\",\n onAfterLeave: onAfterLeave\n }, {\n default: _withCtx(() => [\n (isVisible.value)\n ? (_openBlock(), _createElementBlock(\"span\", {\n key: 0,\n class: _normalizeClass(rootClasses.value),\n style: _normalizeStyle(customColorStyle.value)\n }, [\n (_ctx.$slots.icon || __props.icon)\n ? (_openBlock(), _createElementBlock(\"span\", {\n key: 0,\n class: \"b-tag__icon\",\n \"aria-hidden\": _ctx.$slots.icon ? undefined : 'true'\n }, [\n _renderSlot(_ctx.$slots, \"icon\", {}, () => [\n _createTextVNode(_toDisplayString(__props.icon), 1)\n ])\n ], 8, _hoisted_1))\n : _createCommentVNode(\"\", true),\n _createElementVNode(\"span\", _hoisted_2, [\n _renderSlot(_ctx.$slots, \"default\")\n ]),\n (__props.closable)\n ? (_openBlock(), _createElementBlock(\"button\", {\n key: 1,\n type: \"button\",\n class: \"b-tag__close\",\n \"aria-label\": \"Remove tag\",\n tabindex: \"0\",\n onClick: _withModifiers(onCloseClick, [\"stop\"]),\n onKeydown: onCloseKeydown\n }, [\n _renderSlot(_ctx.$slots, \"closeIcon\", {}, () => [\n (__props.closeIcon)\n ? (_openBlock(), _createElementBlock(\"span\", {\n key: 0,\n class: \"b-tag__close-label\",\n \"aria-hidden\": \"true\",\n \"data-icon\": __props.closeIcon\n }, null, 8, _hoisted_3))\n : (_openBlock(), _createElementBlock(\"svg\", _hoisted_4, [...(_cache[0] || (_cache[0] = [\n _createElementVNode(\"path\", { d: \"M9.5 3.205 8.795 2.5 6 5.295 3.205 2.5 2.5 3.205 5.295 6 2.5 8.795 3.205 9.5 6 6.705 8.795 9.5 9.5 8.795 6.705 6z\" }, null, -1)\n ]))]))\n ])\n ], 32))\n : _createCommentVNode(\"\", true)\n ], 6))\n : _createCommentVNode(\"\", true)\n ]),\n _: 3\n }))\n}\n}\n\n})"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"design-system205.js","names":[],"sources":["../src/components/BTimeline/BTimeline.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, renderSlot as _renderSlot } from \"vue\"\n\nconst _hoisted_1 = { class: \"b-timeline-item__label\" }\nconst _hoisted_2 = {\n class: \"b-timeline-item__dot-wrapper\",\n \"aria-hidden\": \"true\"\n}\nconst _hoisted_3 = [\"data-icon\"]\nconst _hoisted_4 = {\n key: 1,\n class: \"b-timeline-item__dot--pending-spinner\"\n}\nconst _hoisted_5 = {\n key: 2,\n class: \"b-timeline-item__dot\"\n}\nconst _hoisted_6 = { class: \"b-timeline-item__content\" }\nconst _hoisted_7 = {\n class: \"b-timeline-item__dot-wrapper\",\n \"aria-hidden\": \"true\"\n}\nconst _hoisted_8 = [\"data-icon\"]\nconst _hoisted_9 = {\n key: 1,\n class: \"b-timeline-item__dot--pending-spinner\",\n \"aria-hidden\": \"true\"\n}\nconst _hoisted_10 = { class: \"b-timeline-item__content\" }\n\nimport { computed, provide } from 'vue';\n\nimport type {\n BTimelineItem,\n BTimelineItemColor,\n BTimelineItemPlacement,\n BTimelineMode,\n BTimelineOrientation,\n BTimelineVariant,\n} from './types';\n\n// ─────────────────────────────────────────────\n// Props\n// ─────────────────────────────────────────────\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'BTimeline',\n props: {\n mode: { default: 'start' },\n variant: { default: 'filled' },\n orientation: { default: 'vertical' },\n pending: { type: [Boolean, String], default: false },\n pendingDot: {},\n reverse: { type: Boolean, default: false },\n items: {}\n },\n setup(__props: any) {\n\n\n\n// ─────────────────────────────────────────────\n// Slots\n// ─────────────────────────────────────────────\n\n\n// Provide mode to slot-based BTimelineItem children\nprovide('b-timeline-mode', __props.mode);\nprovide('b-timeline-variant', __props.variant);\n\n// ─────────────────────────────────────────────\n// Pending item helpers\n// ─────────────────────────────────────────────\nconst hasPending = computed(() => !!__props.pending);\nconst pendingContent = computed(() => (__props.pending !== true && __props.pending ? __props.pending : ''));\n\n// ─────────────────────────────────────────────\n// Reversed items (data-driven)\n// ─────────────────────────────────────────────\nconst orderedItems = computed<BTimelineItem[]>(() => {\n if (!__props.items) return [];\n return __props.reverse ? [...__props.items].reverse() : __props.items;\n});\n\n// ─────────────────────────────────────────────\n// CSS-var dot color helper\n// ─────────────────────────────────────────────\nconst PRESET_COLORS: BTimelineItemColor[] = ['blue', 'red', 'green', 'gray'];\n\nfunction isPresetColor(color?: BTimelineItemColor): boolean {\n return !color || PRESET_COLORS.includes(color as string);\n}\n\nfunction dotColorStyle(color?: BTimelineItemColor): Record<string, string> | undefined {\n if (!color || isPresetColor(color)) return undefined;\n return { '--b-timeline-item-dot-color': color };\n}\n\nfunction dotColorClass(color?: BTimelineItemColor): string {\n const c = color ?? 'blue';\n return isPresetColor(c) ? `b-timeline-item--${c}` : 'b-timeline-item--custom';\n}\n\n// ─────────────────────────────────────────────\n// Root classes\n// ─────────────────────────────────────────────\nconst rootClasses = computed(() => [\n 'b-timeline',\n `b-timeline--${__props.mode}`,\n `b-timeline--${__props.variant}`,\n `b-timeline--${__props.orientation}`,\n {\n 'b-timeline--pending': hasPending.value,\n 'b-timeline--reverse': __props.reverse,\n },\n]);\n\n// ─────────────────────────────────────────────\n// Item position helper\n// ─────────────────────────────────────────────\nfunction itemPositionClass(index: number, placement?: BTimelineItemPlacement): string {\n // Per-item placement overrides the global mode\n if (placement) {\n return placement === 'end' ? 'b-timeline-item--right' : 'b-timeline-item--left';\n }\n if (__props.mode === 'alternate') {\n return index % 2 === 0 ? 'b-timeline-item--left' : 'b-timeline-item--right';\n }\n return __props.mode === 'end' ? 'b-timeline-item--right' : 'b-timeline-item--left';\n}\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"ol\", {\n class: _normalizeClass(rootClasses.value),\n \"aria-label\": \"Timeline\"\n }, [\n (__props.items && __props.items.length)\n ? (_openBlock(true), _createElementBlock(_Fragment, { key: 0 }, _renderList(orderedItems.value, (item, i) => {\n return (_openBlock(), _createElementBlock(\"li\", {\n key: i,\n class: _normalizeClass([\"b-timeline-item\", [\n dotColorClass(item.color),\n itemPositionClass(i, item.placement),\n { 'b-timeline-item--pending': item.loading },\n item.className,\n ]]),\n style: _normalizeStyle([\n dotColorStyle(item.color),\n typeof item.style === 'string' ? item.style : item.style,\n ])\n }, [\n _createElementVNode(\"span\", _hoisted_1, _toDisplayString(item.title ?? ''), 1),\n _cache[0] || (_cache[0] = _createElementVNode(\"div\", {\n class: \"b-timeline-item__tail\",\n \"aria-hidden\": \"true\"\n }, null, -1)),\n _createElementVNode(\"div\", _hoisted_2, [\n (item.icon)\n ? (_openBlock(), _createElementBlock(\"span\", {\n key: 0,\n class: \"b-timeline-item__dot--custom\",\n \"data-icon\": item.icon,\n \"aria-hidden\": \"true\"\n }, null, 8, _hoisted_3))\n : (item.loading)\n ? (_openBlock(), _createElementBlock(\"span\", _hoisted_4))\n : (_openBlock(), _createElementBlock(\"span\", _hoisted_5))\n ]),\n _createElementVNode(\"div\", _hoisted_6, _toDisplayString(item.content), 1)\n ], 6))\n }), 128))\n : _renderSlot(_ctx.$slots, \"default\", { key: 1 }),\n (hasPending.value)\n ? (_openBlock(), _createElementBlock(\"li\", {\n key: 2,\n class: _normalizeClass([\"b-timeline-item b-timeline-item--pending\", [itemPositionClass(__props.items ? orderedItems.value.length : 0)]]),\n \"aria-label\": \"Pending\"\n }, [\n _cache[1] || (_cache[1] = _createElementVNode(\"span\", { class: \"b-timeline-item__label\" }, null, -1)),\n _cache[2] || (_cache[2] = _createElementVNode(\"div\", {\n class: \"b-timeline-item__tail\",\n \"aria-hidden\": \"true\"\n }, null, -1)),\n _createElementVNode(\"div\", _hoisted_7, [\n _renderSlot(_ctx.$slots, \"pendingDot\", {}, () => [\n (__props.pendingDot)\n ? (_openBlock(), _createElementBlock(\"span\", {\n key: 0,\n class: \"b-timeline-item__dot--custom\",\n \"data-icon\": __props.pendingDot,\n \"aria-hidden\": \"true\"\n }, null, 8, _hoisted_8))\n : (_openBlock(), _createElementBlock(\"span\", _hoisted_9))\n ])\n ]),\n _createElementVNode(\"div\", _hoisted_10, _toDisplayString(pendingContent.value), 1)\n ], 2))\n : _createCommentVNode(\"\", true)\n ], 2))\n}\n}\n\n})"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"design-system214.js","names":[],"sources":["../src/components/BTour/BTour.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, normalizeClass as _normalizeClass, renderSlot as _renderSlot, toDisplayString as _toDisplayString, renderList as _renderList, Fragment as _Fragment, mergeProps as _mergeProps, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = [\"aria-label\"]\nconst _hoisted_2 = [\"viewBox\"]\nconst _hoisted_3 = [\"x\", \"y\", \"width\", \"height\", \"rx\"]\nconst _hoisted_4 = [\"fill\", \"mask\"]\nconst _hoisted_5 = {\n key: 1,\n class: \"b-tour__cover\"\n}\nconst _hoisted_6 = [\"src\"]\nconst _hoisted_7 = { class: \"b-tour__header\" }\nconst _hoisted_8 = { class: \"b-tour__title\" }\nconst _hoisted_9 = {\n key: 0,\n class: \"b-tour__close-icon\",\n viewBox: \"0 0 24 24\",\n xmlns: \"http://www.w3.org/2000/svg\",\n \"aria-hidden\": \"true\",\n focusable: \"false\"\n}\nconst _hoisted_10 = { key: 1 }\nconst _hoisted_11 = {\n key: 2,\n class: \"b-tour__description\"\n}\nconst _hoisted_12 = { class: \"b-tour__footer\" }\nconst _hoisted_13 = {\n class: \"b-tour__indicators\",\n \"aria-label\": \"Step progress\"\n}\nconst _hoisted_14 = [\"aria-current\"]\nconst _hoisted_15 = { class: \"b-tour__actions\" }\n\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';\nimport {\n BTourPlacement,\n BTourType,\n type BTourArrowOptions,\n type BTourButtonProps,\n type BTourGapOptions,\n type BTourResolvedStep,\n type BTourScrollIntoViewOptions,\n type BTourStep,\n} from './types.ts';\n\n// ─────────────────────────────────────────────\n// Props & emits\n// ─────────────────────────────────────────────\ninterface HighlightRect {\n top: number;\n left: number;\n width: number;\n height: number;\n radius: number;\n}\n\nconst focusableSelector =\n 'a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n\nexport default /*@__PURE__*/_defineComponent({\n __name: 'BTour',\n props: {\n steps: { default: () => ([]) },\n open: { type: Boolean, default: () => (undefined) },\n current: { default: () => (undefined) },\n defaultCurrent: { default: 0 },\n arrow: { type: [Boolean, Object], default: true },\n placement: { default: () => (BTourPlacement.Bottom) },\n type: { default: () => (BTourType.Default) },\n mask: { type: [Boolean, Object], default: true },\n gap: { default: () => ({ offset: 6, radius: 2 }) },\n zIndex: { default: 1070 },\n keyboard: { type: Boolean, default: true },\n scrollIntoViewOptions: { type: [Boolean, Object], default: true },\n getPopupContainer: { type: Function, default: undefined },\n closeIcon: { type: [Boolean, String], default: true },\n disabledInteraction: { type: Boolean, default: false }\n },\n emits: [\"change\", \"close\", \"update:open\", \"update:current\", \"finish\"],\n setup(__props: any, { emit: __emit }) {\n\n\n\nconst emit = __emit;\n\n\n\n// ─────────────────────────────────────────────\n// Internal state\n// ─────────────────────────────────────────────\nconst internalOpen = ref(false);\nconst internalCurrent = ref(__props.defaultCurrent);\n\nconst isControlledOpen = computed(() => __props.open !== undefined);\nconst isControlledCurrent = computed(() => __props.current !== undefined);\n\nconst isOpen = computed(() => (isControlledOpen.value ? __props.open! : internalOpen.value));\nconst currentStep = computed(() => (isControlledCurrent.value ? __props.current! : internalCurrent.value));\n\n// ─────────────────────────────────────────────\n// Derived step data\n// ─────────────────────────────────────────────\nconst totalSteps = computed(() => __props.steps.length);\n\nconst resolvedSteps = computed<BTourResolvedStep[]>(() =>\n __props.steps.map((step, index) => {\n let resolvedTarget: HTMLElement | null = null;\n if (step.target) {\n if (typeof step.target === 'string') {\n resolvedTarget = document.querySelector<HTMLElement>(step.target);\n } else if (typeof step.target === 'function') {\n resolvedTarget = step.target();\n } else {\n resolvedTarget = step.target;\n }\n }\n return { ...step, resolvedTarget, index };\n }),\n);\n\nconst activeStep = computed<BTourResolvedStep | undefined>(\n () => resolvedSteps.value[currentStep.value],\n);\n\n/** Effective placement for the current step (step overrides tour-level). */\nconst effectivePlacement = computed(() => activeStep.value?.placement ?? __props.placement);\n\n/** Effective arrow config for the current step. */\nconst effectiveArrow = computed(() => activeStep.value?.arrow ?? __props.arrow);\n\nconst showArrow = computed(() => effectiveArrow.value !== false);\n\nconst arrowPointAtCenter = computed(\n () => typeof effectiveArrow.value === 'object' && effectiveArrow.value.pointAtCenter,\n);\n\n/** Effective type for the current step. */\nconst effectiveType = computed(() => activeStep.value?.type ?? __props.type);\n\n/** Effective mask for the current step. */\nconst effectiveMask = computed(() => activeStep.value?.mask ?? __props.mask);\n\nconst showMask = computed(() => effectiveMask.value !== false);\n\nconst maskColor = computed(() => {\n if (typeof effectiveMask.value === 'object' && effectiveMask.value.color) {\n return effectiveMask.value.color;\n }\n return undefined;\n});\n\n/** Whether to show the close button. */\nconst showCloseIcon = computed(() => {\n const stepClose = activeStep.value?.closeIcon;\n const val = stepClose !== undefined ? stepClose : __props.closeIcon;\n return val !== false;\n});\n\n// ─────────────────────────────────────────────\n// Highlight box (target element spotlight)\n// ─────────────────────────────────────────────\nconst highlightRect = ref<HighlightRect | null>(null);\nconst popupStyle = ref<Record<string, string>>({});\n\nconst gapOffset = computed(() => {\n const o = __props.gap?.offset ?? 6;\n return Array.isArray(o) ? o : [o, o];\n});\nconst gapRadius = computed(() => __props.gap?.radius ?? 2);\n\nfunction updateHighlight() {\n const step = activeStep.value;\n if (!step || !isOpen.value) {\n highlightRect.value = null;\n popupStyle.value = {};\n return;\n }\n\n const target = step.resolvedTarget;\n if (!target) {\n // Center the popup when no target\n highlightRect.value = null;\n popupStyle.value = {\n position: 'fixed',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n };\n return;\n }\n\n const rect = target.getBoundingClientRect();\n const [offsetV, offsetH] = gapOffset.value;\n highlightRect.value = {\n top: rect.top - offsetV,\n left: rect.left - offsetH,\n width: rect.width + offsetH * 2,\n height: rect.height + offsetV * 2,\n radius: gapRadius.value,\n };\n\n // Position the popup relative to the highlight\n computePopupStyle(rect);\n}\n\nfunction computePopupStyle(rect: DOMRect) {\n const GAP = 12;\n const eff = effectivePlacement.value;\n const style: Record<string, string> = { position: 'fixed' };\n const [offsetV, offsetH] = gapOffset.value;\n\n const top = rect.top - offsetV;\n const bottom = rect.bottom + offsetV;\n const left = rect.left - offsetH;\n const right = rect.right + offsetH;\n const midX = rect.left + rect.width / 2;\n const midY = rect.top + rect.height / 2;\n\n switch (eff) {\n case BTourPlacement.Top:\n style.bottom = `${window.innerHeight - top + GAP}px`;\n style.left = `${midX}px`;\n style.transform = 'translateX(-50%)';\n break;\n case BTourPlacement.TopLeft:\n style.bottom = `${window.innerHeight - top + GAP}px`;\n style.left = `${left}px`;\n break;\n case BTourPlacement.TopRight:\n style.bottom = `${window.innerHeight - top + GAP}px`;\n style.right = `${window.innerWidth - right}px`;\n break;\n case BTourPlacement.Bottom:\n style.top = `${bottom + GAP}px`;\n style.left = `${midX}px`;\n style.transform = 'translateX(-50%)';\n break;\n case BTourPlacement.BottomLeft:\n style.top = `${bottom + GAP}px`;\n style.left = `${left}px`;\n break;\n case BTourPlacement.BottomRight:\n style.top = `${bottom + GAP}px`;\n style.right = `${window.innerWidth - right}px`;\n break;\n case BTourPlacement.Left:\n style.top = `${midY}px`;\n style.right = `${window.innerWidth - left + GAP}px`;\n style.transform = 'translateY(-50%)';\n break;\n case BTourPlacement.LeftTop:\n style.top = `${top}px`;\n style.right = `${window.innerWidth - left + GAP}px`;\n break;\n case BTourPlacement.LeftBottom:\n style.bottom = `${window.innerHeight - bottom}px`;\n style.right = `${window.innerWidth - left + GAP}px`;\n break;\n case BTourPlacement.Right:\n style.top = `${midY}px`;\n style.left = `${right + GAP}px`;\n style.transform = 'translateY(-50%)';\n break;\n case BTourPlacement.RightTop:\n style.top = `${top}px`;\n style.left = `${right + GAP}px`;\n break;\n case BTourPlacement.RightBottom:\n style.bottom = `${window.innerHeight - bottom}px`;\n style.left = `${right + GAP}px`;\n break;\n case BTourPlacement.Center:\n style.top = '50%';\n style.left = '50%';\n style.transform = 'translate(-50%, -50%)';\n break;\n default:\n style.top = `${bottom + GAP}px`;\n style.left = `${midX}px`;\n style.transform = 'translateX(-50%)';\n }\n\n popupStyle.value = style;\n}\n\n// ─────────────────────────────────────────────\n// Arrow positioning class\n// ─────────────────────────────────────────────\nconst arrowClass = computed(() => {\n if (!showArrow.value) return '';\n const eff = effectivePlacement.value;\n\n if (\n [BTourPlacement.Bottom, BTourPlacement.BottomLeft, BTourPlacement.BottomRight].includes(\n eff as BTourPlacement,\n )\n ) {\n return 'b-tour__arrow--top';\n }\n if (\n [BTourPlacement.Top, BTourPlacement.TopLeft, BTourPlacement.TopRight].includes(\n eff as BTourPlacement,\n )\n ) {\n return 'b-tour__arrow--bottom';\n }\n if (\n [BTourPlacement.Right, BTourPlacement.RightTop, BTourPlacement.RightBottom].includes(\n eff as BTourPlacement,\n )\n ) {\n return 'b-tour__arrow--left';\n }\n if (\n [BTourPlacement.Left, BTourPlacement.LeftTop, BTourPlacement.LeftBottom].includes(\n eff as BTourPlacement,\n )\n ) {\n return 'b-tour__arrow--right';\n }\n return '';\n});\n\n// ─────────────────────────────────────────────\n// Open / close helpers\n// ─────────────────────────────────────────────\nfunction doClose() {\n emit('close', currentStep.value);\n if (isControlledOpen.value) {\n emit('update:open', false);\n } else {\n internalOpen.value = false;\n }\n}\n\nfunction setCurrentStep(step: number) {\n emit('change', step);\n if (isControlledCurrent.value) {\n emit('update:current', step);\n } else {\n internalCurrent.value = step;\n }\n}\n\nfunction goNext() {\n if (currentStep.value >= totalSteps.value - 1) {\n emit('finish');\n doClose();\n return;\n }\n setCurrentStep(currentStep.value + 1);\n}\n\nfunction goPrev() {\n if (currentStep.value <= 0) return;\n setCurrentStep(currentStep.value - 1);\n}\n\n// ─────────────────────────────────────────────\n// Scroll target into view\n// ─────────────────────────────────────────────\nfunction scrollIntoView(el: HTMLElement) {\n const opt = activeStep.value?.scrollIntoViewOptions ?? __props.scrollIntoViewOptions;\n if (opt === false) return;\n const options: ScrollIntoViewOptions =\n typeof opt === 'object'\n ? (opt as ScrollIntoViewOptions)\n : { behavior: 'smooth', block: 'center', inline: 'nearest' };\n el.scrollIntoView(options);\n}\n\n// ─────────────────────────────────────────────\n// Focus management\n// ─────────────────────────────────────────────\nlet previouslyFocused: HTMLElement | null = null;\nconst popupRef = ref<HTMLDivElement | null>(null);\n\nfunction focusFirst() {\n nextTick(() => {\n if (!popupRef.value) return;\n const first = popupRef.value.querySelector<HTMLElement>(focusableSelector);\n if (first) {\n first.focus();\n } else {\n popupRef.value.focus();\n }\n });\n}\n\nfunction trapFocus(e: KeyboardEvent) {\n if (e.key !== 'Tab' || !popupRef.value) return;\n const focusable = Array.from(popupRef.value.querySelectorAll<HTMLElement>(focusableSelector));\n if (focusable.length === 0) {\n e.preventDefault();\n return;\n }\n const first = focusable[0];\n const last = focusable[focusable.length - 1];\n if (e.shiftKey && document.activeElement === first) {\n e.preventDefault();\n last.focus();\n } else if (!e.shiftKey && document.activeElement === last) {\n e.preventDefault();\n first.focus();\n }\n}\n\n// ─────────────────────────────────────────────\n// Keyboard navigation\n// ─────────────────────────────────────────────\nfunction onKeydown(e: KeyboardEvent) {\n if (!__props.keyboard) return;\n if (e.key === 'Escape') {\n e.preventDefault();\n doClose();\n } else if (e.key === 'ArrowRight') {\n e.preventDefault();\n goNext();\n } else if (e.key === 'ArrowLeft') {\n e.preventDefault();\n goPrev();\n }\n trapFocus(e);\n}\n\n// ─────────────────────────────────────────────\n// Resize / scroll → update highlight\n// ─────────────────────────────────────────────\nlet resizeObserver: ResizeObserver | null = null;\nlet targetObserver: ResizeObserver | null = null;\n\nfunction observeTarget(el: HTMLElement | null) {\n targetObserver?.disconnect();\n if (!el) return;\n targetObserver = new ResizeObserver(updateHighlight);\n targetObserver.observe(el);\n}\n\nfunction onScrollOrResize() {\n if (isOpen.value) updateHighlight();\n}\n\nonMounted(() => {\n resizeObserver = new ResizeObserver(onScrollOrResize);\n resizeObserver.observe(document.documentElement);\n window.addEventListener('scroll', onScrollOrResize, { passive: true });\n});\n\nonBeforeUnmount(() => {\n resizeObserver?.disconnect();\n targetObserver?.disconnect();\n window.removeEventListener('scroll', onScrollOrResize);\n});\n\n// ─────────────────────────────────────────────\n// Watchers\n// ─────────────────────────────────────────────\nwatch(\n [isOpen, currentStep],\n ([open]) => {\n if (!open) {\n highlightRect.value = null;\n popupStyle.value = {};\n targetObserver?.disconnect();\n nextTick(() => previouslyFocused?.focus());\n return;\n }\n const step = resolvedSteps.value[currentStep.value];\n if (step?.resolvedTarget) {\n scrollIntoView(step.resolvedTarget);\n observeTarget(step.resolvedTarget);\n }\n nextTick(() => {\n updateHighlight();\n if (open) {\n previouslyFocused = document.activeElement as HTMLElement | null;\n focusFirst();\n }\n });\n },\n { immediate: true, flush: 'post' },\n);\n\n// ─────────────────────────────────────────────\n// SVG mask clip-path (spotlight cutout)\n// ─────────────────────────────────────────────\nconst maskId = `b-tour-mask-${Math.random().toString(36).slice(2, 9)}`;\n\nconst svgViewBox = computed(() => {\n const vw = typeof window !== 'undefined' ? window.innerWidth : 1440;\n const vh = typeof window !== 'undefined' ? window.innerHeight : 900;\n return `0 0 ${vw} ${vh}`;\n});\n\nconst maskStyle = computed<Record<string, string>>(() => {\n if (typeof effectiveMask.value === 'object' && effectiveMask.value.style) {\n return effectiveMask.value.style;\n }\n return {};\n});\n\n// ─────────────────────────────────────────────\n// Cover image helpers\n// ─────────────────────────────────────────────\nconst hasCover = computed(() => Boolean(activeStep.value?.cover));\n\nfunction stripBtnProps(props: BTourButtonProps | undefined) {\n if (!props) return {};\n const { onClick: _onClick, children: _children, ...rest } = props;\n return rest;\n}\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n _createVNode(_Transition, { name: \"b-tour-fade\" }, {\n default: _withCtx(() => [\n (isOpen.value && totalSteps.value > 0)\n ? (_openBlock(), _createElementBlock(\"div\", {\n key: 0,\n class: _normalizeClass([\"b-tour\", [`b-tour--${effectiveType.value}`]]),\n style: _normalizeStyle({ '--b-tour-z-index': String(__props.zIndex) }),\n role: \"dialog\",\n \"aria-modal\": \"true\",\n \"aria-label\": activeStep.value?.title\n }, [\n (showMask.value)\n ? (_openBlock(), _createElementBlock(\"svg\", {\n key: 0,\n class: \"b-tour__mask\",\n style: _normalizeStyle([{ zIndex: __props.zIndex - 1 }, maskStyle.value]),\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: svgViewBox.value,\n \"aria-hidden\": \"true\",\n focusable: \"false\"\n }, [\n _createElementVNode(\"defs\", null, [\n _createElementVNode(\"mask\", { id: maskId }, [\n _cache[2] || (_cache[2] = _createElementVNode(\"rect\", {\n x: \"0\",\n y: \"0\",\n width: \"100%\",\n height: \"100%\",\n fill: \"white\"\n }, null, -1)),\n (highlightRect.value)\n ? (_openBlock(), _createElementBlock(\"rect\", {\n key: 0,\n x: highlightRect.value.left,\n y: highlightRect.value.top,\n width: highlightRect.value.width,\n height: highlightRect.value.height,\n rx: highlightRect.value.radius,\n fill: \"black\"\n }, null, 8, _hoisted_3))\n : _createCommentVNode(\"\", true)\n ])\n ]),\n _createElementVNode(\"rect\", {\n x: \"0\",\n y: \"0\",\n width: \"100%\",\n height: \"100%\",\n fill: maskColor.value ?? 'var(--b-tour-mask-bg)',\n mask: `url(#${maskId})`,\n style: _normalizeStyle({ pointerEvents: __props.disabledInteraction ? 'all' : 'none' })\n }, null, 12, _hoisted_4)\n ], 12, _hoisted_2))\n : _createCommentVNode(\"\", true),\n (highlightRect.value)\n ? (_openBlock(), _createElementBlock(\"div\", {\n key: 1,\n class: \"b-tour__spotlight\",\n style: _normalizeStyle({\n top: `${highlightRect.value.top}px`,\n left: `${highlightRect.value.left}px`,\n width: `${highlightRect.value.width}px`,\n height: `${highlightRect.value.height}px`,\n borderRadius: `${highlightRect.value.radius}px`,\n zIndex: __props.zIndex - 1,\n pointerEvents: __props.disabledInteraction ? 'none' : 'auto',\n }),\n \"aria-hidden\": \"true\"\n }, null, 4))\n : _createCommentVNode(\"\", true),\n _createElementVNode(\"div\", {\n ref_key: \"popupRef\",\n ref: popupRef,\n class: _normalizeClass([\"b-tour__popup\", [\n `b-tour__popup--${effectivePlacement.value}`,\n { 'b-tour__popup--no-arrow': !showArrow.value || !highlightRect.value },\n ]]),\n style: _normalizeStyle([{ zIndex: __props.zIndex }, popupStyle.value]),\n tabindex: \"-1\",\n onKeydown: onKeydown\n }, [\n (showArrow.value && highlightRect.value && arrowClass.value)\n ? (_openBlock(), _createElementBlock(\"div\", {\n key: 0,\n class: _normalizeClass([\"b-tour__arrow\", [arrowClass.value, { 'b-tour__arrow--center': arrowPointAtCenter.value }]]),\n \"aria-hidden\": \"true\"\n }, null, 2))\n : _createCommentVNode(\"\", true),\n (hasCover.value)\n ? (_openBlock(), _createElementBlock(\"div\", _hoisted_5, [\n (typeof activeStep.value?.cover === 'string')\n ? (_openBlock(), _createElementBlock(\"img\", {\n key: 0,\n src: activeStep.value.cover,\n class: \"b-tour__cover-img\",\n alt: \"\",\n \"aria-hidden\": \"true\"\n }, null, 8, _hoisted_6))\n : _renderSlot(_ctx.$slots, \"cover\", { key: 1 })\n ]))\n : _createCommentVNode(\"\", true),\n _createElementVNode(\"div\", _hoisted_7, [\n _createElementVNode(\"h4\", _hoisted_8, _toDisplayString(activeStep.value?.title), 1),\n (showCloseIcon.value)\n ? (_openBlock(), _createElementBlock(\"button\", {\n key: 0,\n type: \"button\",\n class: \"b-tour__close\",\n \"aria-label\": \"Close tour\",\n onClick: doClose\n }, [\n (\n __props.closeIcon === true ||\n activeStep.value?.closeIcon === true ||\n activeStep.value?.closeIcon === undefined\n )\n ? (_openBlock(), _createElementBlock(\"svg\", _hoisted_9, [...(_cache[3] || (_cache[3] = [\n _createElementVNode(\"path\", { d: \"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\" }, null, -1)\n ]))]))\n : (_openBlock(), _createElementBlock(\"span\", _hoisted_10, _toDisplayString(typeof __props.closeIcon === 'string' ? __props.closeIcon : '✕'), 1))\n ]))\n : _createCommentVNode(\"\", true)\n ]),\n (activeStep.value?.description)\n ? (_openBlock(), _createElementBlock(\"div\", _hoisted_11, _toDisplayString(activeStep.value.description), 1))\n : _createCommentVNode(\"\", true),\n _createElementVNode(\"div\", _hoisted_12, [\n _createElementVNode(\"div\", _hoisted_13, [\n _renderSlot(_ctx.$slots, \"indicatorsRender\", {\n current: currentStep.value,\n total: totalSteps.value\n }, () => [\n (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.steps, (_, i) => {\n return (_openBlock(), _createElementBlock(\"span\", {\n key: i,\n class: _normalizeClass([\"b-tour__indicator\", { 'b-tour__indicator--active': i === currentStep.value }]),\n role: \"presentation\",\n \"aria-current\": i === currentStep.value ? 'step' : undefined\n }, null, 10, _hoisted_14))\n }), 128))\n ])\n ]),\n _createElementVNode(\"div\", _hoisted_15, [\n (currentStep.value > 0)\n ? (_openBlock(), _createElementBlock(\"button\", _mergeProps({\n key: 0,\n type: \"button\",\n class: \"b-tour__btn b-tour__btn--prev\"\n }, stripBtnProps(activeStep.value?.prevButtonProps), {\n onClick: _cache[0] || (_cache[0] = \n () => {\n activeStep.value?.prevButtonProps?.onClick?.();\n goPrev();\n }\n )\n }), _toDisplayString(activeStep.value?.prevButtonProps?.children ?? 'Previous'), 17))\n : _createCommentVNode(\"\", true),\n _createElementVNode(\"button\", _mergeProps({\n type: \"button\",\n class: \"b-tour__btn b-tour__btn--next\"\n }, stripBtnProps(activeStep.value?.nextButtonProps), {\n onClick: _cache[1] || (_cache[1] = \n () => {\n activeStep.value?.nextButtonProps?.onClick?.();\n goNext();\n }\n )\n }), _toDisplayString(activeStep.value?.nextButtonProps?.children ??\n (currentStep.value >= totalSteps.value - 1 ? 'Finish' : 'Next')), 17)\n ])\n ])\n ], 38)\n ], 14, _hoisted_1))\n : _createCommentVNode(\"\", true)\n ]),\n _: 3\n })\n ]))\n}\n}\n\n})"],"mappings":"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"}
|
package/dist/design-system40.js
DELETED
|
@@ -1,479 +0,0 @@
|
|
|
1
|
-
import { useComponentId as e } from "./design-system10.js";
|
|
2
|
-
import { BCascaderExpandTrigger as t, BCascaderPlacement as n, BCascaderSize as r } from "./design-system39.js";
|
|
3
|
-
import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeModels as d, nextTick as f, normalizeClass as p, onBeforeUnmount as ee, onMounted as te, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, useModel as ne, watch as y, withKeys as b, withModifiers as x } from "vue";
|
|
4
|
-
//#region src/components/BCascader/BCascader.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
-
var re = {
|
|
6
|
-
key: 0,
|
|
7
|
-
class: "b-cascader__selections"
|
|
8
|
-
}, ie = { class: "b-cascader__tag-text" }, ae = ["onClick"], oe = {
|
|
9
|
-
key: 0,
|
|
10
|
-
class: "b-cascader__tag b-cascader__tag--count"
|
|
11
|
-
}, se = [
|
|
12
|
-
"value",
|
|
13
|
-
"placeholder",
|
|
14
|
-
"disabled",
|
|
15
|
-
"aria-expanded",
|
|
16
|
-
"aria-controls"
|
|
17
|
-
], ce = {
|
|
18
|
-
key: 2,
|
|
19
|
-
class: "b-cascader__placeholder"
|
|
20
|
-
}, le = [
|
|
21
|
-
"value",
|
|
22
|
-
"placeholder",
|
|
23
|
-
"disabled",
|
|
24
|
-
"aria-expanded",
|
|
25
|
-
"aria-controls"
|
|
26
|
-
], ue = [
|
|
27
|
-
"aria-expanded",
|
|
28
|
-
"aria-label",
|
|
29
|
-
"aria-disabled",
|
|
30
|
-
"aria-controls"
|
|
31
|
-
], de = {
|
|
32
|
-
key: 1,
|
|
33
|
-
class: "b-cascader__placeholder"
|
|
34
|
-
}, fe = {
|
|
35
|
-
class: "b-cascader__suffix",
|
|
36
|
-
"aria-hidden": "true"
|
|
37
|
-
}, pe = ["id"], me = {
|
|
38
|
-
key: 0,
|
|
39
|
-
class: "b-cascader__search-panel",
|
|
40
|
-
role: "listbox"
|
|
41
|
-
}, he = ["onClick", "onKeydown"], ge = {
|
|
42
|
-
key: 0,
|
|
43
|
-
class: "b-cascader__search-separator"
|
|
44
|
-
}, _e = {
|
|
45
|
-
key: 1,
|
|
46
|
-
class: "b-cascader__empty"
|
|
47
|
-
}, ve = {
|
|
48
|
-
key: 1,
|
|
49
|
-
class: "b-cascader__menus"
|
|
50
|
-
}, ye = ["aria-label"], be = [
|
|
51
|
-
"tabindex",
|
|
52
|
-
"aria-selected",
|
|
53
|
-
"aria-disabled",
|
|
54
|
-
"onClick",
|
|
55
|
-
"onMouseenter",
|
|
56
|
-
"onKeydown"
|
|
57
|
-
], xe = {
|
|
58
|
-
key: 0,
|
|
59
|
-
class: "b-cascader__checkbox",
|
|
60
|
-
"aria-hidden": "true"
|
|
61
|
-
}, Se = { class: "b-cascader__option-label" }, Ce = {
|
|
62
|
-
key: 1,
|
|
63
|
-
class: "b-cascader__option-expand",
|
|
64
|
-
"aria-hidden": "true"
|
|
65
|
-
}, S = /* @__PURE__ */ u({
|
|
66
|
-
__name: "BCascader",
|
|
67
|
-
props: /* @__PURE__ */ d({
|
|
68
|
-
options: { default: () => [] },
|
|
69
|
-
placeholder: { default: "Please select" },
|
|
70
|
-
disabled: {
|
|
71
|
-
type: Boolean,
|
|
72
|
-
default: !1
|
|
73
|
-
},
|
|
74
|
-
allowClear: {
|
|
75
|
-
type: Boolean,
|
|
76
|
-
default: !0
|
|
77
|
-
},
|
|
78
|
-
expandTrigger: { default: () => t.Click },
|
|
79
|
-
placement: { default: () => n.BottomLeft },
|
|
80
|
-
size: { default: () => r.Medium },
|
|
81
|
-
changeOnSelect: {
|
|
82
|
-
type: Boolean,
|
|
83
|
-
default: !1
|
|
84
|
-
},
|
|
85
|
-
showSearch: {
|
|
86
|
-
type: [Boolean, Object],
|
|
87
|
-
default: !1
|
|
88
|
-
},
|
|
89
|
-
multiple: {
|
|
90
|
-
type: Boolean,
|
|
91
|
-
default: !1
|
|
92
|
-
},
|
|
93
|
-
maxTagCount: {},
|
|
94
|
-
fieldNames: {},
|
|
95
|
-
notFoundContent: { default: "No data" },
|
|
96
|
-
status: {},
|
|
97
|
-
open: {
|
|
98
|
-
type: Boolean,
|
|
99
|
-
default: () => void 0
|
|
100
|
-
}
|
|
101
|
-
}, {
|
|
102
|
-
modelValue: {},
|
|
103
|
-
modelModifiers: {}
|
|
104
|
-
}),
|
|
105
|
-
emits: /* @__PURE__ */ d([
|
|
106
|
-
"change",
|
|
107
|
-
"openChange",
|
|
108
|
-
"search"
|
|
109
|
-
], ["update:modelValue"]),
|
|
110
|
-
setup(r, { expose: u, emit: d }) {
|
|
111
|
-
let S = ne(r, "modelValue"), C = d, we = a(() => r.fieldNames?.label ?? "label"), Te = a(() => r.fieldNames?.value ?? "value"), Ee = a(() => r.fieldNames?.children ?? "children");
|
|
112
|
-
function w(e) {
|
|
113
|
-
return e[we.value];
|
|
114
|
-
}
|
|
115
|
-
function T(e) {
|
|
116
|
-
return e[Te.value];
|
|
117
|
-
}
|
|
118
|
-
function E(e) {
|
|
119
|
-
return e[Ee.value];
|
|
120
|
-
}
|
|
121
|
-
let { componentUID: De } = e(), D = a(() => `b-cascader-popup-${De.value}`), O = h(null), k = h(null), A = h(null), j = h(!1), M = a(() => r.open === void 0 ? j.value : r.open), N = h(""), P = h([r.options]), F = h([]), I = h([]), L = h([]), R = null;
|
|
122
|
-
function z(e) {
|
|
123
|
-
r.open !== void 0 || (j.value = e), C("openChange", e);
|
|
124
|
-
}
|
|
125
|
-
function B() {
|
|
126
|
-
r.disabled || (R = document.activeElement, z(!0));
|
|
127
|
-
}
|
|
128
|
-
function V() {
|
|
129
|
-
z(!1), R && f(() => R?.focus());
|
|
130
|
-
}
|
|
131
|
-
function H() {
|
|
132
|
-
r.disabled || (M.value ? V() : B());
|
|
133
|
-
}
|
|
134
|
-
function U(e, t = r.options) {
|
|
135
|
-
for (let n of t) if (T(n) === e[0]) {
|
|
136
|
-
if (e.length === 1) return [n];
|
|
137
|
-
let t = E(n);
|
|
138
|
-
if (t) {
|
|
139
|
-
let r = U(e.slice(1), t);
|
|
140
|
-
if (r.length > 0) return [n, ...r];
|
|
141
|
-
}
|
|
142
|
-
return [n];
|
|
143
|
-
}
|
|
144
|
-
return [];
|
|
145
|
-
}
|
|
146
|
-
function W() {
|
|
147
|
-
if (!S.value) {
|
|
148
|
-
F.value = [], L.value = [];
|
|
149
|
-
return;
|
|
150
|
-
}
|
|
151
|
-
if (r.multiple) L.value = S.value;
|
|
152
|
-
else {
|
|
153
|
-
let e = S.value;
|
|
154
|
-
e.length > 0 && (F.value = U(e), Oe(F.value));
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
function Oe(e) {
|
|
158
|
-
let t = [r.options];
|
|
159
|
-
for (let n of e) {
|
|
160
|
-
let e = E(n);
|
|
161
|
-
e && e.length > 0 && t.push(e);
|
|
162
|
-
}
|
|
163
|
-
P.value = t;
|
|
164
|
-
}
|
|
165
|
-
function G(e, t) {
|
|
166
|
-
if (e.disabled) return;
|
|
167
|
-
let n = F.value.slice(0, t);
|
|
168
|
-
n.push(e), F.value = n;
|
|
169
|
-
let i = E(e), a = e.isLeaf === void 0 ? !i || i.length === 0 : e.isLeaf, o = P.value.slice(0, t + 1);
|
|
170
|
-
if (i && i.length > 0 && o.push(i), P.value = o, I.value = n.map((e, t) => {
|
|
171
|
-
let n = P.value[t];
|
|
172
|
-
return n ? n.findIndex((t) => T(t) === T(e)) : 0;
|
|
173
|
-
}), a || r.changeOnSelect) {
|
|
174
|
-
let e = n.map((e) => T(e));
|
|
175
|
-
if (r.multiple) {
|
|
176
|
-
let t = L.value.findIndex((t) => JSON.stringify(t) === JSON.stringify(e));
|
|
177
|
-
t >= 0 ? L.value.splice(t, 1) : L.value.push(e), S.value = [...L.value], C("change", S.value, L.value.map((e) => U(e)));
|
|
178
|
-
} else S.value = e, C("change", e, [n]), a && V();
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
function ke(e, n) {
|
|
182
|
-
if (e.disabled || r.expandTrigger !== t.Hover) return;
|
|
183
|
-
let i = E(e);
|
|
184
|
-
if (!i || i.length === 0) return;
|
|
185
|
-
let a = F.value.slice(0, n);
|
|
186
|
-
a.push(e), F.value = a;
|
|
187
|
-
let o = P.value.slice(0, n + 1);
|
|
188
|
-
o.push(i), P.value = o;
|
|
189
|
-
}
|
|
190
|
-
let K = a(() => r.multiple || !S.value || S.value.length === 0 ? [] : U(S.value).map((e) => w(e))), q = a(() => K.value.join(" / ")), J = a(() => r.multiple ? L.value.map((e) => ({
|
|
191
|
-
value: e,
|
|
192
|
-
label: U(e).map((e) => w(e)).join(" / ")
|
|
193
|
-
})) : []), Ae = a(() => r.maxTagCount === void 0 ? J.value : J.value.slice(0, r.maxTagCount)), je = a(() => r.maxTagCount === void 0 ? 0 : Math.max(0, J.value.length - r.maxTagCount)), Y = a(() => !!r.showSearch);
|
|
194
|
-
function Me(e = r.options, t = []) {
|
|
195
|
-
let n = [];
|
|
196
|
-
for (let r of e) {
|
|
197
|
-
let e = [...t, r], i = E(r);
|
|
198
|
-
i && i.length > 0 ? n.push(...Me(i, e)) : n.push(e);
|
|
199
|
-
}
|
|
200
|
-
return n;
|
|
201
|
-
}
|
|
202
|
-
let Ne = a(() => {
|
|
203
|
-
if (!N.value) return [];
|
|
204
|
-
let e = Me(), t = typeof r.showSearch == "object" ? r.showSearch : {}, n = t.filter ?? ((e, t) => t.some((t) => w(t).toLowerCase().includes(e.toLowerCase()))), i = e.filter((e) => n(N.value, e)), a = t.limit ?? 50;
|
|
205
|
-
return i = i.slice(0, a), i;
|
|
206
|
-
});
|
|
207
|
-
function Pe(e) {
|
|
208
|
-
N.value = e.target.value, C("search", N.value), M.value || B();
|
|
209
|
-
}
|
|
210
|
-
function Fe(e) {
|
|
211
|
-
let t = e.map((e) => T(e));
|
|
212
|
-
if (r.multiple) {
|
|
213
|
-
let e = L.value.findIndex((e) => JSON.stringify(e) === JSON.stringify(t));
|
|
214
|
-
e >= 0 ? L.value.splice(e, 1) : L.value.push(t), S.value = [...L.value], C("change", S.value, L.value.map((e) => U(e)));
|
|
215
|
-
} else F.value = e, S.value = t, C("change", t, [e]), N.value = "", V();
|
|
216
|
-
}
|
|
217
|
-
function Ie(e) {
|
|
218
|
-
e.stopPropagation(), F.value = [], P.value = [r.options], I.value = [], N.value = "", r.multiple ? (L.value = [], S.value = [], C("change", [], [])) : (S.value = [], C("change", [], []));
|
|
219
|
-
}
|
|
220
|
-
function Le(e, t) {
|
|
221
|
-
t.stopPropagation();
|
|
222
|
-
let n = L.value.findIndex((t) => JSON.stringify(t) === JSON.stringify(e));
|
|
223
|
-
n >= 0 && (L.value.splice(n, 1), S.value = [...L.value], C("change", S.value, L.value.map((e) => U(e))));
|
|
224
|
-
}
|
|
225
|
-
function Re(e) {
|
|
226
|
-
if (!r.disabled) switch (e.key) {
|
|
227
|
-
case "Enter":
|
|
228
|
-
case " ":
|
|
229
|
-
(!Y.value || e.key === "Enter") && (e.preventDefault(), H());
|
|
230
|
-
break;
|
|
231
|
-
case "ArrowDown":
|
|
232
|
-
e.preventDefault(), M.value || B(), f(() => Be());
|
|
233
|
-
break;
|
|
234
|
-
case "Escape":
|
|
235
|
-
M.value && (e.preventDefault(), V());
|
|
236
|
-
break;
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
function ze(e) {
|
|
240
|
-
let t = P.value.length - 1, n = I.value[t] ?? 0, r = P.value[t] ?? [];
|
|
241
|
-
switch (e.key) {
|
|
242
|
-
case "ArrowDown": {
|
|
243
|
-
e.preventDefault();
|
|
244
|
-
let i = n < r.length - 1 ? n + 1 : 0;
|
|
245
|
-
I.value = [...I.value.slice(0, t), i], X(t, i);
|
|
246
|
-
break;
|
|
247
|
-
}
|
|
248
|
-
case "ArrowUp": {
|
|
249
|
-
e.preventDefault();
|
|
250
|
-
let i = n > 0 ? n - 1 : r.length - 1;
|
|
251
|
-
I.value = [...I.value.slice(0, t), i], X(t, i);
|
|
252
|
-
break;
|
|
253
|
-
}
|
|
254
|
-
case "ArrowRight": {
|
|
255
|
-
e.preventDefault();
|
|
256
|
-
let i = r[n];
|
|
257
|
-
if (i) {
|
|
258
|
-
let e = E(i);
|
|
259
|
-
e && e.length > 0 && (G(i, t), f(() => {
|
|
260
|
-
I.value = [...I.value, 0], X(t + 1, 0);
|
|
261
|
-
}));
|
|
262
|
-
}
|
|
263
|
-
break;
|
|
264
|
-
}
|
|
265
|
-
case "ArrowLeft":
|
|
266
|
-
e.preventDefault(), t > 0 && (P.value = P.value.slice(0, t), F.value = F.value.slice(0, t - 1), I.value = I.value.slice(0, t), f(() => X(t - 1, I.value[t - 1] ?? 0)));
|
|
267
|
-
break;
|
|
268
|
-
case "Enter":
|
|
269
|
-
case " ": {
|
|
270
|
-
e.preventDefault();
|
|
271
|
-
let i = r[n];
|
|
272
|
-
i && G(i, t);
|
|
273
|
-
break;
|
|
274
|
-
}
|
|
275
|
-
case "Escape":
|
|
276
|
-
e.preventDefault(), V();
|
|
277
|
-
break;
|
|
278
|
-
case "Home":
|
|
279
|
-
e.preventDefault(), I.value = [...I.value.slice(0, t), 0], X(t, 0);
|
|
280
|
-
break;
|
|
281
|
-
case "End":
|
|
282
|
-
e.preventDefault(), I.value = [...I.value.slice(0, t), r.length - 1], X(t, r.length - 1);
|
|
283
|
-
break;
|
|
284
|
-
}
|
|
285
|
-
}
|
|
286
|
-
function Be() {
|
|
287
|
-
I.value = [0], X(0, 0);
|
|
288
|
-
}
|
|
289
|
-
function X(e, t) {
|
|
290
|
-
f(() => {
|
|
291
|
-
let n = O.value?.querySelectorAll(".b-cascader__menu")[e];
|
|
292
|
-
n && n.querySelectorAll(".b-cascader__option:not([aria-disabled=\"true\"])")[t]?.focus();
|
|
293
|
-
});
|
|
294
|
-
}
|
|
295
|
-
function Z(e) {
|
|
296
|
-
if (!M.value) return;
|
|
297
|
-
let t = e.target;
|
|
298
|
-
A.value?.contains(t) || O.value?.contains(t) || V();
|
|
299
|
-
}
|
|
300
|
-
te(() => {
|
|
301
|
-
W();
|
|
302
|
-
}), ee(() => {
|
|
303
|
-
document.removeEventListener("click", Z, !0);
|
|
304
|
-
}), y(M, (e) => {
|
|
305
|
-
e ? f(() => document.addEventListener("click", Z, !0)) : (document.removeEventListener("click", Z, !0), N.value = "");
|
|
306
|
-
}), y(() => r.open, (e) => {
|
|
307
|
-
e !== void 0 && (e ? B() : V());
|
|
308
|
-
}), y(S, () => {
|
|
309
|
-
W();
|
|
310
|
-
});
|
|
311
|
-
let Ve = a(() => ({
|
|
312
|
-
[n.BottomLeft]: "bottom-left",
|
|
313
|
-
[n.BottomRight]: "bottom-right",
|
|
314
|
-
[n.TopLeft]: "top-left",
|
|
315
|
-
[n.TopRight]: "top-right"
|
|
316
|
-
})[r.placement] ?? "bottom-left"), He = a(() => `b-cascader--${r.size}`), Ue = a(() => r.status ? `b-cascader--${r.status}` : ""), Q = a(() => r.multiple ? L.value.length > 0 : S.value && S.value.length > 0), We = a(() => Y.value && N.value.length > 0);
|
|
317
|
-
function $(e, t) {
|
|
318
|
-
return r.multiple ? L.value.some((n) => n[t] === T(e)) : F.value[t] !== void 0 && T(F.value[t]) === T(e);
|
|
319
|
-
}
|
|
320
|
-
return u({
|
|
321
|
-
focus: () => k.value?.focus(),
|
|
322
|
-
blur: () => k.value?.blur()
|
|
323
|
-
}), (e, t) => (m(), s("div", {
|
|
324
|
-
ref_key: "triggerRef",
|
|
325
|
-
ref: A,
|
|
326
|
-
class: p([
|
|
327
|
-
"b-cascader",
|
|
328
|
-
He.value,
|
|
329
|
-
Ue.value,
|
|
330
|
-
{
|
|
331
|
-
"b-cascader--open": M.value,
|
|
332
|
-
"b-cascader--disabled": r.disabled,
|
|
333
|
-
"b-cascader--multiple": r.multiple,
|
|
334
|
-
"b-cascader--focused": M.value
|
|
335
|
-
}
|
|
336
|
-
]),
|
|
337
|
-
onClick: H,
|
|
338
|
-
onKeydown: Re
|
|
339
|
-
}, [
|
|
340
|
-
r.multiple ? (m(), s("div", re, [
|
|
341
|
-
(m(!0), s(i, null, g(Ae.value, (e) => (m(), s("span", {
|
|
342
|
-
key: JSON.stringify(e.value),
|
|
343
|
-
class: "b-cascader__tag"
|
|
344
|
-
}, [c("span", ie, v(e.label), 1), c("span", {
|
|
345
|
-
class: "b-cascader__tag-remove",
|
|
346
|
-
role: "button",
|
|
347
|
-
"aria-label": "Remove",
|
|
348
|
-
onClick: (t) => Le(e.value, t)
|
|
349
|
-
}, null, 8, ae)]))), 128)),
|
|
350
|
-
je.value > 0 ? (m(), s("span", oe, " + " + v(je.value), 1)) : o("", !0),
|
|
351
|
-
Y.value ? (m(), s("input", {
|
|
352
|
-
key: 1,
|
|
353
|
-
ref_key: "inputRef",
|
|
354
|
-
ref: k,
|
|
355
|
-
class: "b-cascader__search-input",
|
|
356
|
-
type: "text",
|
|
357
|
-
value: N.value,
|
|
358
|
-
placeholder: Q.value ? "" : r.placeholder,
|
|
359
|
-
disabled: r.disabled,
|
|
360
|
-
role: "combobox",
|
|
361
|
-
"aria-haspopup": "listbox",
|
|
362
|
-
"aria-autocomplete": "list",
|
|
363
|
-
"aria-expanded": M.value,
|
|
364
|
-
"aria-controls": M.value ? D.value : void 0,
|
|
365
|
-
onInput: Pe,
|
|
366
|
-
onClick: t[0] ||= x(() => {}, ["stop"])
|
|
367
|
-
}, null, 40, se)) : o("", !0),
|
|
368
|
-
!Q.value && !Y.value ? (m(), s("span", ce, v(r.placeholder), 1)) : o("", !0)
|
|
369
|
-
])) : (m(), s(i, { key: 1 }, [Y.value ? (m(), s("input", {
|
|
370
|
-
key: 0,
|
|
371
|
-
ref_key: "inputRef",
|
|
372
|
-
ref: k,
|
|
373
|
-
class: p(["b-cascader__input", { "b-cascader__input--active": M.value }]),
|
|
374
|
-
type: "text",
|
|
375
|
-
value: M.value ? N.value : q.value,
|
|
376
|
-
placeholder: Q.value ? q.value : r.placeholder,
|
|
377
|
-
disabled: r.disabled,
|
|
378
|
-
role: "combobox",
|
|
379
|
-
"aria-haspopup": "listbox",
|
|
380
|
-
"aria-autocomplete": "list",
|
|
381
|
-
"aria-expanded": M.value,
|
|
382
|
-
"aria-controls": M.value ? D.value : void 0,
|
|
383
|
-
onInput: Pe,
|
|
384
|
-
onClick: t[1] ||= x(() => {}, ["stop"])
|
|
385
|
-
}, null, 42, le)) : (m(), s("span", {
|
|
386
|
-
key: 1,
|
|
387
|
-
class: "b-cascader__value-display",
|
|
388
|
-
role: "combobox",
|
|
389
|
-
"aria-haspopup": "listbox",
|
|
390
|
-
"aria-expanded": M.value,
|
|
391
|
-
"aria-label": Q.value ? q.value : r.placeholder,
|
|
392
|
-
"aria-disabled": r.disabled || void 0,
|
|
393
|
-
"aria-controls": M.value ? D.value : void 0
|
|
394
|
-
}, [Q.value ? _(e.$slots, "displayRender", {
|
|
395
|
-
key: 0,
|
|
396
|
-
labels: K.value,
|
|
397
|
-
selectedOptions: F.value
|
|
398
|
-
}, () => [l(v(q.value), 1)]) : o("", !0), Q.value ? o("", !0) : (m(), s("span", de, v(r.placeholder), 1))], 8, ue))], 64)),
|
|
399
|
-
r.allowClear && Q.value && !r.disabled ? (m(), s("span", {
|
|
400
|
-
key: 2,
|
|
401
|
-
class: "b-cascader__clear",
|
|
402
|
-
role: "button",
|
|
403
|
-
"aria-label": "Clear",
|
|
404
|
-
onClick: Ie
|
|
405
|
-
}, [...t[3] ||= [c("svg", {
|
|
406
|
-
viewBox: "0 0 16 16",
|
|
407
|
-
width: "14",
|
|
408
|
-
height: "14",
|
|
409
|
-
fill: "currentColor",
|
|
410
|
-
"aria-hidden": "true"
|
|
411
|
-
}, [c("path", { d: "M8 1a7 7 0 110 14A7 7 0 018 1zm2.828 4.172a.5.5 0 00-.707 0L8 7.293 5.879 5.172a.5.5 0 10-.707.707L7.293 8l-2.121 2.121a.5.5 0 00.707.707L8 8.707l2.121 2.121a.5.5 0 00.707-.707L8.707 8l2.121-2.121a.5.5 0 000-.707z" })], -1)]])) : o("", !0),
|
|
412
|
-
c("span", fe, [_(e.$slots, "suffixIcon", {}, () => [t[4] ||= c("svg", {
|
|
413
|
-
class: "b-cascader__arrow",
|
|
414
|
-
viewBox: "0 0 16 16",
|
|
415
|
-
width: "12",
|
|
416
|
-
height: "12",
|
|
417
|
-
fill: "currentColor"
|
|
418
|
-
}, [c("path", { d: "M4.427 5.427a.75.75 0 011.06-.073L8 7.585l2.513-2.231a.75.75 0 01.987 1.132l-3 2.666a.75.75 0 01-.987 0l-3-2.666a.75.75 0 01-.086-1.06z" })], -1)])]),
|
|
419
|
-
c("div", {
|
|
420
|
-
id: D.value,
|
|
421
|
-
ref_key: "popoverRef",
|
|
422
|
-
ref: O,
|
|
423
|
-
class: p([
|
|
424
|
-
"b-cascader__popup",
|
|
425
|
-
Ve.value,
|
|
426
|
-
{ "b-cascader__popup--open": M.value }
|
|
427
|
-
]),
|
|
428
|
-
role: "dialog",
|
|
429
|
-
"aria-modal": "false",
|
|
430
|
-
"aria-label": "Cascader options",
|
|
431
|
-
onClick: t[2] ||= x(() => {}, ["stop"]),
|
|
432
|
-
onKeydown: ze
|
|
433
|
-
}, [We.value ? (m(), s("div", me, [Ne.value.length > 0 ? (m(!0), s(i, { key: 0 }, g(Ne.value, (e, t) => (m(), s("div", {
|
|
434
|
-
key: t,
|
|
435
|
-
class: "b-cascader__search-item",
|
|
436
|
-
role: "option",
|
|
437
|
-
tabindex: "0",
|
|
438
|
-
"aria-selected": !1,
|
|
439
|
-
onClick: (t) => Fe(e),
|
|
440
|
-
onKeydown: b(x((t) => Fe(e), ["prevent"]), ["enter"])
|
|
441
|
-
}, [(m(!0), s(i, null, g(e, (t, n) => (m(), s("span", { key: T(t) }, [c("span", null, v(w(t)), 1), n < e.length - 1 ? (m(), s("span", ge, " / ")) : o("", !0)]))), 128))], 40, he))), 128)) : (m(), s("div", _e, [_(e.$slots, "notFoundContent", {}, () => [l(v(r.notFoundContent), 1)])]))])) : (m(), s("div", ve, [(m(!0), s(i, null, g(P.value, (n, a) => (m(), s("ul", {
|
|
442
|
-
key: a,
|
|
443
|
-
class: "b-cascader__menu",
|
|
444
|
-
role: "listbox",
|
|
445
|
-
"aria-label": `Level ${a + 1}`
|
|
446
|
-
}, [(m(!0), s(i, null, g(n, (n) => (m(), s("li", {
|
|
447
|
-
key: T(n),
|
|
448
|
-
class: p(["b-cascader__option", {
|
|
449
|
-
"b-cascader__option--selected": $(n, a),
|
|
450
|
-
"b-cascader__option--disabled": n.disabled,
|
|
451
|
-
"b-cascader__option--expanded": F.value[a] && T(F.value[a]) === T(n)
|
|
452
|
-
}]),
|
|
453
|
-
role: "option",
|
|
454
|
-
tabindex: n.disabled ? -1 : 0,
|
|
455
|
-
"aria-selected": $(n, a),
|
|
456
|
-
"aria-disabled": n.disabled || void 0,
|
|
457
|
-
onClick: x((e) => G(n, a), ["stop"]),
|
|
458
|
-
onMouseenter: (e) => ke(n, a),
|
|
459
|
-
onKeydown: b(x((e) => G(n, a), ["prevent"]), ["enter"])
|
|
460
|
-
}, [
|
|
461
|
-
r.multiple ? (m(), s("span", xe, [c("span", { class: p(["b-cascader__checkbox-inner", { "b-cascader__checkbox-inner--checked": $(n, a) }]) }, null, 2)])) : o("", !0),
|
|
462
|
-
c("span", Se, v(w(n)), 1),
|
|
463
|
-
E(n) && E(n).length > 0 ? (m(), s("span", Ce, [_(e.$slots, "expandIcon", {}, () => [t[5] ||= c("svg", {
|
|
464
|
-
viewBox: "0 0 16 16",
|
|
465
|
-
width: "10",
|
|
466
|
-
height: "10",
|
|
467
|
-
fill: "currentColor"
|
|
468
|
-
}, [c("path", {
|
|
469
|
-
d: "M6.427 4.427a.75.75 0 011.146.96l-.073.087L5.768 8l1.732 2.527a.75.75 0 01-.96 1.146l-.087-.073-2.25-3.28a.75.75 0 01-.007-.98l.08-.093 2.25-2.82zm3 0a.75.75 0 011.146.96l-.073.087L8.768 8l1.732 2.527a.75.75 0 01-.96 1.146l-.087-.073-2.25-3.28a.75.75 0 01-.007-.98l.08-.093 2.25-2.82z",
|
|
470
|
-
transform: "rotate(180 8 8)"
|
|
471
|
-
})], -1)])])) : o("", !0)
|
|
472
|
-
], 42, be))), 128))], 8, ye))), 128))]))], 42, pe)
|
|
473
|
-
], 34));
|
|
474
|
-
}
|
|
475
|
-
});
|
|
476
|
-
//#endregion
|
|
477
|
-
export { S as default };
|
|
478
|
-
|
|
479
|
-
//# sourceMappingURL=design-system40.js.map
|