bitboss-ui 2.1.128 → 2.1.130
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/dist/ai/BbTable.md +389 -96
- package/dist/components/BaseButton/BaseButton.vue.d.ts +10 -5
- package/dist/components/BaseButton/RouterComponent.vue.d.ts +15 -12
- package/dist/components/BaseCheckbox/BaseCheckbox.vue.d.ts +24 -10
- package/dist/components/BaseCheckboxGroup/BaseCheckboxGroup.vue.d.ts +17 -22
- package/dist/components/BaseColorInput/BaseColorInput.vue.d.ts +205 -6
- package/dist/components/BaseColorInput/ColorPalette.vue.d.ts +10 -3
- package/dist/components/BaseDatePicker/BaseDatePicker.vue.d.ts +11 -6
- package/dist/components/BaseDatePicker/BaseDatePickerHeader.vue.d.ts +2 -3
- package/dist/components/BaseDatePicker/BaseDatePickerInputDaySelector.vue.d.ts +35 -27
- package/dist/components/BaseDatePicker/BaseDatePickerMonthSelector.vue.d.ts +2 -3
- package/dist/components/BaseDatePicker/BaseDatePickerYearSelector.vue.d.ts +4 -3
- package/dist/components/BaseDatePickerInput/BaseDatePickerInput.vue.d.ts +345 -6
- package/dist/components/BaseDialog/BaseDialog.vue.d.ts +22 -8
- package/dist/components/BaseInputContainer/BaseInputContainer.vue.d.ts +15 -6
- package/dist/components/BaseNumberInput/BaseNumberInput.vue.d.ts +15 -6
- package/dist/components/BaseRadio/BaseRadio.vue.d.ts +11 -6
- package/dist/components/BaseRadioGroup/BaseRadioGroup.vue.d.ts +17 -22
- package/dist/components/BaseRating/BaseRating.vue.d.ts +15 -6
- package/dist/components/BaseSelect/BaseSelect.vue.d.ts +15 -20
- package/dist/components/BaseSlider/BaseSlider.vue.d.ts +21 -6
- package/dist/components/BaseSwitch/BaseSwitch.vue.d.ts +15 -6
- package/dist/components/BaseSwitchGroup/BaseSwitchGroup.vue.d.ts +17 -22
- package/dist/components/BaseTag/BaseTag.vue.d.ts +353 -6
- package/dist/components/BaseTextInput/BaseTextInput.vue.d.ts +15 -6
- package/dist/components/BaseTextarea/BaseTextarea.vue.d.ts +15 -6
- package/dist/components/BbAccordion/BbAccordion.vue.d.ts +11 -6
- package/dist/components/BbAlert/BbAlert.vue.d.ts +10 -5
- package/dist/components/BbAvatar/BbAvatar.vue.d.ts +15 -6
- package/dist/components/BbBadge/BbBadge.vue.d.ts +10 -5
- package/dist/components/BbBreadcrumbs/BbBreadcrumbs.vue.d.ts +34 -7
- package/dist/components/BbButton/BbButton.vue.d.ts +11 -7
- package/dist/components/BbCheckbox/BbCheckbox.vue.d.ts +11 -6
- package/dist/components/BbCheckboxGroup/BbCheckboxGroup.vue.d.ts +17 -22
- package/dist/components/BbChip/BbChip.vue.d.ts +11 -6
- package/dist/components/BbCollapsible/BbCollapsible.vue.d.ts +10 -5
- package/dist/components/BbColorInput/BbColorInput.vue.d.ts +16 -7
- package/dist/components/BbColorPalette/BbColorPalette.vue.d.ts +77 -6
- package/dist/components/BbConfirm/BbConfirm.vue.d.ts +1 -2
- package/dist/components/BbConfirm/BbConfirmPortal.vue.d.ts +29 -14
- package/dist/components/BbDatePickerInput/BbDatePickerInput.vue.d.ts +11 -6
- package/dist/components/BbDialog/BbDialog.vue.d.ts +12 -8
- package/dist/components/BbDropdown/BbDropdown.vue.d.ts +232 -7
- package/dist/components/BbDropdownButton/BbDropdownButton.vue.d.ts +30 -7
- package/dist/components/BbDropzone/BbDropzone.vue.d.ts +15 -6
- package/dist/components/BbIcon/BbIcon.vue.d.ts +2 -3
- package/dist/components/BbIntersection/BbIntersection.vue.d.ts +15 -6
- package/dist/components/BbNumberInput/BbNumberInput.vue.d.ts +284 -7
- package/dist/components/BbOffCanvas/BbOffCanvas.vue.d.ts +22 -8
- package/dist/components/BbPagination/BbPagination.vue.d.ts +18 -8
- package/dist/components/BbPopover/BbPopover.vue.d.ts +217 -8
- package/dist/components/BbProgress/BbProgress.vue.d.ts +2 -3
- package/dist/components/BbRadio/BbRadio.vue.d.ts +11 -6
- package/dist/components/BbRadioGroup/BbRadioGroup.vue.d.ts +17 -22
- package/dist/components/BbRating/BbRating.vue.d.ts +16 -7
- package/dist/components/BbRatio/BbRatio.vue.d.ts +10 -5
- package/dist/components/BbRows/BbRows.vue.d.ts +49 -14
- package/dist/components/BbSelect/BbSelect.vue.d.ts +15 -20
- package/dist/components/BbSelectPopover/BbSelectPopover.vue.d.ts +15 -20
- package/dist/components/BbSlider/BbSlider.vue.d.ts +16 -7
- package/dist/components/BbSmoothHeight/BbSmoothHeight.vue.d.ts +17 -6
- package/dist/components/BbSpinner/BbSpinner.vue.d.ts +2 -3
- package/dist/components/BbSwitch/BbSwitch.vue.d.ts +11 -6
- package/dist/components/BbSwitchGroup/BbSwitchGroup.vue.d.ts +17 -22
- package/dist/components/BbTab/BbTab.vue.d.ts +18 -15
- package/dist/components/BbTable/BbTable.vue.d.ts +83 -25
- package/dist/components/BbTable/types.d.ts +10 -4
- package/dist/components/BbTag/BbTag.vue.d.ts +11 -6
- package/dist/components/BbTextInput/BbTextInput.vue.d.ts +16 -7
- package/dist/components/BbTextarea/BbTextarea.vue.d.ts +16 -7
- package/dist/components/BbToast/BbToast.vue.d.ts +2 -3
- package/dist/components/BbToast/BbToastMessage.vue.d.ts +2 -3
- package/dist/components/BbTooltip/BbTooltip.vue.d.ts +216 -8
- package/dist/components/BbTree/BbTree.vue.d.ts +10 -5
- package/dist/components/ChipsBox/ChipsBox.vue.d.ts +1 -2
- package/dist/components/ClearableButton/ClearableButton.vue.d.ts +1 -2
- package/dist/components/CommaBox/CommaBox.vue.d.ts +1 -2
- package/dist/components/CommonInputInnerContainer/CommonInputInnerContainer.vue.d.ts +15 -6
- package/dist/components/CommonInputOuterContainer/CommonInputOuterContainer.vue.d.ts +10 -5
- package/dist/components/CommonPopover/CommonPopover.vue.d.ts +18 -8
- package/dist/components/ErrorIcon/ErrorIcon.vue.d.ts +1 -2
- package/dist/components/FlatListBox/FlatListBox.vue.d.ts +11 -16
- package/dist/components/GroupedListBox/GroupedListBox.vue.d.ts +11 -16
- package/dist/components/ListBox/ListBox.vue.d.ts +11 -16
- package/dist/components/OptionsContainer/OptionsContainer.vue.d.ts +6 -11
- package/dist/components/Transitions/ScaleFade.vue.d.ts +15 -7
- package/dist/components/Transitions/Slide.vue.d.ts +15 -7
- package/dist/composables/useTableWidthContext.d.ts +7 -0
- package/dist/index.css +1 -2
- package/dist/index.js +226 -80
- package/dist/index10.js +81 -4
- package/dist/index101.js +94 -300
- package/dist/index103.js +136 -16
- package/dist/index105.js +102 -4
- package/dist/index107.js +24 -9
- package/dist/index109.js +142 -19
- package/dist/index11.js +39 -41
- package/dist/index110.js +532 -12
- package/dist/index112.js +190 -24
- package/dist/index114.js +116 -7
- package/dist/index116.js +58 -5
- package/dist/index118.js +40 -5
- package/dist/index12.js +41 -10
- package/dist/index120.js +100 -5
- package/dist/index122.js +137 -5
- package/dist/index124.js +368 -51
- package/dist/index126.js +819 -222
- package/dist/index128.js +124 -6
- package/dist/index13.js +185 -92
- package/dist/index130.js +118 -25
- package/dist/index132.js +126 -5
- package/dist/index134.js +28 -0
- package/dist/index136.js +155 -13
- package/dist/index138.js +122 -0
- package/dist/index14.js +128 -306
- package/dist/index140.js +32 -224
- package/dist/index141.js +29 -5
- package/dist/index142.js +71 -4
- package/dist/index144.js +14 -0
- package/dist/index146.js +12 -7
- package/dist/index147.js +4 -182
- package/dist/index148.js +421 -0
- package/dist/index149.js +11 -6
- package/dist/index150.js +10 -5
- package/dist/index151.js +27 -4
- package/dist/index152.js +4 -95
- package/dist/index153.js +7 -0
- package/dist/index154.js +8 -6
- package/dist/index155.js +7 -168
- package/dist/index156.js +5 -0
- package/dist/index157.js +5 -6
- package/dist/index158.js +5 -145
- package/dist/index159.js +5 -0
- package/dist/index16.js +152 -58
- package/dist/index160.js +5 -6
- package/dist/index161.js +5 -53
- package/dist/index162.js +5 -0
- package/dist/index163.js +5 -6
- package/dist/index164.js +4 -15
- package/dist/index165.js +4 -18
- package/dist/index166.js +5 -35
- package/dist/index167.js +5 -0
- package/dist/index168.js +5 -6
- package/dist/index169.js +5 -89
- package/dist/index170.js +5 -0
- package/dist/index171.js +5 -6
- package/dist/index172.js +5 -82
- package/dist/index173.js +5 -0
- package/dist/index174.js +5 -6
- package/dist/index175.js +4 -37
- package/dist/index176.js +4 -460
- package/dist/index177.js +5 -28
- package/dist/index178.js +5 -66
- package/dist/index179.js +5 -17
- package/dist/index18.js +138 -34
- package/dist/index180.js +5 -162
- package/dist/index181.js +5 -5
- package/dist/index182.js +5 -217
- package/dist/index183.js +5 -5
- package/dist/index184.js +5 -112
- package/dist/index185.js +5 -5
- package/dist/index186.js +4 -459
- package/dist/index187.js +5 -0
- package/dist/index188.js +4 -6
- package/dist/index189.js +5 -4
- package/dist/index190.js +4 -7
- package/dist/index191.js +5 -7
- package/dist/index192.js +5 -268
- package/dist/index193.js +5 -0
- package/dist/index194.js +5 -6
- package/dist/index195.js +4 -124
- package/dist/index196.js +5 -0
- package/dist/index197.js +5 -6
- package/dist/index198.js +5 -174
- package/dist/index199.js +5 -0
- package/dist/index20.js +195 -8
- package/dist/index200.js +4 -5
- package/dist/index201.js +5 -224
- package/dist/index202.js +5 -0
- package/dist/index203.js +4 -5
- package/dist/index204.js +5 -135
- package/dist/index205.js +4 -0
- package/dist/index206.js +4 -5
- package/dist/index207.js +5 -5
- package/dist/index208.js +5 -170
- package/dist/index209.js +5 -0
- package/dist/index210.js +4 -5
- package/dist/index211.js +5 -37
- package/dist/index212.js +5 -0
- package/dist/index213.js +4 -5
- package/dist/index214.js +5 -63
- package/dist/index215.js +5 -0
- package/dist/index216.js +4 -5
- package/dist/index217.js +5 -74
- package/dist/index218.js +5 -0
- package/dist/index219.js +4 -5
- package/dist/index22.js +245 -6
- package/dist/index220.js +5 -65
- package/dist/index221.js +46 -0
- package/dist/index222.js +4 -5
- package/dist/index223.js +5 -67
- package/dist/index224.js +140 -0
- package/dist/index225.js +4 -6
- package/dist/index226.js +4 -41
- package/dist/index227.js +7 -0
- package/dist/index228.js +10 -6
- package/dist/index229.js +34 -9
- package/dist/index230.js +30 -22
- package/dist/index232.js +4 -286
- package/dist/index233.js +4 -0
- package/dist/index234.js +4 -6
- package/dist/index235.js +15 -47
- package/dist/index236.js +87 -164
- package/dist/index238.js +32 -6
- package/dist/index239.js +19 -10
- package/dist/index24.js +616 -9
- package/dist/index240.js +19 -159
- package/dist/index241.js +53 -0
- package/dist/index242.js +20 -6
- package/dist/index243.js +5 -134
- package/dist/index244.js +14 -0
- package/dist/index245.js +7 -6
- package/dist/index246.js +7 -167
- package/dist/index247.js +7 -0
- package/dist/index248.js +7 -6
- package/dist/index249.js +7 -147
- package/dist/index250.js +7 -0
- package/dist/index251.js +5 -6
- package/dist/index252.js +9 -34
- package/dist/index253.js +162 -0
- package/dist/index255.js +7 -65
- package/dist/index256.js +4 -0
- package/dist/index257.js +8 -6
- package/dist/index258.js +269 -18
- package/dist/index259.js +54 -5
- package/dist/index26.js +184 -4
- package/dist/index260.js +53 -159
- package/dist/index261.js +34 -0
- package/dist/index262.js +62 -6
- package/dist/index263.js +6 -60
- package/dist/index264.js +375 -0
- package/dist/index266.js +6 -134
- package/dist/index267.js +9 -0
- package/dist/index268.js +4 -6
- package/dist/index269.js +15 -12
- package/dist/index270.js +15 -206
- package/dist/index271.js +11 -0
- package/dist/index272.js +25 -6
- package/dist/index273.js +25 -85
- package/dist/index274.js +5 -5
- package/dist/index275.js +13 -55
- package/dist/index276.js +36 -5
- package/dist/index277.js +5 -164
- package/dist/index278.js +27 -0
- package/dist/index279.js +6 -6
- package/dist/index28.js +148 -8
- package/dist/index280.js +22 -145
- package/dist/index281.js +11 -0
- package/dist/index282.js +46 -6
- package/dist/index283.js +55 -11
- package/dist/index284.js +20 -200
- package/dist/index285.js +14 -0
- package/dist/index286.js +108 -6
- package/dist/index288.js +102 -0
- package/dist/index290.js +108 -20
- package/dist/index291.js +11 -0
- package/dist/index292.js +8 -6
- package/dist/index293.js +18 -125
- package/dist/index294.js +7 -0
- package/dist/index295.js +190 -6
- package/dist/index296.js +5 -161
- package/dist/index297.js +23 -0
- package/dist/index298.js +8 -6
- package/dist/index299.js +68 -126
- package/dist/index30.js +177 -117
- package/dist/index300.js +5 -0
- package/dist/index301.js +12 -6
- package/dist/index302.js +5 -20
- package/dist/index303.js +4 -0
- package/dist/index304.js +9 -6
- package/dist/index305.js +9 -116
- package/dist/index306.js +5 -5
- package/dist/index307.js +18 -506
- package/dist/index308.js +30 -0
- package/dist/index309.js +7 -6
- package/dist/index310.js +9 -196
- package/dist/index311.js +4 -0
- package/dist/index312.js +6 -6
- package/dist/index314.js +9 -0
- package/dist/index315.js +4 -5
- package/dist/index316.js +5 -134
- package/dist/index317.js +5 -0
- package/dist/index318.js +282 -6
- package/dist/index319.js +4 -162
- package/dist/index32.js +99 -27
- package/dist/index320.js +18 -0
- package/dist/index321.js +4 -6
- package/dist/index322.js +18 -319
- package/dist/index323.js +4 -0
- package/dist/index324.js +29 -6
- package/dist/index325.js +4 -36
- package/dist/index326.js +3 -42
- package/dist/index327.js +4 -632
- package/dist/index328.js +4 -0
- package/dist/index329.js +4 -6
- package/dist/index330.js +4 -155
- package/dist/index331.js +127 -0
- package/dist/index332.js +4 -6
- package/dist/index333.js +17 -142
- package/dist/index334.js +4 -0
- package/dist/index335.js +21 -6
- package/dist/index336.js +4 -155
- package/dist/index337.js +5 -0
- package/dist/index338.js +4 -5
- package/dist/index339.js +4 -58
- package/dist/index34.js +176 -111
- package/dist/index340.js +6 -5
- package/dist/index341.js +721 -20
- package/dist/index342.js +368 -0
- package/dist/index343.js +59 -6
- package/dist/index344.js +8 -142
- package/dist/index345.js +4 -0
- package/dist/index346.js +69 -6
- package/dist/index347.js +69 -4
- package/dist/index348.js +95 -109
- package/dist/index349.js +7 -0
- package/dist/index350.js +9 -6
- package/dist/index351.js +20 -54
- package/dist/index352.js +11 -24
- package/dist/index353.js +17 -23
- package/dist/index354.js +6 -838
- package/dist/index355.js +8 -473
- package/dist/index356.js +36 -51
- package/dist/index357.js +132 -7
- package/dist/index358.js +401 -0
- package/dist/index359.js +202 -0
- package/dist/index36.js +133 -6
- package/dist/index360.js +261 -0
- package/dist/index361.js +24 -0
- package/dist/index363.js +136 -0
- package/dist/index364.js +4 -0
- package/dist/index365.js +4 -0
- package/dist/index366.js +230 -0
- package/dist/index367.js +484 -0
- package/dist/index368.js +130 -0
- package/dist/index369.js +49 -0
- package/dist/index370.js +72 -0
- package/dist/index371.js +522 -0
- package/dist/index372.js +52 -0
- package/dist/index38.js +491 -62
- package/dist/index4.js +35 -0
- package/dist/index40.js +334 -8
- package/dist/index42.js +127 -8
- package/dist/index44.js +184 -20
- package/dist/index46.js +239 -384
- package/dist/index48.js +140 -6
- package/dist/index5.js +41 -34
- package/dist/index50.js +156 -11
- package/dist/index52.js +64 -105
- package/dist/index54.js +91 -97
- package/dist/index56.js +68 -27
- package/dist/index58.js +53 -156
- package/dist/index6.js +61 -37
- package/dist/index60.js +225 -5
- package/dist/index62.js +168 -5
- package/dist/index64.js +99 -7
- package/dist/index66.js +137 -25
- package/dist/index68.js +43 -6
- package/dist/index7.js +64 -58
- package/dist/index70.js +46 -0
- package/dist/index72.js +120 -13
- package/dist/index74.js +125 -6
- package/dist/index75.js +84 -158
- package/dist/index77.js +21 -6
- package/dist/index78.js +129 -4
- package/dist/index8.js +14 -4
- package/dist/index80.js +62 -54
- package/dist/index82.js +324 -5
- package/dist/index84.js +154 -0
- package/dist/index86.js +220 -64
- package/dist/index88.js +84 -6
- package/dist/index9.js +9 -10
- package/dist/index90.js +45 -18
- package/dist/index91.js +134 -17
- package/dist/index93.js +176 -33
- package/dist/index95.js +234 -15
- package/dist/index97.js +249 -17
- package/dist/index99.js +33 -0
- package/package.json +2 -2
- package/dist/index100.js +0 -6
- package/dist/index102.js +0 -16
- package/dist/index104.js +0 -27
- package/dist/index106.js +0 -7
- package/dist/index108.js +0 -4
- package/dist/index111.js +0 -19
- package/dist/index115.js +0 -241
- package/dist/index117.js +0 -42
- package/dist/index119.js +0 -53
- package/dist/index121.js +0 -32
- package/dist/index123.js +0 -8
- package/dist/index125.js +0 -5
- package/dist/index129.js +0 -162
- package/dist/index131.js +0 -51
- package/dist/index133.js +0 -607
- package/dist/index135.js +0 -6
- package/dist/index137.js +0 -153
- package/dist/index139.js +0 -6
- package/dist/index143.js +0 -128
- package/dist/index145.js +0 -6
- package/dist/index15.js +0 -10
- package/dist/index17.js +0 -11
- package/dist/index19.js +0 -4
- package/dist/index2.js +0 -20
- package/dist/index21.js +0 -35
- package/dist/index23.js +0 -7
- package/dist/index231.js +0 -24
- package/dist/index25.js +0 -24
- package/dist/index254.js +0 -6
- package/dist/index265.js +0 -6
- package/dist/index27.js +0 -4
- package/dist/index287.js +0 -241
- package/dist/index289.js +0 -6
- package/dist/index29.js +0 -7
- package/dist/index31.js +0 -10
- package/dist/index313.js +0 -142
- package/dist/index33.js +0 -5
- package/dist/index37.js +0 -6
- package/dist/index39.js +0 -63
- package/dist/index41.js +0 -9
- package/dist/index43.js +0 -179
- package/dist/index45.js +0 -6
- package/dist/index49.js +0 -33
- package/dist/index51.js +0 -8
- package/dist/index53.js +0 -330
- package/dist/index55.js +0 -328
- package/dist/index57.js +0 -102
- package/dist/index61.js +0 -131
- package/dist/index65.js +0 -35
- package/dist/index69.js +0 -54
- package/dist/index71.js +0 -6
- package/dist/index79.js +0 -4
- package/dist/index81.js +0 -5
- package/dist/index83.js +0 -141
- package/dist/index85.js +0 -6
- package/dist/index89.js +0 -30
- package/dist/index92.js +0 -9
- package/dist/index94.js +0 -4
- package/dist/index96.js +0 -10
- package/dist/index98.js +0 -189
package/dist/index40.js
CHANGED
|
@@ -1,9 +1,335 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { defineComponent as ie, ref as d, computed as f, onMounted as se, watch as ue, createElementBlock as y, openBlock as g, normalizeProps as G, guardReactiveProps as O, renderSlot as p, createElementVNode as c, mergeProps as N, createCommentVNode as Y, Fragment as de, renderList as me, unref as b, normalizeStyle as j, normalizeClass as J } from "vue";
|
|
2
|
+
import { head as ce } from "./index303.js";
|
|
3
|
+
import { isCssColor as K } from "./index234.js";
|
|
4
|
+
import { isNil as x } from "./index268.js";
|
|
5
|
+
import { getAsPercentageBetween as S, getAsPercentage as be, getValueFromPercentageInInterval as T } from "./index146.js";
|
|
6
|
+
import { snapToStep as ve } from "./index304.js";
|
|
7
|
+
import { last as fe } from "./index256.js";
|
|
8
|
+
import { transpose as Q } from "./index305.js";
|
|
9
|
+
import { clamp as m } from "./index226.js";
|
|
10
|
+
const pe = {
|
|
11
|
+
key: 0,
|
|
12
|
+
class: "bb-base-slider__ticks-container"
|
|
13
|
+
}, he = ["id", "disabled", "name", "required", "value"], ye = ["aria-describedby", "aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], ge = ["aria-describedby", "aria-readonly", "aria-valuemax", "aria-valuemin", "aria-valuenow", "tabindex"], Be = /* @__PURE__ */ ie({
|
|
14
|
+
__name: "BaseSlider",
|
|
15
|
+
props: {
|
|
16
|
+
ariaDescribedby: {},
|
|
17
|
+
autofocus: {},
|
|
18
|
+
color: {},
|
|
19
|
+
disabled: { type: Boolean },
|
|
20
|
+
hasErrors: { type: Boolean },
|
|
21
|
+
id: {},
|
|
22
|
+
max: { default: 100 },
|
|
23
|
+
maxPrecision: { default: 2 },
|
|
24
|
+
min: { default: 0 },
|
|
25
|
+
modelValue: { default: 0 },
|
|
26
|
+
name: {},
|
|
27
|
+
range: { type: Boolean },
|
|
28
|
+
readonly: { type: Boolean },
|
|
29
|
+
required: { type: Boolean },
|
|
30
|
+
step: { default: 1 },
|
|
31
|
+
ticks: { type: Boolean },
|
|
32
|
+
thumbTranslate: { type: Boolean, default: !0 }
|
|
33
|
+
},
|
|
34
|
+
emits: ["active", "inactive", "click", "focus", "keydown", "pointerdown", "pointermove", "pointerup", "update:modelValue"],
|
|
35
|
+
setup(U, { emit: W }) {
|
|
36
|
+
const e = U, i = W;
|
|
37
|
+
if (e.min < Number.MIN_SAFE_INTEGER || e.max > Number.MAX_SAFE_INTEGER)
|
|
38
|
+
throw new Error("BaseSlider min or max is too large");
|
|
39
|
+
const C = d(), E = d(), v = d(), u = d(), o = d(0), l = d(0), _ = f(() => Array.isArray(e.modelValue) ? ce(e.modelValue) ?? void 0 : x(e.modelValue) ? void 0 : Number(e.modelValue)), A = f(() => Array.isArray(e.modelValue) ? fe(e.modelValue) ?? void 0 : x(e.modelValue) ? void 0 : Number(e.modelValue)), P = f(() => [o.value, l.value].sort(
|
|
40
|
+
(a, r) => a - r
|
|
41
|
+
)), $ = d(!1);
|
|
42
|
+
if (e.range && !Array.isArray(e.modelValue))
|
|
43
|
+
throw new TypeError(
|
|
44
|
+
"BaseSlider mode is set as range but modelValue is not an array"
|
|
45
|
+
);
|
|
46
|
+
se(() => {
|
|
47
|
+
e.autofocus && u.value?.focus();
|
|
48
|
+
});
|
|
49
|
+
let L = d(!1), n = d(null);
|
|
50
|
+
const F = (a) => {
|
|
51
|
+
if (u.value && u.value.contains(a.target))
|
|
52
|
+
return "higher";
|
|
53
|
+
if (v.value && v.value.contains(a.target))
|
|
54
|
+
return "lower";
|
|
55
|
+
throw new Error("Could not identify target thumb");
|
|
56
|
+
}, Z = (a) => {
|
|
57
|
+
e.disabled || e.readonly || (n.value || (n.value = F(a)), L.value = !0, document.addEventListener("pointermove", w), document.addEventListener("pointerup", B), i("pointerdown", a));
|
|
58
|
+
};
|
|
59
|
+
let I = f(() => L.value ? {} : { onPointerdown: Z });
|
|
60
|
+
const w = (a) => {
|
|
61
|
+
if (!(e.disabled || e.readonly) && E.value) {
|
|
62
|
+
a instanceof PointerEvent ? i("pointermove", a) : i("click", a);
|
|
63
|
+
const r = E.value.getBoundingClientRect(), t = a.clientX, s = r.left, h = r.width;
|
|
64
|
+
let le = Q(
|
|
65
|
+
t,
|
|
66
|
+
s,
|
|
67
|
+
s + h,
|
|
68
|
+
e.min,
|
|
69
|
+
e.max
|
|
70
|
+
);
|
|
71
|
+
const ne = ve(
|
|
72
|
+
le,
|
|
73
|
+
e.min,
|
|
74
|
+
e.max,
|
|
75
|
+
e.step
|
|
76
|
+
), oe = S(
|
|
77
|
+
ne,
|
|
78
|
+
e.min,
|
|
79
|
+
e.max
|
|
80
|
+
), H = m(oe, 0, 100);
|
|
81
|
+
n.value === "higher" ? l.value = H : n.value === "lower" && (o.value = H), i("update:modelValue", z());
|
|
82
|
+
}
|
|
83
|
+
}, z = () => {
|
|
84
|
+
if (e.range)
|
|
85
|
+
return [
|
|
86
|
+
T(
|
|
87
|
+
o.value,
|
|
88
|
+
e.min,
|
|
89
|
+
e.max
|
|
90
|
+
),
|
|
91
|
+
T(
|
|
92
|
+
l.value,
|
|
93
|
+
e.min,
|
|
94
|
+
e.max
|
|
95
|
+
)
|
|
96
|
+
].sort((a, r) => a - r).map((a) => Number(a.toFixed(e.maxPrecision)));
|
|
97
|
+
{
|
|
98
|
+
const a = T(
|
|
99
|
+
l.value,
|
|
100
|
+
e.min,
|
|
101
|
+
e.max
|
|
102
|
+
);
|
|
103
|
+
return Number(a.toFixed(e.maxPrecision));
|
|
104
|
+
}
|
|
105
|
+
}, R = () => {
|
|
106
|
+
if (e.disabled || e.readonly || e.range) return;
|
|
107
|
+
const r = (e.modelValue ?? 0) + e.step, t = m(r, e.min, e.max);
|
|
108
|
+
i("update:modelValue", t);
|
|
109
|
+
}, X = () => {
|
|
110
|
+
if (e.disabled || e.readonly || e.range) return;
|
|
111
|
+
const r = (e.modelValue ?? 0) - e.step, t = m(r, e.min, e.max);
|
|
112
|
+
i("update:modelValue", t);
|
|
113
|
+
};
|
|
114
|
+
ue(
|
|
115
|
+
() => e.modelValue,
|
|
116
|
+
(a) => {
|
|
117
|
+
if (e.range) {
|
|
118
|
+
if (!Array.isArray(a))
|
|
119
|
+
throw new Error("BaseSlider modelValue must be an array");
|
|
120
|
+
if (a.length !== 2) {
|
|
121
|
+
o.value = 0, l.value = 100;
|
|
122
|
+
return;
|
|
123
|
+
}
|
|
124
|
+
const t = [...a].sort((s, h) => s - h).map(
|
|
125
|
+
(s) => m(S(s, e.min, e.max), 0, 100)
|
|
126
|
+
);
|
|
127
|
+
o.value > l.value ? (o.value = t[1], l.value = t[0]) : (o.value = t[0], l.value = t[1]);
|
|
128
|
+
} else {
|
|
129
|
+
let r = a ?? e.min;
|
|
130
|
+
const t = Q(r, e.min, e.max, 0, 100), s = m(t, 0, 100);
|
|
131
|
+
l.value = s;
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
{ immediate: !0 }
|
|
135
|
+
);
|
|
136
|
+
const B = (a) => {
|
|
137
|
+
L.value = !1, n.value = null, document.removeEventListener("pointermove", w), document.removeEventListener("pointerup", B), i("pointerup", a);
|
|
138
|
+
}, V = be(e.step, e.max - e.min), q = (a) => {
|
|
139
|
+
i("keydown", a), !(e.disabled || e.readonly || a.key !== "ArrowLeft" && a.key !== "ArrowRight") && (a.key === "ArrowLeft" ? n.value === "higher" || document.activeElement === u.value || a.target === u.value ? l.value = m(
|
|
140
|
+
l.value - V,
|
|
141
|
+
0,
|
|
142
|
+
100
|
|
143
|
+
) : (n.value === "lower" || document.activeElement === v.value || a.target === v.value) && (o.value = m(
|
|
144
|
+
o.value - V,
|
|
145
|
+
0,
|
|
146
|
+
100
|
|
147
|
+
)) : a.key === "ArrowRight" && (n.value === "higher" || document.activeElement === u.value || a.target === u.value ? l.value = m(
|
|
148
|
+
l.value + V,
|
|
149
|
+
0,
|
|
150
|
+
100
|
|
151
|
+
) : (n.value === "lower" || document.activeElement === v.value || a.target === v.value) && (o.value = m(
|
|
152
|
+
o.value + V,
|
|
153
|
+
0,
|
|
154
|
+
100
|
|
155
|
+
))), i("update:modelValue", z()));
|
|
156
|
+
}, D = (a) => {
|
|
157
|
+
i("focus", a);
|
|
158
|
+
const r = F(a);
|
|
159
|
+
r && (n.value = r), $.value || ($.value = !0, i("active"), document.addEventListener("focusin", k), document.addEventListener("click", k));
|
|
160
|
+
}, k = (a) => {
|
|
161
|
+
a.target instanceof HTMLElement && (C.value?.contains(a.target) || ($.value = !1, n.value = null, i("inactive"), document.removeEventListener("focusin", k), document.removeEventListener("click", k)));
|
|
162
|
+
}, ee = f(() => {
|
|
163
|
+
const a = {
|
|
164
|
+
class: {
|
|
165
|
+
"bb-base-slider": !0,
|
|
166
|
+
"bb-base-slider--disabled": e.disabled,
|
|
167
|
+
"bb-base-slider--errors": e.hasErrors,
|
|
168
|
+
"bb-base-slider--readonly": e.readonly,
|
|
169
|
+
[`bb-base-slider--${e.color}`]: e.color && !K(e.color)
|
|
170
|
+
},
|
|
171
|
+
style: {}
|
|
172
|
+
};
|
|
173
|
+
return e.color && K(e.color) && (a.style["--color"] = e.color), a;
|
|
174
|
+
}), ae = {
|
|
175
|
+
onPointerdown: (a) => {
|
|
176
|
+
e.range || (u.value?.focus(), w(a), document.addEventListener("pointermove", w), document.addEventListener("pointerup", B));
|
|
177
|
+
}
|
|
178
|
+
}, re = f(() => {
|
|
179
|
+
const a = "bb-base-slider__track-background", r = {
|
|
180
|
+
width: `${P.value[1] - P.value[0]}%`,
|
|
181
|
+
left: `${P.value[0]}%`
|
|
182
|
+
};
|
|
183
|
+
return {
|
|
184
|
+
class: a,
|
|
185
|
+
style: r
|
|
186
|
+
};
|
|
187
|
+
}), te = (a) => x(e.modelValue) ? !1 : Array.isArray(e.modelValue) ? e.modelValue.length === 0 ? !1 : e.modelValue[0] <= a && e.modelValue[1] >= a : a <= Number(e.modelValue), M = f(() => {
|
|
188
|
+
if (!e.ticks) return [];
|
|
189
|
+
let a = [], r = e.min;
|
|
190
|
+
for (; r <= e.max; ) {
|
|
191
|
+
let t = r;
|
|
192
|
+
const s = S(t, e.min, e.max), h = te(t);
|
|
193
|
+
a.push({
|
|
194
|
+
value: t,
|
|
195
|
+
percent: s,
|
|
196
|
+
active: h
|
|
197
|
+
}), r += e.step;
|
|
198
|
+
}
|
|
199
|
+
return a;
|
|
200
|
+
});
|
|
201
|
+
return (a, r) => (g(), y("span", G(O(ee.value)), [
|
|
202
|
+
p(a.$slots, "prepend", {
|
|
203
|
+
decrease: X,
|
|
204
|
+
increase: R
|
|
205
|
+
}),
|
|
206
|
+
c("span", N({
|
|
207
|
+
ref_key: "container",
|
|
208
|
+
ref: C
|
|
209
|
+
}, ae, { class: "bb-base-slider__slider-container" }), [
|
|
210
|
+
M.value.length ? (g(), y("span", pe, [
|
|
211
|
+
(g(!0), y(de, null, me(M.value, (t) => (g(), y("span", {
|
|
212
|
+
key: t.value,
|
|
213
|
+
class: "bb-base-slider__tick"
|
|
214
|
+
}, [
|
|
215
|
+
p(a.$slots, "tick", {
|
|
216
|
+
active: t.active,
|
|
217
|
+
percent: t.percent,
|
|
218
|
+
value: t.value
|
|
219
|
+
})
|
|
220
|
+
]))), 128))
|
|
221
|
+
])) : Y("", !0),
|
|
222
|
+
c("input", {
|
|
223
|
+
id: a.id,
|
|
224
|
+
class: "sr-only",
|
|
225
|
+
disabled: a.disabled,
|
|
226
|
+
name: a.name,
|
|
227
|
+
readonly: !0,
|
|
228
|
+
required: a.required,
|
|
229
|
+
tabindex: -1,
|
|
230
|
+
type: "text",
|
|
231
|
+
value: JSON.stringify(a.modelValue)
|
|
232
|
+
}, null, 8, he),
|
|
233
|
+
c("span", {
|
|
234
|
+
ref_key: "track",
|
|
235
|
+
ref: E,
|
|
236
|
+
class: "bb-base-slider__track-container"
|
|
237
|
+
}, [
|
|
238
|
+
r[0] || (r[0] = c("span", { class: "bb-base-slider__track-fill" }, null, -1)),
|
|
239
|
+
c("span", G(O(re.value)), null, 16)
|
|
240
|
+
], 512),
|
|
241
|
+
e.range ? (g(), y("span", N({ key: 1 }, b(I), {
|
|
242
|
+
key: "thumblower",
|
|
243
|
+
ref_key: "thumblower",
|
|
244
|
+
ref: v,
|
|
245
|
+
"aria-describedby": a.ariaDescribedby,
|
|
246
|
+
"aria-orientation": "horizontal",
|
|
247
|
+
"aria-readonly": !a.readonly,
|
|
248
|
+
"aria-valuemax": a.max,
|
|
249
|
+
"aria-valuemin": a.min,
|
|
250
|
+
"aria-valuenow": _.value,
|
|
251
|
+
class: "bb-base-slider__thumb-container",
|
|
252
|
+
"data-thumb": "lower",
|
|
253
|
+
role: "slider",
|
|
254
|
+
style: { left: `${o.value}%` },
|
|
255
|
+
tabindex: a.disabled ? -1 : 0,
|
|
256
|
+
onFocus: D,
|
|
257
|
+
onKeydown: q
|
|
258
|
+
}), [
|
|
259
|
+
c("span", {
|
|
260
|
+
class: J({
|
|
261
|
+
"bb-base-slider__thumb": !0,
|
|
262
|
+
"bb-base-slider__thumb--lower": !0,
|
|
263
|
+
"bb-base-slider__thumb--focused": b(n) === "lower"
|
|
264
|
+
}),
|
|
265
|
+
style: j({
|
|
266
|
+
transform: `translateY(-50%) ${a.thumbTranslate ? `translateX(-${o.value}%)` : "translateX(-50%)"}`,
|
|
267
|
+
left: `${o.value}%`
|
|
268
|
+
})
|
|
269
|
+
}, [
|
|
270
|
+
p(a.$slots, "thumb:lower", {
|
|
271
|
+
focused: b(n) === "lower",
|
|
272
|
+
percent: o.value,
|
|
273
|
+
value: _.value
|
|
274
|
+
}, () => [
|
|
275
|
+
p(a.$slots, "thumb", {
|
|
276
|
+
focused: b(n) === "lower",
|
|
277
|
+
percent: o.value,
|
|
278
|
+
value: _.value
|
|
279
|
+
})
|
|
280
|
+
])
|
|
281
|
+
], 6)
|
|
282
|
+
], 16, ye)) : Y("", !0),
|
|
283
|
+
c("span", N(b(I), {
|
|
284
|
+
key: "thumbhigher",
|
|
285
|
+
ref_key: "thumbhigher",
|
|
286
|
+
ref: u,
|
|
287
|
+
"aria-describedby": a.ariaDescribedby,
|
|
288
|
+
"aria-orientation": "horizontal",
|
|
289
|
+
"aria-readonly": !a.readonly,
|
|
290
|
+
"aria-valuemax": a.max,
|
|
291
|
+
"aria-valuemin": a.min,
|
|
292
|
+
"aria-valuenow": A.value,
|
|
293
|
+
class: "bb-base-slider__thumb-container",
|
|
294
|
+
"data-thumb": "higher",
|
|
295
|
+
role: "slider",
|
|
296
|
+
style: { left: `${l.value}%` },
|
|
297
|
+
tabindex: a.disabled ? -1 : 0,
|
|
298
|
+
onFocus: D,
|
|
299
|
+
onKeydown: q
|
|
300
|
+
}), [
|
|
301
|
+
c("span", {
|
|
302
|
+
class: J({
|
|
303
|
+
"bb-base-slider__thumb": !0,
|
|
304
|
+
"bb-base-slider__thumb--higher": !0,
|
|
305
|
+
"bb-base-slider__thumb--focused": b(n) === "higher"
|
|
306
|
+
}),
|
|
307
|
+
style: j({
|
|
308
|
+
transform: `translateY(-50%) ${a.thumbTranslate ? `translateX(-${l.value}%)` : "translateX(-50%)"}`,
|
|
309
|
+
left: `${l.value}%`
|
|
310
|
+
})
|
|
311
|
+
}, [
|
|
312
|
+
p(a.$slots, "thumb:higher", {
|
|
313
|
+
focused: b(n) === "higher",
|
|
314
|
+
percent: l.value,
|
|
315
|
+
value: A.value
|
|
316
|
+
}, () => [
|
|
317
|
+
p(a.$slots, "thumb", {
|
|
318
|
+
focused: b(n) === "higher",
|
|
319
|
+
percent: l.value,
|
|
320
|
+
value: A.value
|
|
321
|
+
})
|
|
322
|
+
])
|
|
323
|
+
], 6)
|
|
324
|
+
], 16, ge)
|
|
325
|
+
], 16),
|
|
326
|
+
p(a.$slots, "append", {
|
|
327
|
+
decrease: X,
|
|
328
|
+
increase: R
|
|
329
|
+
})
|
|
330
|
+
], 16));
|
|
331
|
+
}
|
|
332
|
+
});
|
|
333
|
+
export {
|
|
334
|
+
Be as default
|
|
7
335
|
};
|
|
8
|
-
//#endregion
|
|
9
|
-
export { n as locales };
|
package/dist/index42.js
CHANGED
|
@@ -1,8 +1,127 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import { defineComponent as F, ref as b, computed as s, watch as S, createElementBlock as y, openBlock as V, normalizeProps as l, guardReactiveProps as m, createCommentVNode as A, createElementVNode as r, mergeProps as v, renderSlot as N } from "vue";
|
|
2
|
+
import { isCssColor as p } from "./index234.js";
|
|
3
|
+
import { when as x } from "./index266.js";
|
|
4
|
+
const M = { class: "bb-base-switch-container" }, $ = /* @__PURE__ */ F({
|
|
5
|
+
__name: "BaseSwitch",
|
|
6
|
+
props: {
|
|
7
|
+
ariaDescribedby: {},
|
|
8
|
+
autofocus: {},
|
|
9
|
+
checked: { type: [Boolean, String] },
|
|
10
|
+
color: {},
|
|
11
|
+
disabled: { type: Boolean },
|
|
12
|
+
falseValue: { default: !1 },
|
|
13
|
+
hasErrors: { type: Boolean },
|
|
14
|
+
id: {},
|
|
15
|
+
indeterminate: {},
|
|
16
|
+
modelValue: {},
|
|
17
|
+
name: {},
|
|
18
|
+
readonly: { type: Boolean },
|
|
19
|
+
required: { type: Boolean },
|
|
20
|
+
submitWhenFalse: { type: Boolean },
|
|
21
|
+
trueValue: { default: !0 }
|
|
22
|
+
},
|
|
23
|
+
emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
|
|
24
|
+
setup(k, { emit: w }) {
|
|
25
|
+
const e = k, o = w, u = b(null), n = s(() => e.checked ? !0 : JSON.stringify(e.trueValue) === JSON.stringify(e.modelValue)), i = b(!1), c = b(!1), g = s(() => {
|
|
26
|
+
const a = {
|
|
27
|
+
class: {
|
|
28
|
+
"bb-base-switch": !0,
|
|
29
|
+
"bb-base-switch--disabled": e.disabled,
|
|
30
|
+
"bb-base-switch--errors": e.hasErrors,
|
|
31
|
+
"bb-base-switch--indeterminate": e.indeterminate,
|
|
32
|
+
"bb-base-switch--readonly": e.readonly,
|
|
33
|
+
[`bb-base-switch--${e.color}`]: e.color && !p(e.color)
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
return e.color && p(e.color) && (a.style = `--color: ${e.color}`), a;
|
|
37
|
+
}), f = x(
|
|
38
|
+
(a) => typeof a != "string",
|
|
39
|
+
JSON.stringify
|
|
40
|
+
), B = s(() => {
|
|
41
|
+
const a = f(e.falseValue);
|
|
42
|
+
return {
|
|
43
|
+
disabled: e.disabled,
|
|
44
|
+
name: e.name,
|
|
45
|
+
type: "hidden",
|
|
46
|
+
value: a
|
|
47
|
+
};
|
|
48
|
+
}), h = s(() => {
|
|
49
|
+
const a = f(e.trueValue), C = {
|
|
50
|
+
onBlur: (t) => {
|
|
51
|
+
i.value = !1, c.value = !1, o("blur", t);
|
|
52
|
+
},
|
|
53
|
+
onChange: (t) => {
|
|
54
|
+
if (t.target instanceof HTMLInputElement) {
|
|
55
|
+
let I = t.target.checked ? e.trueValue : e.falseValue;
|
|
56
|
+
o("change", t), o("update:modelValue", I);
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
onClick: (t) => o("click", t),
|
|
60
|
+
onFocus: (t) => {
|
|
61
|
+
i.value = !0, t.target instanceof HTMLInputElement && (c.value = t.target.matches(":focus-visible")), o("focus", t);
|
|
62
|
+
},
|
|
63
|
+
onInput: (t) => o("input", t),
|
|
64
|
+
onKeydown: (t) => o("keydown", t),
|
|
65
|
+
onMousedown: (t) => o("mousedown", t),
|
|
66
|
+
onMouseup: (t) => o("mouseup", t)
|
|
67
|
+
};
|
|
68
|
+
return {
|
|
69
|
+
"aria-describedby": e.ariaDescribedby,
|
|
70
|
+
autofocus: e.autofocus,
|
|
71
|
+
checked: n.value,
|
|
72
|
+
// There is no such thing as readonly checkbox so we disable and style it with css
|
|
73
|
+
disabled: e.disabled || e.readonly,
|
|
74
|
+
id: e.id,
|
|
75
|
+
indeterminate: e.indeterminate,
|
|
76
|
+
name: e.name,
|
|
77
|
+
required: e.required,
|
|
78
|
+
tabindex: e.disabled ? -1 : void 0,
|
|
79
|
+
type: "checkbox",
|
|
80
|
+
value: a,
|
|
81
|
+
class: "sr-only",
|
|
82
|
+
...C
|
|
83
|
+
};
|
|
84
|
+
}), _ = s(() => ({
|
|
85
|
+
checked: n.value,
|
|
86
|
+
disabled: e.disabled,
|
|
87
|
+
falseValue: e.falseValue,
|
|
88
|
+
focused: i.value,
|
|
89
|
+
focusVisible: c.value,
|
|
90
|
+
hasErrors: e.hasErrors,
|
|
91
|
+
id: e.id,
|
|
92
|
+
name: e.name,
|
|
93
|
+
parsedValue: h.value.value,
|
|
94
|
+
readonly: e.readonly,
|
|
95
|
+
trueValue: e.trueValue,
|
|
96
|
+
value: n.value ? e.trueValue : e.falseValue
|
|
97
|
+
})), E = s(() => {
|
|
98
|
+
let a = {};
|
|
99
|
+
return e.color && p(e.color) && (a.color = e.color), {
|
|
100
|
+
class: "bb-base-switch-container__icon",
|
|
101
|
+
style: a
|
|
102
|
+
};
|
|
103
|
+
});
|
|
104
|
+
return S(
|
|
105
|
+
() => [e.modelValue, e.checked, e.indeterminate],
|
|
106
|
+
() => {
|
|
107
|
+
u.value && (u.value.indeterminate = !!e.indeterminate);
|
|
108
|
+
}
|
|
109
|
+
), (a, d) => (V(), y("span", l(m(g.value)), [
|
|
110
|
+
!n.value && a.submitWhenFalse ? (V(), y("input", l(v({ key: 0 }, B.value)), null, 16)) : A("", !0),
|
|
111
|
+
r("input", v(h.value, {
|
|
112
|
+
ref_key: "checkboxInput",
|
|
113
|
+
ref: u
|
|
114
|
+
}), null, 16),
|
|
115
|
+
r("span", M, [
|
|
116
|
+
N(a.$slots, "icon", l(m(_.value)), () => [
|
|
117
|
+
r("span", l(m(E.value)), d[0] || (d[0] = [
|
|
118
|
+
r("span", { class: "bb-base-switch-container__icon-thumb" }, null, -1)
|
|
119
|
+
]), 16)
|
|
120
|
+
])
|
|
121
|
+
])
|
|
122
|
+
], 16));
|
|
123
|
+
}
|
|
124
|
+
});
|
|
125
|
+
export {
|
|
126
|
+
$ as default
|
|
127
|
+
};
|
package/dist/index44.js
CHANGED
|
@@ -1,21 +1,185 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
1
|
+
import { defineComponent as j, ref as k, toRef as d, createBlock as z, openBlock as G, unref as B, withCtx as n, renderSlot as s, normalizeProps as v, guardReactiveProps as b, createVNode as R, mergeProps as w, createSlots as W } from "vue";
|
|
2
|
+
import K from "./index42.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
import N from "./index236.js";
|
|
5
|
+
/* empty css */
|
|
6
|
+
import { useItemsGetter as U } from "./index238.js";
|
|
7
|
+
import { useIndexById as T } from "./index240.js";
|
|
8
|
+
import { useBaseOptions as q } from "./index241.js";
|
|
9
|
+
import { useCoherence as J } from "./index242.js";
|
|
10
|
+
import { hash as Q } from "./index243.js";
|
|
11
|
+
import { useHashedWatcher as $ } from "./index244.js";
|
|
12
|
+
import { usePrefill as X } from "./index239.js";
|
|
13
|
+
const ue = /* @__PURE__ */ j({
|
|
14
|
+
__name: "BaseSwitchGroup",
|
|
15
|
+
props: {
|
|
16
|
+
ariaDescribedby: {},
|
|
17
|
+
autofocus: {},
|
|
18
|
+
color: {},
|
|
19
|
+
dependencies: {},
|
|
20
|
+
depsDebounceTime: { default: 0 },
|
|
21
|
+
direction: { default: "horizontal" },
|
|
22
|
+
disabled: { type: Boolean },
|
|
23
|
+
enforceCoherence: { type: Boolean },
|
|
24
|
+
hasErrors: { type: Boolean },
|
|
25
|
+
hideLabel: { type: Boolean },
|
|
26
|
+
id: {},
|
|
27
|
+
items: { type: [Array, Function], default: () => [] },
|
|
28
|
+
itemText: {},
|
|
29
|
+
itemValue: {},
|
|
30
|
+
loadingText: {},
|
|
31
|
+
max: { default: 1 / 0 },
|
|
32
|
+
modelValue: {},
|
|
33
|
+
multiple: { type: Boolean },
|
|
34
|
+
modelValueDebounceTime: { default: 0 },
|
|
35
|
+
name: {},
|
|
36
|
+
noDataText: {},
|
|
37
|
+
readonly: { type: Boolean }
|
|
38
|
+
},
|
|
39
|
+
emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
|
|
40
|
+
setup(E, { emit: C }) {
|
|
41
|
+
const o = E, a = C;
|
|
42
|
+
if (!Array.isArray(o.modelValue))
|
|
43
|
+
throw new Error("Model value must be an array in checkbox group.");
|
|
44
|
+
const u = k(), r = k(!1), {
|
|
45
|
+
getter: c,
|
|
46
|
+
items: L,
|
|
47
|
+
loading: D
|
|
48
|
+
} = U({
|
|
49
|
+
items: d(o, "items"),
|
|
50
|
+
debounce: 0
|
|
51
|
+
}), m = () => {
|
|
52
|
+
o.enforceCoherence && !V.value && a("update:modelValue", S.value.coherent);
|
|
53
|
+
}, { hasPrefilled: I } = X({
|
|
54
|
+
trigger: !0,
|
|
55
|
+
fn: async (e) => {
|
|
56
|
+
await c(e, o.modelValue), m();
|
|
57
|
+
}
|
|
58
|
+
}), { data: y } = T({
|
|
59
|
+
items: d(o, "modelValue")
|
|
60
|
+
}), { options: g } = q({
|
|
61
|
+
disabled: d(o, "disabled"),
|
|
62
|
+
items: L,
|
|
63
|
+
itemText: o.itemText,
|
|
64
|
+
itemValue: o.itemValue,
|
|
65
|
+
max: o.max,
|
|
66
|
+
selectable: !0,
|
|
67
|
+
selectedIndexedByHash: y
|
|
68
|
+
}), H = async (e) => {
|
|
69
|
+
a("update:modelValue", o.modelValue.concat(e.value));
|
|
70
|
+
}, M = async (e) => {
|
|
71
|
+
const i = { ...y.value };
|
|
72
|
+
delete i[e.valueHash], a("update:modelValue", Object.values(i));
|
|
73
|
+
}, { data: P } = T({
|
|
74
|
+
items: g,
|
|
75
|
+
key: "valueHash"
|
|
76
|
+
}), { coherent: V, status: S } = J({
|
|
77
|
+
modelValue: d(o, "modelValue"),
|
|
78
|
+
multiple: !0,
|
|
79
|
+
iteratee: (e) => !!P.value[Q(e)]
|
|
80
|
+
});
|
|
81
|
+
let l = 0;
|
|
82
|
+
$(
|
|
83
|
+
() => o.modelValue,
|
|
84
|
+
async () => {
|
|
85
|
+
l++, V.value || (await c(!1, o.modelValue), m()), l--;
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
debounce: o.modelValueDebounceTime
|
|
89
|
+
}
|
|
90
|
+
), $(
|
|
91
|
+
() => [o.dependencies, o.items],
|
|
92
|
+
async () => {
|
|
93
|
+
I.value && (l++, await c(!1, o.modelValue), l === 1 && m(), l--);
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
debounce: o.depsDebounceTime
|
|
97
|
+
}
|
|
98
|
+
);
|
|
99
|
+
const x = (e) => {
|
|
100
|
+
if (o.id)
|
|
101
|
+
return [o.id, e.valueHash].filter(Boolean).join("-");
|
|
102
|
+
}, F = (e, i) => {
|
|
103
|
+
a("change", e), i.selected ? M(i) : H(i);
|
|
104
|
+
}, O = {
|
|
105
|
+
onBlur: (e) => a("blur", e),
|
|
106
|
+
onClick: (e) => a("click", e),
|
|
107
|
+
onFocus: (e) => {
|
|
108
|
+
a("focus", e), r.value || (document.addEventListener("focusin", p, { passive: !0 }), document.addEventListener("click", f, { passive: !0 }), r.value = !0);
|
|
109
|
+
},
|
|
110
|
+
onInput: (e) => a("input", e),
|
|
111
|
+
onKeydown: (e) => a("keydown", e),
|
|
112
|
+
onMousedown: (e) => a("mousedown", e),
|
|
113
|
+
onMouseup: (e) => a("mouseup", e)
|
|
114
|
+
}, p = (e) => {
|
|
115
|
+
e.target instanceof HTMLElement && (u.value?.$el.contains(e.target) || (a("inactive"), r.value = !1, document.removeEventListener("focusin", p), document.removeEventListener("click", f)));
|
|
116
|
+
}, f = (e) => {
|
|
117
|
+
e.target instanceof HTMLElement && (u.value?.$el.contains(e.target) || (a("inactive"), r.value = !1, document.removeEventListener("focusin", p), document.removeEventListener("click", f)));
|
|
118
|
+
};
|
|
119
|
+
return (e, i) => (G(), z(N, {
|
|
120
|
+
ref_key: "container",
|
|
121
|
+
ref: u,
|
|
122
|
+
class: "bb-base-switch-group",
|
|
123
|
+
direction: e.direction,
|
|
124
|
+
"has-errors": e.hasErrors,
|
|
125
|
+
"hide-label": e.hideLabel,
|
|
126
|
+
loading: !!B(D),
|
|
127
|
+
"loading-text": e.loadingText,
|
|
128
|
+
"no-data-text": e.noDataText,
|
|
129
|
+
options: B(g)
|
|
130
|
+
}, {
|
|
131
|
+
prepend: n(() => [
|
|
132
|
+
s(e.$slots, "prepend")
|
|
133
|
+
]),
|
|
134
|
+
loading: n(() => [
|
|
135
|
+
s(e.$slots, "loading")
|
|
136
|
+
]),
|
|
137
|
+
"no-data": n(() => [
|
|
138
|
+
s(e.$slots, "no-data")
|
|
139
|
+
]),
|
|
140
|
+
label: n((t) => [
|
|
141
|
+
s(e.$slots, "label", v(b(t)))
|
|
142
|
+
]),
|
|
143
|
+
"option:prepend": n((t) => [
|
|
144
|
+
s(e.$slots, "option:prepend", v(b(t)))
|
|
145
|
+
]),
|
|
146
|
+
input: n(({ option: t, index: A }) => [
|
|
147
|
+
R(K, w({
|
|
148
|
+
id: x(t),
|
|
149
|
+
"aria-describedby": e.ariaDescribedby,
|
|
150
|
+
autofocus: e.autofocus && !A,
|
|
151
|
+
checked: t.selected,
|
|
152
|
+
color: e.color,
|
|
153
|
+
disabled: t.disabled,
|
|
154
|
+
"has-errors": e.hasErrors,
|
|
155
|
+
name: e.name,
|
|
156
|
+
readonly: e.readonly,
|
|
157
|
+
"true-value": t.value
|
|
158
|
+
}, O, {
|
|
159
|
+
onChange: (h) => F(h, t)
|
|
160
|
+
}), W({ _: 2 }, [
|
|
161
|
+
e.$slots.icon ? {
|
|
162
|
+
name: "icon",
|
|
163
|
+
fn: n((h) => [
|
|
164
|
+
s(e.$slots, "icon", w({
|
|
165
|
+
item: t.item,
|
|
166
|
+
text: t.text
|
|
167
|
+
}, h))
|
|
168
|
+
]),
|
|
169
|
+
key: "0"
|
|
170
|
+
} : void 0
|
|
171
|
+
]), 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "has-errors", "name", "readonly", "true-value", "onChange"])
|
|
172
|
+
]),
|
|
173
|
+
"option:append": n((t) => [
|
|
174
|
+
s(e.$slots, "option:append", v(b(t)))
|
|
175
|
+
]),
|
|
176
|
+
append: n(() => [
|
|
177
|
+
s(e.$slots, "append")
|
|
178
|
+
]),
|
|
179
|
+
_: 3
|
|
180
|
+
}, 8, ["direction", "has-errors", "hide-label", "loading", "loading-text", "no-data-text", "options"]));
|
|
181
|
+
}
|
|
182
|
+
});
|
|
183
|
+
export {
|
|
184
|
+
ue as default
|
|
19
185
|
};
|
|
20
|
-
//#endregion
|
|
21
|
-
export { r as k };
|