element-ps 2.0.20 → 2.0.21
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/index.full.js +2 -41
- package/dist/index.full.min.js +5 -5
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +5 -5
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +2 -41
- package/es/components/affix/index.mjs +2 -2
- package/es/components/affix/src/affix.mjs +19 -82
- package/es/components/affix/src/affix.mjs.map +1 -1
- package/es/components/affix/src/affix2.mjs +82 -19
- package/es/components/affix/src/affix2.mjs.map +1 -1
- package/es/components/alert/index.mjs +2 -2
- package/es/components/alert/src/alert.mjs +33 -83
- package/es/components/alert/src/alert.mjs.map +1 -1
- package/es/components/alert/src/alert2.mjs +83 -33
- package/es/components/alert/src/alert2.mjs.map +1 -1
- package/es/components/autocomplete/index.d.ts +5 -5
- package/es/components/autocomplete/index.mjs +2 -2
- package/es/components/autocomplete/src/autocomplete.mjs +94 -58
- package/es/components/autocomplete/src/autocomplete.mjs.map +1 -1
- package/es/components/autocomplete/src/autocomplete.vue.d.ts +5 -5
- package/es/components/autocomplete/src/autocomplete2.mjs +58 -94
- package/es/components/autocomplete/src/autocomplete2.mjs.map +1 -1
- package/es/components/avatar/index.mjs +2 -2
- package/es/components/avatar/src/avatar.mjs +29 -61
- package/es/components/avatar/src/avatar.mjs.map +1 -1
- package/es/components/avatar/src/avatar2.mjs +61 -29
- package/es/components/avatar/src/avatar2.mjs.map +1 -1
- package/es/components/calendar/index.mjs +2 -2
- package/es/components/calendar/src/calendar.mjs +9 -188
- package/es/components/calendar/src/calendar.mjs.map +1 -1
- package/es/components/calendar/src/calendar2.mjs +188 -9
- package/es/components/calendar/src/calendar2.mjs.map +1 -1
- package/es/components/calendar/src/date-table.mjs +27 -146
- package/es/components/calendar/src/date-table.mjs.map +1 -1
- package/es/components/calendar/src/date-table2.mjs +146 -27
- package/es/components/calendar/src/date-table2.mjs.map +1 -1
- package/es/components/carousel/index.mjs +4 -4
- package/es/components/carousel/src/carousel-item.mjs +7 -148
- package/es/components/carousel/src/carousel-item.mjs.map +1 -1
- package/es/components/carousel/src/carousel-item2.mjs +148 -7
- package/es/components/carousel/src/carousel-item2.mjs.map +1 -1
- package/es/components/carousel/src/carousel.mjs +43 -201
- package/es/components/carousel/src/carousel.mjs.map +1 -1
- package/es/components/carousel/src/carousel2.mjs +201 -43
- package/es/components/carousel/src/carousel2.mjs.map +1 -1
- package/es/components/cascader-panel/src/config.mjs +1 -1
- package/es/components/cascader-panel/src/index.mjs +1 -1
- package/es/components/cascader-panel/src/menu.mjs +1 -1
- package/es/components/cascader-panel/src/node.mjs +200 -120
- package/es/components/cascader-panel/src/node.mjs.map +1 -1
- package/es/components/cascader-panel/src/node2.mjs +120 -200
- package/es/components/cascader-panel/src/node2.mjs.map +1 -1
- package/es/components/cascader-panel/src/store.mjs +1 -1
- package/es/components/collection/src/collection.mjs +1 -34
- package/es/components/collection/src/collection.mjs.map +1 -1
- package/es/components/divider/index.mjs +2 -2
- package/es/components/divider/src/divider.mjs +34 -17
- package/es/components/divider/src/divider.mjs.map +1 -1
- package/es/components/divider/src/divider2.mjs +17 -34
- package/es/components/divider/src/divider2.mjs.map +1 -1
- package/es/components/dropdown/index.d.ts +3 -3
- package/es/components/dropdown/src/dropdown-item-impl.mjs +3 -12
- package/es/components/dropdown/src/dropdown-item-impl.mjs.map +1 -1
- package/es/components/dropdown/src/dropdown-item-impl.vue.d.ts +0 -3
- package/es/components/dropdown/src/dropdown.d.ts +1 -1
- package/es/components/dropdown/src/dropdown.vue.d.ts +3 -3
- package/es/components/form/index.mjs +4 -4
- package/es/components/form/src/form-item.mjs +177 -46
- package/es/components/form/src/form-item.mjs.map +1 -1
- package/es/components/form/src/form-item2.mjs +46 -177
- package/es/components/form/src/form-item2.mjs.map +1 -1
- package/es/components/form/src/form.mjs +40 -45
- package/es/components/form/src/form.mjs.map +1 -1
- package/es/components/form/src/form2.mjs +45 -40
- package/es/components/form/src/form2.mjs.map +1 -1
- package/es/components/image/index.mjs +2 -2
- package/es/components/image/src/image.mjs +170 -46
- package/es/components/image/src/image.mjs.map +1 -1
- package/es/components/image/src/image2.mjs +46 -170
- package/es/components/image/src/image2.mjs.map +1 -1
- package/es/components/image-viewer/index.mjs +2 -2
- package/es/components/image-viewer/src/image-viewer.mjs +31 -210
- package/es/components/image-viewer/src/image-viewer.mjs.map +1 -1
- package/es/components/image-viewer/src/image-viewer2.mjs +210 -31
- package/es/components/image-viewer/src/image-viewer2.mjs.map +1 -1
- package/es/components/index.mjs +23 -23
- package/es/components/input-number/index.mjs +2 -2
- package/es/components/input-number/src/input-number.mjs +46 -171
- package/es/components/input-number/src/input-number.mjs.map +1 -1
- package/es/components/input-number/src/input-number2.mjs +171 -46
- package/es/components/input-number/src/input-number2.mjs.map +1 -1
- package/es/components/menu/index.d.ts +3 -3
- package/es/components/menu/src/menu.d.ts +4 -4
- package/es/components/popover/index.d.ts +6 -6
- package/es/components/popover/src/index.vue.d.ts +3 -3
- package/es/components/popover/src/popover.d.ts +1 -1
- package/es/components/popper/index.mjs +2 -2
- package/es/components/popper/src/arrow.mjs +7 -31
- package/es/components/popper/src/arrow.mjs.map +1 -1
- package/es/components/popper/src/arrow2.mjs +31 -7
- package/es/components/popper/src/arrow2.mjs.map +1 -1
- package/es/components/radio/index.mjs +2 -2
- package/es/components/radio/src/radio-button.mjs +1 -1
- package/es/components/radio/src/radio-button2.mjs +1 -1
- package/es/components/radio/src/radio.mjs +62 -74
- package/es/components/radio/src/radio.mjs.map +1 -1
- package/es/components/radio/src/radio2.mjs +74 -62
- package/es/components/radio/src/radio2.mjs.map +1 -1
- package/es/components/rate/index.mjs +2 -2
- package/es/components/rate/src/rate.mjs +84 -169
- package/es/components/rate/src/rate.mjs.map +1 -1
- package/es/components/rate/src/rate2.mjs +169 -84
- package/es/components/rate/src/rate2.mjs.map +1 -1
- package/es/components/result/index.mjs +2 -2
- package/es/components/result/src/result.mjs +28 -73
- package/es/components/result/src/result.mjs.map +1 -1
- package/es/components/result/src/result2.mjs +73 -28
- package/es/components/result/src/result2.mjs.map +1 -1
- package/es/components/select/index.d.ts +5 -5
- package/es/components/select/src/select.vue.d.ts +5 -5
- package/es/components/select/src/useSelect.d.ts +5 -5
- package/es/components/select-v2/index.d.ts +10 -10
- package/es/components/select-v2/src/option-item.vue.d.ts +1 -1
- package/es/components/select-v2/src/select.vue.d.ts +5 -5
- package/es/components/select-v2/src/useSelect.d.ts +5 -5
- package/es/components/skeleton/index.mjs +4 -4
- package/es/components/skeleton/src/skeleton-item.mjs +18 -23
- package/es/components/skeleton/src/skeleton-item.mjs.map +1 -1
- package/es/components/skeleton/src/skeleton-item2.mjs +23 -18
- package/es/components/skeleton/src/skeleton-item2.mjs.map +1 -1
- package/es/components/skeleton/src/skeleton.mjs +22 -49
- package/es/components/skeleton/src/skeleton.mjs.map +1 -1
- package/es/components/skeleton/src/skeleton2.mjs +49 -22
- package/es/components/skeleton/src/skeleton2.mjs.map +1 -1
- package/es/components/table/index.d.ts +1 -1
- package/es/components/table/src/filter-panel.vue.d.ts +5 -5
- package/es/components/table/src/table.vue.d.ts +1 -1
- package/es/components/tabs/index.mjs +3 -3
- package/es/components/tabs/src/tab-bar.mjs +76 -7
- package/es/components/tabs/src/tab-bar.mjs.map +1 -1
- package/es/components/tabs/src/tab-bar2.mjs +7 -76
- package/es/components/tabs/src/tab-bar2.mjs.map +1 -1
- package/es/components/tabs/src/tab-nav.mjs +1 -1
- package/es/components/tabs/src/tab-pane.mjs +14 -60
- package/es/components/tabs/src/tab-pane.mjs.map +1 -1
- package/es/components/tabs/src/tab-pane2.mjs +60 -14
- package/es/components/tabs/src/tab-pane2.mjs.map +1 -1
- package/es/components/time-picker/src/common/picker.vue.d.ts +5 -5
- package/es/components/tooltip/index.d.ts +3 -3
- package/es/components/tooltip/src/tooltip.d.ts +1 -1
- package/es/components/tooltip/src/tooltip.mjs +1 -1
- package/es/components/tooltip/src/tooltip.vue.d.ts +3 -3
- package/es/components/tooltip/src/trigger.vue.d.ts +3 -3
- package/es/components/tooltip-v2/index.mjs +2 -2
- package/es/components/tooltip-v2/src/arrow.mjs +22 -38
- package/es/components/tooltip-v2/src/arrow.mjs.map +1 -1
- package/es/components/tooltip-v2/src/arrow2.mjs +38 -22
- package/es/components/tooltip-v2/src/arrow2.mjs.map +1 -1
- package/es/components/tooltip-v2/src/tooltip.mjs +2 -2
- package/es/components/tooltip-v2/src/tooltip2.mjs +4 -4
- package/es/components/tooltip-v2/src/trigger.mjs +89 -11
- package/es/components/tooltip-v2/src/trigger.mjs.map +1 -1
- package/es/components/tooltip-v2/src/trigger2.mjs +11 -89
- package/es/components/tooltip-v2/src/trigger2.mjs.map +1 -1
- package/es/components/upload/index.mjs +1 -1
- package/es/components/upload/src/upload-content.mjs +1 -1
- package/es/components/upload/src/upload-dragger.mjs +32 -11
- package/es/components/upload/src/upload-dragger.mjs.map +1 -1
- package/es/components/upload/src/upload-dragger2.mjs +11 -32
- package/es/components/upload/src/upload-dragger2.mjs.map +1 -1
- package/es/index.mjs +23 -23
- package/lib/components/affix/index.js +2 -2
- package/lib/components/affix/src/affix.js +19 -82
- package/lib/components/affix/src/affix.js.map +1 -1
- package/lib/components/affix/src/affix2.js +82 -19
- package/lib/components/affix/src/affix2.js.map +1 -1
- package/lib/components/alert/index.js +2 -2
- package/lib/components/alert/src/alert.js +33 -82
- package/lib/components/alert/src/alert.js.map +1 -1
- package/lib/components/alert/src/alert2.js +82 -33
- package/lib/components/alert/src/alert2.js.map +1 -1
- package/lib/components/autocomplete/index.d.ts +5 -5
- package/lib/components/autocomplete/index.js +2 -2
- package/lib/components/autocomplete/src/autocomplete.js +94 -58
- package/lib/components/autocomplete/src/autocomplete.js.map +1 -1
- package/lib/components/autocomplete/src/autocomplete.vue.d.ts +5 -5
- package/lib/components/autocomplete/src/autocomplete2.js +58 -94
- package/lib/components/autocomplete/src/autocomplete2.js.map +1 -1
- package/lib/components/avatar/index.js +2 -2
- package/lib/components/avatar/src/avatar.js +29 -61
- package/lib/components/avatar/src/avatar.js.map +1 -1
- package/lib/components/avatar/src/avatar2.js +61 -29
- package/lib/components/avatar/src/avatar2.js.map +1 -1
- package/lib/components/calendar/index.js +2 -2
- package/lib/components/calendar/src/calendar.js +9 -192
- package/lib/components/calendar/src/calendar.js.map +1 -1
- package/lib/components/calendar/src/calendar2.js +192 -9
- package/lib/components/calendar/src/calendar2.js.map +1 -1
- package/lib/components/calendar/src/date-table.js +30 -151
- package/lib/components/calendar/src/date-table.js.map +1 -1
- package/lib/components/calendar/src/date-table2.js +151 -30
- package/lib/components/calendar/src/date-table2.js.map +1 -1
- package/lib/components/carousel/index.js +4 -4
- package/lib/components/carousel/src/carousel-item.js +7 -148
- package/lib/components/carousel/src/carousel-item.js.map +1 -1
- package/lib/components/carousel/src/carousel-item2.js +148 -7
- package/lib/components/carousel/src/carousel-item2.js.map +1 -1
- package/lib/components/carousel/src/carousel.js +43 -201
- package/lib/components/carousel/src/carousel.js.map +1 -1
- package/lib/components/carousel/src/carousel2.js +201 -43
- package/lib/components/carousel/src/carousel2.js.map +1 -1
- package/lib/components/cascader-panel/src/config.js +1 -1
- package/lib/components/cascader-panel/src/index.js +1 -1
- package/lib/components/cascader-panel/src/menu.js +1 -1
- package/lib/components/cascader-panel/src/node.js +200 -121
- package/lib/components/cascader-panel/src/node.js.map +1 -1
- package/lib/components/cascader-panel/src/node2.js +121 -200
- package/lib/components/cascader-panel/src/node2.js.map +1 -1
- package/lib/components/cascader-panel/src/store.js +1 -1
- package/lib/components/collection/src/collection.js +0 -33
- package/lib/components/collection/src/collection.js.map +1 -1
- package/lib/components/divider/index.js +2 -2
- package/lib/components/divider/src/divider.js +34 -17
- package/lib/components/divider/src/divider.js.map +1 -1
- package/lib/components/divider/src/divider2.js +17 -34
- package/lib/components/divider/src/divider2.js.map +1 -1
- package/lib/components/dropdown/index.d.ts +3 -3
- package/lib/components/dropdown/src/dropdown-item-impl.js +1 -10
- package/lib/components/dropdown/src/dropdown-item-impl.js.map +1 -1
- package/lib/components/dropdown/src/dropdown-item-impl.vue.d.ts +0 -3
- package/lib/components/dropdown/src/dropdown.d.ts +1 -1
- package/lib/components/dropdown/src/dropdown.vue.d.ts +3 -3
- package/lib/components/form/index.js +4 -4
- package/lib/components/form/src/form-item.js +177 -47
- package/lib/components/form/src/form-item.js.map +1 -1
- package/lib/components/form/src/form-item2.js +47 -177
- package/lib/components/form/src/form-item2.js.map +1 -1
- package/lib/components/form/src/form.js +40 -45
- package/lib/components/form/src/form.js.map +1 -1
- package/lib/components/form/src/form2.js +45 -40
- package/lib/components/form/src/form2.js.map +1 -1
- package/lib/components/image/index.js +2 -2
- package/lib/components/image/src/image.js +170 -46
- package/lib/components/image/src/image.js.map +1 -1
- package/lib/components/image/src/image2.js +46 -170
- package/lib/components/image/src/image2.js.map +1 -1
- package/lib/components/image-viewer/index.js +2 -2
- package/lib/components/image-viewer/src/image-viewer.js +31 -210
- package/lib/components/image-viewer/src/image-viewer.js.map +1 -1
- package/lib/components/image-viewer/src/image-viewer2.js +210 -31
- package/lib/components/image-viewer/src/image-viewer2.js.map +1 -1
- package/lib/components/index.js +23 -23
- package/lib/components/input-number/index.js +2 -2
- package/lib/components/input-number/src/input-number.js +46 -171
- package/lib/components/input-number/src/input-number.js.map +1 -1
- package/lib/components/input-number/src/input-number2.js +171 -46
- package/lib/components/input-number/src/input-number2.js.map +1 -1
- package/lib/components/menu/index.d.ts +3 -3
- package/lib/components/menu/src/menu.d.ts +4 -4
- package/lib/components/popover/index.d.ts +6 -6
- package/lib/components/popover/src/index.vue.d.ts +3 -3
- package/lib/components/popover/src/popover.d.ts +1 -1
- package/lib/components/popper/index.js +2 -2
- package/lib/components/popper/src/arrow.js +7 -31
- package/lib/components/popper/src/arrow.js.map +1 -1
- package/lib/components/popper/src/arrow2.js +31 -7
- package/lib/components/popper/src/arrow2.js.map +1 -1
- package/lib/components/radio/index.js +2 -2
- package/lib/components/radio/src/radio-button.js +1 -1
- package/lib/components/radio/src/radio-button2.js +1 -1
- package/lib/components/radio/src/radio.js +64 -73
- package/lib/components/radio/src/radio.js.map +1 -1
- package/lib/components/radio/src/radio2.js +73 -64
- package/lib/components/radio/src/radio2.js.map +1 -1
- package/lib/components/rate/index.js +2 -2
- package/lib/components/rate/src/rate.js +84 -169
- package/lib/components/rate/src/rate.js.map +1 -1
- package/lib/components/rate/src/rate2.js +169 -84
- package/lib/components/rate/src/rate2.js.map +1 -1
- package/lib/components/result/index.js +2 -2
- package/lib/components/result/src/result.js +30 -73
- package/lib/components/result/src/result.js.map +1 -1
- package/lib/components/result/src/result2.js +73 -30
- package/lib/components/result/src/result2.js.map +1 -1
- package/lib/components/select/index.d.ts +5 -5
- package/lib/components/select/src/select.vue.d.ts +5 -5
- package/lib/components/select/src/useSelect.d.ts +5 -5
- package/lib/components/select-v2/index.d.ts +10 -10
- package/lib/components/select-v2/src/option-item.vue.d.ts +1 -1
- package/lib/components/select-v2/src/select.vue.d.ts +5 -5
- package/lib/components/select-v2/src/useSelect.d.ts +5 -5
- package/lib/components/skeleton/index.js +4 -4
- package/lib/components/skeleton/src/skeleton-item.js +18 -23
- package/lib/components/skeleton/src/skeleton-item.js.map +1 -1
- package/lib/components/skeleton/src/skeleton-item2.js +23 -18
- package/lib/components/skeleton/src/skeleton-item2.js.map +1 -1
- package/lib/components/skeleton/src/skeleton.js +22 -49
- package/lib/components/skeleton/src/skeleton.js.map +1 -1
- package/lib/components/skeleton/src/skeleton2.js +49 -22
- package/lib/components/skeleton/src/skeleton2.js.map +1 -1
- package/lib/components/table/index.d.ts +1 -1
- package/lib/components/table/src/filter-panel.vue.d.ts +5 -5
- package/lib/components/table/src/table.vue.d.ts +1 -1
- package/lib/components/tabs/index.js +3 -3
- package/lib/components/tabs/src/tab-bar.js +76 -7
- package/lib/components/tabs/src/tab-bar.js.map +1 -1
- package/lib/components/tabs/src/tab-bar2.js +7 -76
- package/lib/components/tabs/src/tab-bar2.js.map +1 -1
- package/lib/components/tabs/src/tab-nav.js +1 -1
- package/lib/components/tabs/src/tab-pane.js +14 -60
- package/lib/components/tabs/src/tab-pane.js.map +1 -1
- package/lib/components/tabs/src/tab-pane2.js +60 -14
- package/lib/components/tabs/src/tab-pane2.js.map +1 -1
- package/lib/components/time-picker/src/common/picker.vue.d.ts +5 -5
- package/lib/components/tooltip/index.d.ts +3 -3
- package/lib/components/tooltip/src/tooltip.d.ts +1 -1
- package/lib/components/tooltip/src/tooltip.js +1 -1
- package/lib/components/tooltip/src/tooltip.vue.d.ts +3 -3
- package/lib/components/tooltip/src/trigger.vue.d.ts +3 -3
- package/lib/components/tooltip-v2/index.js +2 -2
- package/lib/components/tooltip-v2/src/arrow.js +23 -38
- package/lib/components/tooltip-v2/src/arrow.js.map +1 -1
- package/lib/components/tooltip-v2/src/arrow2.js +38 -23
- package/lib/components/tooltip-v2/src/arrow2.js.map +1 -1
- package/lib/components/tooltip-v2/src/tooltip.js +2 -2
- package/lib/components/tooltip-v2/src/tooltip2.js +4 -4
- package/lib/components/tooltip-v2/src/trigger.js +89 -11
- package/lib/components/tooltip-v2/src/trigger.js.map +1 -1
- package/lib/components/tooltip-v2/src/trigger2.js +11 -89
- package/lib/components/tooltip-v2/src/trigger2.js.map +1 -1
- package/lib/components/upload/index.js +1 -1
- package/lib/components/upload/src/upload-content.js +1 -1
- package/lib/components/upload/src/upload-dragger.js +32 -12
- package/lib/components/upload/src/upload-dragger.js.map +1 -1
- package/lib/components/upload/src/upload-dragger2.js +12 -32
- package/lib/components/upload/src/upload-dragger2.js.map +1 -1
- package/lib/index.js +23 -23
- package/package.json +1 -1
- package/web-types.json +1 -1
|
@@ -2,22 +2,68 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
var core = require('@vueuse/core');
|
|
7
|
+
require('../../../tokens/index.js');
|
|
5
8
|
require('../../../utils/index.js');
|
|
6
|
-
|
|
9
|
+
require('../../../hooks/index.js');
|
|
10
|
+
var tabPane = require('./tab-pane.js');
|
|
11
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
12
|
+
var tabs = require('../../../tokens/tabs.js');
|
|
13
|
+
var error = require('../../../utils/error.js');
|
|
14
|
+
var index = require('../../../hooks/use-namespace/index.js');
|
|
7
15
|
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
const _hoisted_1 = ["id", "aria-hidden", "aria-labelledby"];
|
|
17
|
+
const __default__ = {
|
|
18
|
+
name: "PsTabPane"
|
|
19
|
+
};
|
|
20
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
21
|
+
...__default__,
|
|
22
|
+
props: tabPane.tabPaneProps,
|
|
23
|
+
setup(__props) {
|
|
24
|
+
const props = __props;
|
|
25
|
+
const COMPONENT_NAME = "PsTabPane";
|
|
26
|
+
const instance = vue.getCurrentInstance();
|
|
27
|
+
const tabsRoot = vue.inject(tabs.tabsRootContextKey);
|
|
28
|
+
if (!tabsRoot)
|
|
29
|
+
error.throwError(COMPONENT_NAME, "usage: <ps-tabs><ps-tab-pane /></ps-tabs/>");
|
|
30
|
+
const ns = index.useNamespace("tab-pane");
|
|
31
|
+
const index$1 = vue.ref();
|
|
32
|
+
const isClosable = vue.computed(() => props.closable || tabsRoot.props.closable);
|
|
33
|
+
const active = core.eagerComputed(() => tabsRoot.currentName.value === (props.name || index$1.value));
|
|
34
|
+
const loaded = vue.ref(active.value);
|
|
35
|
+
const paneName = vue.computed(() => props.name || index$1.value);
|
|
36
|
+
const shouldBeRender = core.eagerComputed(() => !props.lazy || loaded.value || active.value);
|
|
37
|
+
vue.watch(active, (val) => {
|
|
38
|
+
if (val)
|
|
39
|
+
loaded.value = true;
|
|
40
|
+
});
|
|
41
|
+
tabsRoot.updatePaneState(vue.reactive({
|
|
42
|
+
uid: instance.uid,
|
|
43
|
+
instance: vue.markRaw(instance),
|
|
44
|
+
props,
|
|
45
|
+
paneName,
|
|
46
|
+
active,
|
|
47
|
+
index: index$1,
|
|
48
|
+
isClosable
|
|
49
|
+
}));
|
|
50
|
+
return (_ctx, _cache) => {
|
|
51
|
+
return vue.unref(shouldBeRender) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
|
|
52
|
+
key: 0,
|
|
53
|
+
id: `pane-${vue.unref(paneName)}`,
|
|
54
|
+
class: vue.normalizeClass(vue.unref(ns).b()),
|
|
55
|
+
role: "tabpanel",
|
|
56
|
+
"aria-hidden": !vue.unref(active),
|
|
57
|
+
"aria-labelledby": `tab-${vue.unref(paneName)}`
|
|
58
|
+
}, [
|
|
59
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
60
|
+
], 10, _hoisted_1)), [
|
|
61
|
+
[vue.vShow, vue.unref(active)]
|
|
62
|
+
]) : vue.createCommentVNode("v-if", true);
|
|
63
|
+
};
|
|
64
|
+
}
|
|
20
65
|
});
|
|
66
|
+
var TabPane = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/tabs/src/tab-pane.vue"]]);
|
|
21
67
|
|
|
22
|
-
exports
|
|
68
|
+
exports["default"] = TabPane;
|
|
23
69
|
//# sourceMappingURL=tab-pane2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-pane2.js","sources":["../../../../../../packages/components/tabs/src/tab-pane.
|
|
1
|
+
{"version":3,"file":"tab-pane2.js","sources":["../../../../../../packages/components/tabs/src/tab-pane.vue"],"sourcesContent":["<template>\n <div\n v-if=\"shouldBeRender\"\n v-show=\"active\"\n :id=\"`pane-${paneName}`\"\n :class=\"ns.b()\"\n role=\"tabpanel\"\n :aria-hidden=\"!active\"\n :aria-labelledby=\"`tab-${paneName}`\"\n >\n <slot />\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport {\n computed,\n getCurrentInstance,\n inject,\n markRaw,\n reactive,\n ref,\n watch,\n} from 'vue'\nimport { eagerComputed } from '@vueuse/core'\nimport { tabsRootContextKey } from '@element-ps/tokens'\nimport { throwError } from '@element-ps/utils'\nimport { useNamespace } from '@element-ps/hooks'\nimport { tabPaneProps } from './tab-pane'\n\nconst COMPONENT_NAME = 'PsTabPane'\ndefineOptions({\n name: 'PsTabPane',\n})\nconst props = defineProps(tabPaneProps)\n\nconst instance = getCurrentInstance()!\nconst tabsRoot = inject(tabsRootContextKey)\nif (!tabsRoot)\n throwError(COMPONENT_NAME, 'usage: <ps-tabs><ps-tab-pane /></ps-tabs/>')\n\nconst ns = useNamespace('tab-pane')\n\nconst index = ref<string>()\nconst isClosable = computed(() => props.closable || tabsRoot.props.closable)\nconst active = eagerComputed(\n () => tabsRoot.currentName.value === (props.name || index.value)\n)\nconst loaded = ref(active.value)\nconst paneName = computed(() => props.name || index.value)\nconst shouldBeRender = eagerComputed(\n () => !props.lazy || loaded.value || active.value\n)\n\nwatch(active, (val) => {\n if (val) loaded.value = true\n})\n\ntabsRoot.updatePaneState(\n reactive({\n uid: instance.uid,\n instance: markRaw(instance),\n props,\n paneName,\n active,\n index,\n isClosable,\n })\n)\n</script>\n"],"names":["getCurrentInstance","inject","tabsRootContextKey","throwError","useNamespace","index","ref","computed","eagerComputed","watch","reactive","markRaw"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAA,MAAA,cAAA,GAAA,WAAA,CAAA;AAMA,IAAA,MAAA,WAAAA,sBAAA,EAAA,CAAA;AACA,IAAA,MAAA,QAAA,GAAAC,WAAAC,uBAAA,CAAA,CAAA;AACA,IAAA,IAAA,CAAA,QAAA;AACA,MAAAC,gBAAA,CAAA,gBAAA,4CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,EAAA,GAAAC,mBAAA,UAAA,CAAA,CAAA;AAEA,IAAA,MAAAC,UAAAC,OAAA,EAAA,CAAA;AACA,IAAA,MAAA,aAAAC,YAAA,CAAA,MAAA,MAAA,QAAA,IAAA,QAAA,CAAA,MAAA,QAAA,CAAA,CAAA;AACA,IAAA,MAAA,MAAA,GAAAC,mBACA,MAAA,QAAA,CAAA,YAAA,KAAA,MAAA,KAAA,CAAA,IAAA,IAAAH,OAAA,CAAA,KACA,CAAA,CAAA,CAAA;AACA,IAAA,MAAA,MAAA,GAAAC,OAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAAC,YAAA,CAAA,MAAA,KAAA,CAAA,IAAA,IAAAF,QAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,cAAA,GAAAG,mBACA,MAAA,CAAA,MAAA,IAAA,IAAA,MAAA,CAAA,KAAA,IAAA,MAAA,CAAA,KACA,CAAA,CAAA;AAEA,IAAAC,SAAA,CAAA,MAAA,EAAA,CAAA,GAAA,KAAA;AACA,MAAA,IAAA,GAAA;AAAA,QAAA,MAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,QAAA,CAAA,gBACAC,YAAA,CAAA;AAAA,MACA,KAAA,QAAA,CAAA,GAAA;AAAA,MACA,QAAA,EAAAC,YAAA,QAAA,CAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA;AAAA,aACAN,OAAA;AAAA,MACA,UAAA;AAAA,KACA,CACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -194,7 +194,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
194
194
|
$data: {};
|
|
195
195
|
$props: Partial<{
|
|
196
196
|
disabled: boolean;
|
|
197
|
-
trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"
|
|
197
|
+
trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
|
|
198
198
|
offset: number;
|
|
199
199
|
effect: string;
|
|
200
200
|
style: import("vue").StyleValue;
|
|
@@ -283,7 +283,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
283
283
|
showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
|
|
284
284
|
arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
|
|
285
285
|
disabled: BooleanConstructor;
|
|
286
|
-
trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"
|
|
286
|
+
trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
|
|
287
287
|
virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("element-ps/es/tokens").Measurable>, unknown, unknown, unknown, unknown>;
|
|
288
288
|
virtualTriggering: BooleanConstructor;
|
|
289
289
|
onMouseenter: FunctionConstructor;
|
|
@@ -391,7 +391,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
391
391
|
showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
|
|
392
392
|
arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
|
|
393
393
|
disabled: BooleanConstructor;
|
|
394
|
-
trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"
|
|
394
|
+
trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
|
|
395
395
|
virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("element-ps/es/tokens").Measurable>, unknown, unknown, unknown, unknown>;
|
|
396
396
|
virtualTriggering: BooleanConstructor;
|
|
397
397
|
onMouseenter: FunctionConstructor;
|
|
@@ -480,7 +480,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
480
480
|
"onUpdate:visible": import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
|
|
481
481
|
}>>, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
|
|
482
482
|
disabled: boolean;
|
|
483
|
-
trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"
|
|
483
|
+
trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
|
|
484
484
|
offset: number;
|
|
485
485
|
effect: string;
|
|
486
486
|
style: import("vue").StyleValue;
|
|
@@ -589,7 +589,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
589
589
|
showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
|
|
590
590
|
arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
|
|
591
591
|
disabled: BooleanConstructor;
|
|
592
|
-
trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"
|
|
592
|
+
trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
|
|
593
593
|
virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("element-ps/es/tokens").Measurable>, unknown, unknown, unknown, unknown>;
|
|
594
594
|
virtualTriggering: BooleanConstructor;
|
|
595
595
|
onMouseenter: FunctionConstructor;
|
|
@@ -5,7 +5,7 @@ export declare const PsTooltip: import("element-ps/es/utils").SFCWithInstall<imp
|
|
|
5
5
|
showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
|
|
6
6
|
arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
|
|
7
7
|
disabled: BooleanConstructor;
|
|
8
|
-
trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"
|
|
8
|
+
trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
|
|
9
9
|
virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
|
|
10
10
|
virtualTriggering: BooleanConstructor;
|
|
11
11
|
onMouseenter: FunctionConstructor;
|
|
@@ -99,7 +99,7 @@ export declare const PsTooltip: import("element-ps/es/utils").SFCWithInstall<imp
|
|
|
99
99
|
showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
|
|
100
100
|
arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
|
|
101
101
|
disabled: BooleanConstructor;
|
|
102
|
-
trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"
|
|
102
|
+
trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
|
|
103
103
|
virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
|
|
104
104
|
virtualTriggering: BooleanConstructor;
|
|
105
105
|
onMouseenter: FunctionConstructor;
|
|
@@ -188,7 +188,7 @@ export declare const PsTooltip: import("element-ps/es/utils").SFCWithInstall<imp
|
|
|
188
188
|
"onUpdate:visible": import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
|
|
189
189
|
}>>, {
|
|
190
190
|
disabled: boolean;
|
|
191
|
-
trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"
|
|
191
|
+
trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
|
|
192
192
|
offset: number;
|
|
193
193
|
effect: string;
|
|
194
194
|
style: import("vue").StyleValue;
|
|
@@ -82,7 +82,7 @@ export declare const useTooltipContentProps: {
|
|
|
82
82
|
};
|
|
83
83
|
export declare const useTooltipTriggerProps: {
|
|
84
84
|
readonly disabled: BooleanConstructor;
|
|
85
|
-
readonly trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"
|
|
85
|
+
readonly trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
|
|
86
86
|
readonly virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../../..").Measurable>, unknown, unknown, unknown, unknown>;
|
|
87
87
|
readonly virtualTriggering: BooleanConstructor;
|
|
88
88
|
readonly onMouseenter: FunctionConstructor;
|
|
@@ -11,7 +11,7 @@ var tooltip = require('./tooltip2.js');
|
|
|
11
11
|
var tokens = require('./tokens.js');
|
|
12
12
|
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
13
13
|
var index = require('../../../hooks/use-model-toggle/index.js');
|
|
14
|
-
var arrow = require('../../popper/src/
|
|
14
|
+
var arrow = require('../../popper/src/arrow.js');
|
|
15
15
|
var index$1 = require('../../../hooks/use-popper-container/index.js');
|
|
16
16
|
var index$2 = require('../../../hooks/use-id/index.js');
|
|
17
17
|
var core = require('@vueuse/core');
|
|
@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
5
5
|
showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
|
|
6
6
|
arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
|
|
7
7
|
disabled: BooleanConstructor;
|
|
8
|
-
trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"
|
|
8
|
+
trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
|
|
9
9
|
virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../../..").Measurable>, unknown, unknown, unknown, unknown>;
|
|
10
10
|
virtualTriggering: BooleanConstructor;
|
|
11
11
|
onMouseenter: FunctionConstructor;
|
|
@@ -99,7 +99,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
99
99
|
showArrow: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
|
|
100
100
|
arrowOffset: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
|
|
101
101
|
disabled: BooleanConstructor;
|
|
102
|
-
trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"
|
|
102
|
+
trigger: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
|
|
103
103
|
virtualRef: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("../../..").Measurable>, unknown, unknown, unknown, unknown>;
|
|
104
104
|
virtualTriggering: BooleanConstructor;
|
|
105
105
|
onMouseenter: FunctionConstructor;
|
|
@@ -188,7 +188,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
188
188
|
"onUpdate:visible": import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
|
|
189
189
|
}>>, {
|
|
190
190
|
disabled: boolean;
|
|
191
|
-
trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"
|
|
191
|
+
trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
|
|
192
192
|
offset: number;
|
|
193
193
|
effect: string;
|
|
194
194
|
style: import("vue").StyleValue;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const _default: import("vue").DefineComponent<{
|
|
2
2
|
readonly disabled: BooleanConstructor;
|
|
3
|
-
readonly trigger: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<"
|
|
3
|
+
readonly trigger: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
|
|
4
4
|
readonly virtualRef: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("../../..").Measurable>, unknown, unknown, unknown, unknown>;
|
|
5
5
|
readonly virtualTriggering: BooleanConstructor;
|
|
6
6
|
readonly onMouseenter: FunctionConstructor;
|
|
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
34
34
|
};
|
|
35
35
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
36
36
|
readonly disabled: BooleanConstructor;
|
|
37
|
-
readonly trigger: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<"
|
|
37
|
+
readonly trigger: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
|
|
38
38
|
readonly virtualRef: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("../../..").Measurable>, unknown, unknown, unknown, unknown>;
|
|
39
39
|
readonly virtualTriggering: BooleanConstructor;
|
|
40
40
|
readonly onMouseenter: FunctionConstructor;
|
|
@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
48
48
|
readonly open: BooleanConstructor;
|
|
49
49
|
}>>, {
|
|
50
50
|
disabled: boolean;
|
|
51
|
-
trigger: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"
|
|
51
|
+
trigger: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"hover" | "focus" | "click" | "contextmenu" | ("hover" | "focus" | "click" | "contextmenu")[]>, unknown, unknown>;
|
|
52
52
|
open: boolean;
|
|
53
53
|
virtualRef: import("../../..").Measurable;
|
|
54
54
|
virtualTriggering: boolean;
|
|
@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
require('../../utils/index.js');
|
|
6
6
|
var tooltip$1 = require('./src/tooltip2.js');
|
|
7
|
-
var arrow = require('./src/
|
|
7
|
+
var arrow = require('./src/arrow.js');
|
|
8
8
|
var content = require('./src/content.js');
|
|
9
9
|
var root = require('./src/root2.js');
|
|
10
10
|
var tooltip = require('./src/tooltip.js');
|
|
11
|
-
var trigger = require('./src/
|
|
11
|
+
var trigger = require('./src/trigger2.js');
|
|
12
12
|
var install = require('../../utils/vue/install.js');
|
|
13
13
|
|
|
14
14
|
const PsTooltipV2 = install.withInstall(tooltip$1["default"]);
|
|
@@ -2,47 +2,32 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
require('
|
|
7
|
-
var
|
|
8
|
-
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
9
|
-
var tooltipV2 = require('../../../tokens/tooltip-v2.js');
|
|
5
|
+
require('../../../utils/index.js');
|
|
6
|
+
var common = require('./common.js');
|
|
7
|
+
var props = require('../../../utils/vue/props.js');
|
|
10
8
|
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
...__default__,
|
|
16
|
-
props: {
|
|
17
|
-
...arrow.tooltipV2ArrowProps,
|
|
18
|
-
...arrow.tooltipV2ArrowSpecialProps
|
|
9
|
+
const tooltipV2ArrowProps = props.buildProps({
|
|
10
|
+
width: {
|
|
11
|
+
type: Number,
|
|
12
|
+
default: 10
|
|
19
13
|
},
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
});
|
|
35
|
-
return (_ctx, _cache) => {
|
|
36
|
-
return vue.openBlock(), vue.createElementBlock("span", {
|
|
37
|
-
ref_key: "arrowRef",
|
|
38
|
-
ref: arrowRef,
|
|
39
|
-
style: vue.normalizeStyle(vue.unref(arrowStyle)),
|
|
40
|
-
class: vue.normalizeClass(vue.unref(ns).e("arrow"))
|
|
41
|
-
}, null, 6);
|
|
42
|
-
};
|
|
14
|
+
height: {
|
|
15
|
+
type: Number,
|
|
16
|
+
default: 10
|
|
17
|
+
},
|
|
18
|
+
style: {
|
|
19
|
+
type: props.definePropType(Object),
|
|
20
|
+
default: null
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
const tooltipV2ArrowSpecialProps = props.buildProps({
|
|
24
|
+
side: {
|
|
25
|
+
type: props.definePropType(String),
|
|
26
|
+
values: common.tooltipV2Sides,
|
|
27
|
+
required: true
|
|
43
28
|
}
|
|
44
29
|
});
|
|
45
|
-
var TooltipV2Arrow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/tooltip-v2/src/arrow.vue"]]);
|
|
46
30
|
|
|
47
|
-
exports
|
|
31
|
+
exports.tooltipV2ArrowProps = tooltipV2ArrowProps;
|
|
32
|
+
exports.tooltipV2ArrowSpecialProps = tooltipV2ArrowSpecialProps;
|
|
48
33
|
//# sourceMappingURL=arrow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"arrow.js","sources":["../../../../../../packages/components/tooltip-v2/src/arrow.
|
|
1
|
+
{"version":3,"file":"arrow.js","sources":["../../../../../../packages/components/tooltip-v2/src/arrow.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\nimport { tooltipV2Sides } from './common'\n\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\nimport type { TooltipV2Sides } from './common'\n\nexport const tooltipV2ArrowProps = buildProps({\n width: {\n type: Number,\n default: 10,\n },\n height: {\n type: Number,\n default: 10,\n },\n style: {\n type: definePropType<CSSProperties | null>(Object),\n default: null,\n },\n} as const)\n\nexport const tooltipV2ArrowSpecialProps = buildProps({\n side: {\n type: definePropType<TooltipV2Sides>(String),\n values: tooltipV2Sides,\n required: true,\n },\n} as const)\n\nexport type TooltipV2ArrowProps = ExtractPropTypes<typeof tooltipV2ArrowProps>\n"],"names":["buildProps","definePropType","tooltipV2Sides"],"mappings":";;;;;;;;AAEY,MAAC,mBAAmB,GAAGA,gBAAU,CAAC;AAC9C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,0BAA0B,GAAGD,gBAAU,CAAC;AACrD,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,MAAM,EAAEC,qBAAc;AAC1B,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,CAAC;;;;;"}
|
|
@@ -2,32 +2,47 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('
|
|
6
|
-
|
|
7
|
-
var
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
require('../../../tokens/index.js');
|
|
7
|
+
var arrow = require('./arrow.js');
|
|
8
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
9
|
+
var tooltipV2 = require('../../../tokens/tooltip-v2.js');
|
|
8
10
|
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
const __default__ = {
|
|
12
|
+
name: "PsTooltipV2Arrow"
|
|
13
|
+
};
|
|
14
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
15
|
+
...__default__,
|
|
16
|
+
props: {
|
|
17
|
+
...arrow.tooltipV2ArrowProps,
|
|
18
|
+
...arrow.tooltipV2ArrowSpecialProps
|
|
13
19
|
},
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
20
|
+
setup(__props) {
|
|
21
|
+
const props = __props;
|
|
22
|
+
const { ns } = vue.inject(tooltipV2.tooltipV2RootKey);
|
|
23
|
+
const { arrowRef } = vue.inject(tooltipV2.tooltipV2ContentKey);
|
|
24
|
+
const arrowStyle = vue.computed(() => {
|
|
25
|
+
const { style, width, height } = props;
|
|
26
|
+
const namespace = ns.namespace.value;
|
|
27
|
+
return {
|
|
28
|
+
[`--${namespace}-tooltip-v2-arrow-width`]: `${width}px`,
|
|
29
|
+
[`--${namespace}-tooltip-v2-arrow-height`]: `${height}px`,
|
|
30
|
+
[`--${namespace}-tooltip-v2-arrow-border-width`]: `${width / 2}px`,
|
|
31
|
+
[`--${namespace}-tooltip-v2-arrow-cover-width`]: width / 2 - 1,
|
|
32
|
+
...style || {}
|
|
33
|
+
};
|
|
34
|
+
});
|
|
35
|
+
return (_ctx, _cache) => {
|
|
36
|
+
return vue.openBlock(), vue.createElementBlock("span", {
|
|
37
|
+
ref_key: "arrowRef",
|
|
38
|
+
ref: arrowRef,
|
|
39
|
+
style: vue.normalizeStyle(vue.unref(arrowStyle)),
|
|
40
|
+
class: vue.normalizeClass(vue.unref(ns).e("arrow"))
|
|
41
|
+
}, null, 6);
|
|
42
|
+
};
|
|
28
43
|
}
|
|
29
44
|
});
|
|
45
|
+
var TooltipV2Arrow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/tooltip-v2/src/arrow.vue"]]);
|
|
30
46
|
|
|
31
|
-
exports
|
|
32
|
-
exports.tooltipV2ArrowSpecialProps = tooltipV2ArrowSpecialProps;
|
|
47
|
+
exports["default"] = TooltipV2Arrow;
|
|
33
48
|
//# sourceMappingURL=arrow2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"arrow2.js","sources":["../../../../../../packages/components/tooltip-v2/src/arrow.
|
|
1
|
+
{"version":3,"file":"arrow2.js","sources":["../../../../../../packages/components/tooltip-v2/src/arrow.vue"],"sourcesContent":["<template>\n <span ref=\"arrowRef\" :style=\"arrowStyle\" :class=\"ns.e('arrow')\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { tooltipV2ContentKey, tooltipV2RootKey } from '@element-ps/tokens'\nimport { tooltipV2ArrowProps, tooltipV2ArrowSpecialProps } from './arrow'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'PsTooltipV2Arrow',\n})\n\nconst props = defineProps({\n ...tooltipV2ArrowProps,\n ...tooltipV2ArrowSpecialProps,\n})\n\nconst { ns } = inject(tooltipV2RootKey)!\nconst { arrowRef } = inject(tooltipV2ContentKey)!\n\nconst arrowStyle = computed<CSSProperties>(() => {\n const { style, width, height } = props\n const namespace = ns.namespace.value\n\n return {\n [`--${namespace}-tooltip-v2-arrow-width`]: `${width}px`,\n [`--${namespace}-tooltip-v2-arrow-height`]: `${height}px`,\n [`--${namespace}-tooltip-v2-arrow-border-width`]: `${width / 2}px`,\n [`--${namespace}-tooltip-v2-arrow-cover-width`]: width / 2 - 1,\n ...(style || {}),\n }\n})\n</script>\n"],"names":["inject","tooltipV2RootKey","tooltipV2ContentKey","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,MAAA,EAAA,EAAA,EAAA,GAAAA,UAAA,CAAAC,0BAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,QAAA,EAAA,GAAAD,UAAA,CAAAE,6BAAA,CAAA,CAAA;AAEA,IAAA,MAAA,UAAA,GAAAC,aAAA,MAAA;AACA,MAAA,MAAA,EAAA,KAAA,EAAA,KAAA,EAAA,MAAA,EAAA,GAAA,KAAA,CAAA;AACA,MAAA,MAAA,SAAA,GAAA,GAAA,SAAA,CAAA,KAAA,CAAA;AAEA,MAAA,OAAA;AAAA,QACA,CAAA,CAAA,EAAA,EAAA,qCAAA,CAAA,EAAA,KAAA,CAAA,EAAA,CAAA;AAAA,QACA,CAAA,CAAA,EAAA,EAAA,sCAAA,CAAA,EAAA,MAAA,CAAA,EAAA,CAAA;AAAA,QACA,CAAA,CAAA,EAAA,EAAA,SAAA,CAAA,8BAAA,CAAA,GAAA,CAAA,EAAA,KAAA,GAAA,CAAA,CAAA,EAAA,CAAA;AAAA,QACA,CAAA,CAAA,EAAA,EAAA,SAAA,CAAA,6BAAA,CAAA,GAAA,KAAA,GAAA,CAAA,GAAA,CAAA;AAAA,QAAA,GACA,SAAA,EAAA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;"}
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
require('../../../utils/index.js');
|
|
6
6
|
var root = require('./root2.js');
|
|
7
|
-
var trigger = require('./
|
|
8
|
-
var arrow = require('./
|
|
7
|
+
var trigger = require('./trigger2.js');
|
|
8
|
+
var arrow = require('./arrow.js');
|
|
9
9
|
var content = require('./content.js');
|
|
10
10
|
var props = require('../../../utils/vue/props.js');
|
|
11
11
|
|
|
@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var vue = require('vue');
|
|
6
6
|
var lodashUnified = require('lodash-unified');
|
|
7
|
-
var arrow = require('./
|
|
7
|
+
var arrow = require('./arrow.js');
|
|
8
8
|
var content = require('./content.js');
|
|
9
9
|
var root = require('./root2.js');
|
|
10
10
|
var tooltip = require('./tooltip.js');
|
|
11
|
-
var trigger = require('./
|
|
11
|
+
var trigger = require('./trigger2.js');
|
|
12
12
|
var root$1 = require('./root.js');
|
|
13
|
-
var arrow$1 = require('./
|
|
13
|
+
var arrow$1 = require('./arrow2.js');
|
|
14
14
|
var content$1 = require('./content2.js');
|
|
15
|
-
var trigger$1 = require('./
|
|
15
|
+
var trigger$1 = require('./trigger.js');
|
|
16
16
|
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
17
17
|
|
|
18
18
|
const __default__ = {
|
|
@@ -2,20 +2,98 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var vue = require('vue');
|
|
5
6
|
require('../../../utils/index.js');
|
|
6
|
-
|
|
7
|
+
require('../../../tokens/index.js');
|
|
8
|
+
var forwardRef = require('./forward-ref.js');
|
|
9
|
+
var trigger = require('./trigger2.js');
|
|
10
|
+
var common = require('./common.js');
|
|
11
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
12
|
+
var tooltipV2 = require('../../../tokens/tooltip-v2.js');
|
|
13
|
+
var event = require('../../../utils/dom/event.js');
|
|
7
14
|
|
|
8
|
-
const
|
|
9
|
-
|
|
15
|
+
const __default__ = {
|
|
16
|
+
name: "PsTooltipV2Trigger"
|
|
10
17
|
};
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
19
|
+
...__default__,
|
|
20
|
+
props: {
|
|
21
|
+
...common.tooltipV2CommonProps,
|
|
22
|
+
...trigger.tooltipV2TriggerProps
|
|
23
|
+
},
|
|
24
|
+
setup(__props) {
|
|
25
|
+
const props = __props;
|
|
26
|
+
const { onClose, onOpen, onDelayOpen, triggerRef, contentId } = vue.inject(tooltipV2.tooltipV2RootKey);
|
|
27
|
+
let isMousedown = false;
|
|
28
|
+
const setTriggerRef = (el) => {
|
|
29
|
+
triggerRef.value = el;
|
|
30
|
+
};
|
|
31
|
+
const onMouseup = () => {
|
|
32
|
+
isMousedown = false;
|
|
33
|
+
};
|
|
34
|
+
const onMouseenter = event.composeEventHandlers(props.onMouseEnter, onDelayOpen);
|
|
35
|
+
const onMouseleave = event.composeEventHandlers(props.onMouseLeave, onClose);
|
|
36
|
+
const onMousedown = event.composeEventHandlers(props.onMouseDown, () => {
|
|
37
|
+
onClose();
|
|
38
|
+
isMousedown = true;
|
|
39
|
+
document.addEventListener("mouseup", onMouseup, { once: true });
|
|
40
|
+
});
|
|
41
|
+
const onFocus = event.composeEventHandlers(props.onFocus, () => {
|
|
42
|
+
if (!isMousedown)
|
|
43
|
+
onOpen();
|
|
44
|
+
});
|
|
45
|
+
const onBlur = event.composeEventHandlers(props.onBlur, onClose);
|
|
46
|
+
const onClick = event.composeEventHandlers(props.onClick, (e) => {
|
|
47
|
+
if (e.detail === 0)
|
|
48
|
+
onClose();
|
|
49
|
+
});
|
|
50
|
+
const events = {
|
|
51
|
+
blur: onBlur,
|
|
52
|
+
click: onClick,
|
|
53
|
+
focus: onFocus,
|
|
54
|
+
mousedown: onMousedown,
|
|
55
|
+
mouseenter: onMouseenter,
|
|
56
|
+
mouseleave: onMouseleave
|
|
57
|
+
};
|
|
58
|
+
const setEvents = (el, events2, type) => {
|
|
59
|
+
if (el) {
|
|
60
|
+
Object.entries(events2).forEach(([name, handler]) => {
|
|
61
|
+
el[type](name, handler);
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
vue.watch(triggerRef, (triggerEl, previousTriggerEl) => {
|
|
66
|
+
setEvents(triggerEl, events, "addEventListener");
|
|
67
|
+
setEvents(previousTriggerEl, events, "removeEventListener");
|
|
68
|
+
if (triggerEl) {
|
|
69
|
+
triggerEl.setAttribute("aria-describedby", contentId.value);
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
vue.onBeforeUnmount(() => {
|
|
73
|
+
setEvents(triggerRef.value, events, "removeEventListener");
|
|
74
|
+
document.removeEventListener("mouseup", onMouseup);
|
|
75
|
+
});
|
|
76
|
+
return (_ctx, _cache) => {
|
|
77
|
+
return _ctx.nowrap ? (vue.openBlock(), vue.createBlock(vue.unref(forwardRef["default"]), {
|
|
78
|
+
key: 0,
|
|
79
|
+
"set-ref": setTriggerRef,
|
|
80
|
+
"only-child": ""
|
|
81
|
+
}, {
|
|
82
|
+
default: vue.withCtx(() => [
|
|
83
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
84
|
+
]),
|
|
85
|
+
_: 3
|
|
86
|
+
})) : (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
|
|
87
|
+
key: 1,
|
|
88
|
+
ref_key: "triggerRef",
|
|
89
|
+
ref: triggerRef
|
|
90
|
+
}, _ctx.$attrs), [
|
|
91
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
92
|
+
], 16));
|
|
93
|
+
};
|
|
94
|
+
}
|
|
18
95
|
});
|
|
96
|
+
var TooltipV2Trigger = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/tooltip-v2/src/trigger.vue"]]);
|
|
19
97
|
|
|
20
|
-
exports
|
|
98
|
+
exports["default"] = TooltipV2Trigger;
|
|
21
99
|
//# sourceMappingURL=trigger.js.map
|