ep-craft 0.1.34 → 0.1.35
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/components/carousel/EpCarousel.vue.d.ts +39 -0
- package/dist/components/carousel/EpCarousel.vue.js +227 -0
- package/dist/components/carousel/EpCarousel2.vue.js +4 -0
- package/dist/components/carousel/carousel.d.ts +86 -0
- package/dist/components/carousel/carousel.js +113 -0
- package/dist/components/carousel/constants.d.ts +32 -0
- package/dist/components/carousel/constants.js +5 -0
- package/dist/components/carousel/index.d.ts +28 -2
- package/dist/components/carousel/index.js +11 -4
- package/dist/components/carousel/instance.d.ts +8 -0
- package/dist/components/carousel/use-carousel.d.ts +41 -0
- package/dist/components/carousel/use-carousel.js +200 -0
- package/dist/components/carousel-item/EpCarouselItem.vue.d.ts +16 -0
- package/dist/components/carousel-item/EpCarouselItem.vue.js +74 -0
- package/dist/components/carousel-item/EpCarouselItem2.vue.js +4 -0
- package/dist/components/carousel-item/carousel-item.d.ts +22 -0
- package/dist/components/carousel-item/carousel-item.js +22 -0
- package/dist/components/carousel-item/index.d.ts +14 -2
- package/dist/components/carousel-item/index.js +9 -4
- package/dist/components/carousel-item/use-carousel-item.d.ts +14 -0
- package/dist/components/carousel-item/use-carousel-item.js +79 -0
- package/dist/components/cascader/EpCascader.vue.d.ts +232 -0
- package/dist/components/cascader/EpCascader.vue.js +757 -0
- package/dist/components/cascader/EpCascader2.vue.js +4 -0
- package/dist/components/cascader/cascader.d.ts +313 -0
- package/dist/components/cascader/cascader.js +210 -0
- package/dist/components/cascader/index.d.ts +17 -2
- package/dist/components/cascader/index.js +9 -3
- package/dist/components/cascader/instances.d.ts +2 -0
- package/dist/components/cascader-panel/EpCascaderMenu.vue.d.ts +32 -0
- package/dist/components/cascader-panel/EpCascaderMenu.vue.js +204 -0
- package/dist/components/cascader-panel/EpCascaderMenu2.vue.js +4 -0
- package/dist/components/cascader-panel/EpCascaderNode.vue.d.ts +11 -0
- package/dist/components/cascader-panel/EpCascaderNode.vue.js +134 -0
- package/dist/components/cascader-panel/EpCascaderNode2.vue.js +4 -0
- package/dist/components/cascader-panel/EpCascaderPanel.vue.d.ts +290 -0
- package/dist/components/cascader-panel/EpCascaderPanel.vue.js +266 -0
- package/dist/components/cascader-panel/EpCascaderPanel2.vue.js +4 -0
- package/dist/components/cascader-panel/config.d.ts +102 -0
- package/dist/components/cascader-panel/config.js +136 -0
- package/dist/components/cascader-panel/index.d.ts +17 -2
- package/dist/components/cascader-panel/index.js +21 -4
- package/dist/components/cascader-panel/instance.d.ts +4 -0
- package/dist/components/cascader-panel/node-content.d.ts +14 -0
- package/dist/components/cascader-panel/node-content.js +50 -0
- package/dist/components/cascader-panel/node.d.ts +50 -0
- package/dist/components/cascader-panel/node.js +75 -0
- package/dist/components/cascader-panel/store.d.ts +17 -0
- package/dist/components/cascader-panel/store.js +49 -0
- package/dist/components/cascader-panel/types.d.ts +64 -0
- package/dist/components/cascader-panel/types.js +4 -0
- package/dist/components/cascader-panel/utils.d.ts +4 -0
- package/dist/components/cascader-panel/utils.js +26 -0
- package/dist/components/checkbox/EpCheckbox.vue.d.ts +1 -1
- package/dist/components/checkbox-button/EpCheckboxButton.vue.d.ts +1 -1
- package/dist/components/checkbox-group/index.js +4 -3
- package/dist/components/collapse-transition/index.js +4 -3
- package/dist/components/color-picker/EpColorPicker.vue.d.ts +53 -0
- package/dist/components/color-picker/EpColorPicker.vue.js +318 -0
- package/dist/components/color-picker/EpColorPicker2.vue.js +4 -0
- package/dist/components/color-picker/color-picker.d.ts +240 -0
- package/dist/components/color-picker/color-picker.js +124 -0
- package/dist/components/color-picker/index.d.ts +16 -2
- package/dist/components/color-picker/index.js +11 -4
- package/dist/components/color-picker-panel/EpColorPickerPanel.vue.d.ts +413 -0
- package/dist/components/color-picker-panel/EpColorPickerPanel.vue.js +142 -0
- package/dist/components/color-picker-panel/EpColorPickerPanel2.vue.js +4 -0
- package/dist/components/color-picker-panel/color-picker-panel.d.ts +91 -0
- package/dist/components/color-picker-panel/color-picker-panel.js +71 -0
- package/dist/components/color-picker-panel/components/EpAlphaSlider.vue.d.ts +19 -0
- package/dist/components/color-picker-panel/components/EpAlphaSlider.vue.js +92 -0
- package/dist/components/color-picker-panel/components/EpAlphaSlider2.vue.js +4 -0
- package/dist/components/color-picker-panel/components/EpHueSlider.vue.d.ts +20 -0
- package/dist/components/color-picker-panel/components/EpHueSlider.vue.js +84 -0
- package/dist/components/color-picker-panel/components/EpHueSlider2.vue.js +4 -0
- package/dist/components/color-picker-panel/components/EpPredefine.vue.d.ts +3 -0
- package/dist/components/color-picker-panel/components/EpPredefine.vue.js +39 -0
- package/dist/components/color-picker-panel/components/EpPredefine2.vue.js +4 -0
- package/dist/components/color-picker-panel/components/EpSvPanel.vue.d.ts +8 -0
- package/dist/components/color-picker-panel/components/EpSvPanel.vue.js +67 -0
- package/dist/components/color-picker-panel/components/EpSvPanel2.vue.js +4 -0
- package/dist/components/color-picker-panel/composables/use-common-color.d.ts +11 -0
- package/dist/components/color-picker-panel/composables/use-common-color.js +23 -0
- package/dist/components/color-picker-panel/composables/use-predefine.d.ts +14 -0
- package/dist/components/color-picker-panel/composables/use-predefine.js +66 -0
- package/dist/components/color-picker-panel/composables/use-slider.d.ts +35 -0
- package/dist/components/color-picker-panel/composables/use-slider.js +152 -0
- package/dist/components/color-picker-panel/composables/use-sv-panel.d.ts +25 -0
- package/dist/components/color-picker-panel/composables/use-sv-panel.js +123 -0
- package/dist/components/color-picker-panel/index.d.ts +4 -0
- package/dist/components/color-picker-panel/props/predefine.d.ts +36 -0
- package/dist/components/color-picker-panel/props/slider.d.ts +39 -0
- package/dist/components/color-picker-panel/props/sv-panel.d.ts +22 -0
- package/dist/components/color-picker-panel/utils/color.d.ts +28 -0
- package/dist/components/color-picker-panel/utils/color.js +62 -0
- package/dist/components/color-picker-panel/utils/draggable.d.ts +6 -0
- package/dist/components/color-picker-panel/utils/draggable.js +23 -0
- package/dist/components/descriptions/EpDescriptions.vue.d.ts +20 -0
- package/dist/components/descriptions/EpDescriptions.vue.js +100 -0
- package/dist/components/descriptions/EpDescriptions2.vue.js +4 -0
- package/dist/components/descriptions/EpDescriptionsRow.vue.d.ts +5 -0
- package/dist/components/descriptions/EpDescriptionsRow.vue.js +56 -0
- package/dist/components/descriptions/EpDescriptionsRow2.vue.js +4 -0
- package/dist/components/descriptions/constants.d.ts +1 -0
- package/dist/components/descriptions/constants.js +4 -0
- package/dist/components/descriptions/description.d.ts +66 -0
- package/dist/components/descriptions/description.js +61 -0
- package/dist/components/descriptions/descriptions-cell.d.ts +31 -0
- package/dist/components/descriptions/descriptions-cell.js +133 -0
- package/dist/components/descriptions/descriptions-row.d.ts +10 -0
- package/dist/components/descriptions/descriptions.type.d.ts +29 -0
- package/dist/components/descriptions/index.d.ts +22 -2
- package/dist/components/descriptions/index.js +9 -3
- package/dist/components/descriptions/token.d.ts +3 -0
- package/dist/components/descriptions/token.js +4 -0
- package/dist/components/descriptions-item/description-item.d.ts +84 -0
- package/dist/components/descriptions-item/description-item.js +87 -0
- package/dist/components/descriptions-item/index.d.ts +14 -2
- package/dist/components/descriptions-item/index.js +6 -4
- package/dist/components/dropdown/src/dropdown-item-impl2.vue.js +1 -1
- package/dist/components/dropdown/src/dropdown-item2.vue.js +1 -1
- package/dist/components/dropdown/src/dropdown-menu2.vue.js +1 -1
- package/dist/components/dropdown/src/dropdown2.vue.js +1 -1
- package/dist/components/input-number/index.js +3 -2
- package/dist/components/mention/EpMention.vue.d.ts +430 -0
- package/dist/components/mention/EpMention.vue.js +303 -0
- package/dist/components/mention/EpMention2.vue.js +4 -0
- package/dist/components/mention/EpMentionDropdown.vue.d.ts +34 -0
- package/dist/components/mention/EpMentionDropdown.vue.js +140 -0
- package/dist/components/mention/EpMentionDropdown2.vue.js +4 -0
- package/dist/components/mention/helper.d.ts +32 -0
- package/dist/components/mention/helper.js +112 -0
- package/dist/components/mention/index.d.ts +13 -2
- package/dist/components/mention/index.js +11 -4
- package/dist/components/mention/mention-dropdown.d.ts +21 -0
- package/dist/components/mention/mention-dropdown.js +22 -0
- package/dist/components/mention/mention.d.ts +313 -0
- package/dist/components/mention/mention.js +123 -0
- package/dist/components/mention/types.d.ts +19 -0
- package/dist/components/radio/index.js +4 -3
- package/dist/components/rate/EpRate.vue.d.ts +32 -0
- package/dist/components/rate/EpRate.vue.js +229 -0
- package/dist/components/rate/EpRate2.vue.js +4 -0
- package/dist/components/rate/index.d.ts +15 -2
- package/dist/components/rate/index.js +7 -4
- package/dist/components/rate/rate.d.ts +131 -0
- package/dist/components/rate/rate.js +158 -0
- package/dist/components/roving-focus-group/index.js +1 -1
- package/dist/components/roving-focus-group/src/roving-focus-item.vue.js +76 -18
- package/dist/components/roving-focus-group/src/roving-focus-item2.vue.js +18 -76
- package/dist/components/segmented/EpSegmented.vue.d.ts +22 -0
- package/dist/components/segmented/EpSegmented.vue.js +136 -0
- package/dist/components/segmented/EpSegmented2.vue.js +4 -0
- package/dist/components/segmented/index.d.ts +14 -2
- package/dist/components/segmented/index.js +11 -4
- package/dist/components/segmented/segmented.d.ts +85 -0
- package/dist/components/segmented/segmented.js +85 -0
- package/dist/components/segmented/types.d.ts +1 -0
- package/dist/components/select/index.d.ts +4 -2
- package/dist/components/select/index.js +3 -2
- package/dist/components/select/select2.vue.js +60 -61
- package/dist/components/select-v2/src/select.vue.d.ts +1 -1
- package/dist/components/slider/EpSlider.vue.d.ts +175 -0
- package/dist/components/slider/EpSlider.vue.js +211 -0
- package/dist/components/slider/EpSlider2.vue.js +4 -0
- package/dist/components/slider/EpSliderButton.vue.d.ts +26 -0
- package/dist/components/slider/EpSliderButton.vue.js +103 -0
- package/dist/components/slider/EpSliderButton2.vue.js +4 -0
- package/dist/components/slider/button.d.ts +28 -0
- package/dist/components/slider/button.js +28 -0
- package/dist/components/slider/composables/index.d.ts +7 -0
- package/dist/components/slider/composables/use-lifecycle.d.ts +4 -0
- package/dist/components/slider/composables/use-lifecycle.js +20 -0
- package/dist/components/slider/composables/use-marks.d.ts +7 -0
- package/dist/components/slider/composables/use-marks.js +30 -0
- package/dist/components/slider/composables/use-slide.d.ts +23 -0
- package/dist/components/slider/composables/use-slide.js +92 -0
- package/dist/components/slider/composables/use-slider-button.d.ts +18 -0
- package/dist/components/slider/composables/use-slider-button.js +179 -0
- package/dist/components/slider/composables/use-stops.d.ts +8 -0
- package/dist/components/slider/composables/use-stops.js +23 -0
- package/dist/components/slider/composables/use-watch.d.ts +4 -0
- package/dist/components/slider/composables/use-watch.js +42 -0
- package/dist/components/slider/constants.d.ts +17 -0
- package/dist/components/slider/constants.js +4 -0
- package/dist/components/slider/index.d.ts +18 -2
- package/dist/components/slider/index.js +10 -4
- package/dist/components/slider/marker.d.ts +64 -0
- package/dist/components/slider/marker.js +40 -0
- package/dist/components/slider/slider.d.ts +80 -0
- package/dist/components/slider/slider.js +170 -0
- package/dist/components/step/EpStep.vue.d.ts +38 -0
- package/dist/components/step/EpStep.vue.js +157 -0
- package/dist/components/step/EpStep2.vue.js +4 -0
- package/dist/components/step/index.d.ts +12 -2
- package/dist/components/step/index.js +8 -3
- package/dist/components/step/step.d.ts +42 -0
- package/dist/components/step/step.js +39 -0
- package/dist/components/steps/EpSteps.vue.d.ts +23 -0
- package/dist/components/steps/EpSteps.vue.js +57 -0
- package/dist/components/steps/EpSteps2.vue.js +4 -0
- package/dist/components/steps/index.d.ts +20 -2
- package/dist/components/steps/index.js +8 -4
- package/dist/components/steps/steps.d.ts +69 -0
- package/dist/components/steps/steps.js +66 -0
- package/dist/components/steps/tokens.d.ts +1 -0
- package/dist/components/steps/tokens.js +4 -0
- package/dist/components/switch/EpSwitch.vue.d.ts +50 -0
- package/dist/components/switch/EpSwitch.vue.js +251 -0
- package/dist/components/switch/EpSwitch2.vue.js +4 -0
- package/dist/components/switch/index.d.ts +15 -2
- package/dist/components/switch/index.js +10 -4
- package/dist/components/switch/switch.d.ts +157 -0
- package/dist/components/switch/switch.js +145 -0
- package/dist/components/table/src/filter-panel.vue.d.ts +3 -3
- package/dist/components/table/src/table-header/index.d.ts +3 -3
- package/dist/components/text/index.d.ts +4 -2
- package/dist/components/text/index.js +7 -4
- package/dist/components/text/src/text.d.ts +43 -0
- package/dist/components/text/src/text.js +45 -0
- package/dist/components/text/src/text.vue.d.ts +17 -0
- package/dist/components/text/src/text.vue.js +63 -0
- package/dist/components/text/src/text2.vue.js +4 -0
- package/dist/components/time-select/EpTimeSelect.vue.d.ts +38 -0
- package/dist/components/time-select/EpTimeSelect.vue.js +154 -0
- package/dist/components/time-select/EpTimeSelect2.vue.js +4 -0
- package/dist/components/time-select/index.d.ts +17 -2
- package/dist/components/time-select/index.js +12 -4
- package/dist/components/time-select/time-select.d.ts +143 -0
- package/dist/components/time-select/time-select.js +139 -0
- package/dist/components/time-select/utils.d.ts +11 -0
- package/dist/components/time-select/utils.js +39 -0
- package/dist/components/tour/EpTour.vue.d.ts +40 -0
- package/dist/components/tour/EpTour.vue.js +174 -0
- package/dist/components/tour/EpTour2.vue.js +4 -0
- package/dist/components/tour/EpTourContent.vue.d.ts +23 -0
- package/dist/components/tour/EpTourContent.vue.js +72 -0
- package/dist/components/tour/EpTourContent2.vue.js +4 -0
- package/dist/components/tour/EpTourMask.vue.d.ts +7 -0
- package/dist/components/tour/EpTourMask.vue.js +76 -0
- package/dist/components/tour/EpTourMask2.vue.js +4 -0
- package/dist/components/tour/constants.d.ts +10 -0
- package/dist/components/tour/constants.js +4 -0
- package/dist/components/tour/content.d.ts +49 -0
- package/dist/components/tour/content.js +70 -0
- package/dist/components/tour/helper.d.ts +36 -0
- package/dist/components/tour/helper.js +161 -0
- package/dist/components/tour/index.d.ts +28 -2
- package/dist/components/tour/index.js +19 -4
- package/dist/components/tour/mask.d.ts +43 -0
- package/dist/components/tour/steps.d.ts +19 -0
- package/dist/components/tour/steps.js +35 -0
- package/dist/components/tour/tour.d.ts +136 -0
- package/dist/components/tour/tour.js +120 -0
- package/dist/components/tour/types.d.ts +21 -0
- package/dist/components/tour-step/EpTourStep.vue.d.ts +25 -0
- package/dist/components/tour-step/EpTourStep.vue.js +179 -0
- package/dist/components/tour-step/EpTourStep2.vue.js +4 -0
- package/dist/components/tour-step/index.d.ts +13 -2
- package/dist/components/tour-step/index.js +10 -4
- package/dist/components/tour-step/step.d.ts +120 -0
- package/dist/components/tour-step/step.js +91 -0
- package/dist/components/transfer/EpTransfer.vue.d.ts +36 -0
- package/dist/components/transfer/EpTransfer.vue.js +195 -0
- package/dist/components/transfer/EpTransfer2.vue.js +4 -0
- package/dist/components/transfer/EpTransferPanel.vue.d.ts +24 -0
- package/dist/components/transfer/EpTransferPanel.vue.js +191 -0
- package/dist/components/transfer/EpTransferPanel2.vue.js +4 -0
- package/dist/components/transfer/composables/index.d.ts +5 -0
- package/dist/components/transfer/composables/use-check.d.ts +286 -0
- package/dist/components/transfer/composables/use-check.js +89 -0
- package/dist/components/transfer/composables/use-checked-change.d.ts +6 -0
- package/dist/components/transfer/composables/use-checked-change.js +12 -0
- package/dist/components/transfer/composables/use-computed-data.d.ts +5 -0
- package/dist/components/transfer/composables/use-computed-data.js +26 -0
- package/dist/components/transfer/composables/use-move.d.ts +6 -0
- package/dist/components/transfer/composables/use-move.js +27 -0
- package/dist/components/transfer/composables/use-props-alias.d.ts +8 -0
- package/dist/components/transfer/composables/use-props-alias.js +15 -0
- package/dist/components/transfer/index.d.ts +19 -2
- package/dist/components/transfer/index.js +13 -4
- package/dist/components/transfer/transfer-panel.d.ts +63 -0
- package/dist/components/transfer/transfer-panel.js +32 -0
- package/dist/components/transfer/transfer.d.ts +136 -0
- package/dist/components/transfer/transfer.js +130 -0
- package/dist/components/tree/index.d.ts +7 -2
- package/dist/components/tree/index.js +8 -4
- package/dist/components/tree/src/instance.d.ts +2 -0
- package/dist/components/tree/src/model/node.d.ts +63 -0
- package/dist/components/tree/src/model/node.js +263 -0
- package/dist/components/tree/src/model/tree-store.d.ts +51 -0
- package/dist/components/tree/src/model/tree-store.js +223 -0
- package/dist/components/tree/src/model/useDragNode.d.ts +459 -0
- package/dist/components/tree/src/model/useDragNode.js +98 -0
- package/dist/components/tree/src/model/useKeydown.d.ts +7 -0
- package/dist/components/tree/src/model/useKeydown.js +93 -0
- package/dist/components/tree/src/model/useNodeExpandEventBroadcast.d.ts +9 -0
- package/dist/components/tree/src/model/useNodeExpandEventBroadcast.js +27 -0
- package/dist/components/tree/src/model/util.d.ts +7 -0
- package/dist/components/tree/src/model/util.js +19 -0
- package/dist/components/tree/src/tokens.d.ts +3 -0
- package/dist/components/tree/src/tokens.js +6 -0
- package/dist/components/tree/src/tree-node-content.vue.d.ts +14 -0
- package/dist/components/tree/src/tree-node-content.vue.js +43 -0
- package/dist/components/tree/src/tree-node-content2.vue.js +4 -0
- package/dist/components/tree/src/tree-node.vue.d.ts +377 -0
- package/dist/components/tree/src/tree-node.vue.js +108 -0
- package/dist/components/tree/src/tree-node2.vue.js +166 -0
- package/dist/components/tree/src/tree.d.ts +103 -0
- package/dist/components/tree/src/tree.js +99 -0
- package/dist/components/tree/src/tree.type.d.ts +112 -0
- package/dist/components/tree/src/tree.vue.d.ts +1745 -0
- package/dist/components/tree/src/tree.vue.js +48 -0
- package/dist/components/tree/src/tree2.vue.js +192 -0
- package/dist/components/tree-select/index.d.ts +3 -2
- package/dist/components/tree-select/index.js +7 -4
- package/dist/components/tree-select/src/cache-options.d.ts +20 -0
- package/dist/components/tree-select/src/cache-options.js +36 -0
- package/dist/components/tree-select/src/instance.d.ts +6 -0
- package/dist/components/tree-select/src/select.d.ts +11 -0
- package/dist/components/tree-select/src/select.js +92 -0
- package/dist/components/tree-select/src/tree-select-option.d.ts +364 -0
- package/dist/components/tree-select/src/tree-select-option.js +32 -0
- package/dist/components/tree-select/src/tree-select.vue.d.ts +412 -0
- package/dist/components/tree-select/src/tree-select.vue.js +96 -0
- package/dist/components/tree-select/src/tree-select2.vue.js +4 -0
- package/dist/components/tree-select/src/tree.d.ts +12 -0
- package/dist/components/tree-select/src/tree.js +179 -0
- package/dist/components/tree-select/src/utils.d.ts +10 -0
- package/dist/components/tree-select/src/utils.js +49 -0
- package/dist/components/upload/src/upload-content.vue.d.ts +2 -2
- package/dist/components/upload/src/upload.vue.d.ts +2 -2
- package/dist/constants/column-alignment.js +4 -0
- package/dist/ep-craft.js +367 -279
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/use-lockscreen/index.d.ts +11 -0
- package/dist/hooks/use-lockscreen/index.js +34 -0
- package/dist/index.d.ts +98 -0
- package/dist/utils/arrays.js +4 -3
- package/dist/utils/dom/aria.js +23 -13
- package/dist/utils/dom/scroll.js +61 -46
- package/dist/utils/vue/icon.js +17 -14
- package/dist/utils/vue/validator.js +5 -0
- package/dist/utils/vue/vnode.js +24 -12
- package/dist/vendored-components.d.ts +1 -1
- package/dist/vendored-components.js +69 -5
- package/package.json +3 -2
|
@@ -1,4 +1,20 @@
|
|
|
1
1
|
import type { Plugin } from 'vue';
|
|
2
|
-
import
|
|
3
|
-
|
|
2
|
+
import _EpSlider from './EpSlider.vue';
|
|
3
|
+
/**
|
|
4
|
+
* slider 自持 barrel(vendor-batch-3 产出)。
|
|
5
|
+
*
|
|
6
|
+
* 表单集成:本体与 `composables/use-slide.ts` 通过 `@element-plus/components/form`
|
|
7
|
+
* 导入本地表单 hooks,读取的 `formContextKey` / `formItemContextKey` 是本地
|
|
8
|
+
* Symbol,故 disabled / size / label 关联与 change 校验在 `EpForm` /
|
|
9
|
+
* `EpFormItem` 下生效。
|
|
10
|
+
*
|
|
11
|
+
* `sliderContextKey` 是本地 Symbol:父组件 provide 与按钮 inject 共用本模块导出的键。
|
|
12
|
+
*
|
|
13
|
+
* 不导出 `ElSlider` 别名。
|
|
14
|
+
*/
|
|
15
|
+
export declare const EpSlider: typeof _EpSlider & Plugin;
|
|
4
16
|
export default EpSlider;
|
|
17
|
+
export { sliderContextKey } from './constants';
|
|
18
|
+
export { sliderEmits, sliderProps } from './slider';
|
|
19
|
+
export type { SliderContext } from './constants';
|
|
20
|
+
export type { SliderEmits, SliderInitData, SliderInstance, SliderProps, SliderPropsPublic, } from './slider';
|
|
@@ -1,6 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
import { withInstall as r } from "../../utils/with-install.js";
|
|
2
|
+
import i from "./EpSlider.vue.js";
|
|
3
|
+
import { sliderEmits as p, sliderProps as l } from "./slider.js";
|
|
4
|
+
const t = r(
|
|
5
|
+
i,
|
|
6
|
+
"ep-slider"
|
|
7
|
+
);
|
|
4
8
|
export {
|
|
5
|
-
|
|
9
|
+
t as EpSlider,
|
|
10
|
+
p as sliderEmits,
|
|
11
|
+
l as sliderProps
|
|
6
12
|
};
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import type { CSSProperties, ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
|
|
2
|
+
export declare const sliderMarkerProps: {
|
|
3
|
+
readonly mark: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | {
|
|
4
|
+
style: CSSProperties;
|
|
5
|
+
label: any;
|
|
6
|
+
}) | (() => string | {
|
|
7
|
+
style: CSSProperties;
|
|
8
|
+
label: any;
|
|
9
|
+
}) | (((new (...args: any[]) => string | {
|
|
10
|
+
style: CSSProperties;
|
|
11
|
+
label: any;
|
|
12
|
+
}) | (() => string | {
|
|
13
|
+
style: CSSProperties;
|
|
14
|
+
label: any;
|
|
15
|
+
})) | null)[], unknown, unknown, undefined, boolean>;
|
|
16
|
+
};
|
|
17
|
+
export type SliderMarkerProps = ExtractPropTypes<typeof sliderMarkerProps>;
|
|
18
|
+
export type SliderMarkerPropsPublic = ExtractPublicPropTypes<typeof sliderMarkerProps>;
|
|
19
|
+
declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
|
|
20
|
+
readonly mark: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | {
|
|
21
|
+
style: CSSProperties;
|
|
22
|
+
label: any;
|
|
23
|
+
}) | (() => string | {
|
|
24
|
+
style: CSSProperties;
|
|
25
|
+
label: any;
|
|
26
|
+
}) | (((new (...args: any[]) => string | {
|
|
27
|
+
style: CSSProperties;
|
|
28
|
+
label: any;
|
|
29
|
+
}) | (() => string | {
|
|
30
|
+
style: CSSProperties;
|
|
31
|
+
label: any;
|
|
32
|
+
})) | null)[], unknown, unknown, undefined, boolean>;
|
|
33
|
+
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
34
|
+
[key: string]: any;
|
|
35
|
+
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
|
|
36
|
+
readonly mark: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | {
|
|
37
|
+
style: CSSProperties;
|
|
38
|
+
label: any;
|
|
39
|
+
}) | (() => string | {
|
|
40
|
+
style: CSSProperties;
|
|
41
|
+
label: any;
|
|
42
|
+
}) | (((new (...args: any[]) => string | {
|
|
43
|
+
style: CSSProperties;
|
|
44
|
+
label: any;
|
|
45
|
+
}) | (() => string | {
|
|
46
|
+
style: CSSProperties;
|
|
47
|
+
label: any;
|
|
48
|
+
})) | null)[], unknown, unknown, undefined, boolean>;
|
|
49
|
+
}>> & Readonly<{}>, {
|
|
50
|
+
readonly mark: import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string | {
|
|
51
|
+
style: CSSProperties;
|
|
52
|
+
label: any;
|
|
53
|
+
}) | (() => string | {
|
|
54
|
+
style: CSSProperties;
|
|
55
|
+
label: any;
|
|
56
|
+
}) | (((new (...args: any[]) => string | {
|
|
57
|
+
style: CSSProperties;
|
|
58
|
+
label: any;
|
|
59
|
+
}) | (() => string | {
|
|
60
|
+
style: CSSProperties;
|
|
61
|
+
label: any;
|
|
62
|
+
})) | null)[], unknown, unknown>;
|
|
63
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
64
|
+
export default _default;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { defineComponent as a, computed as t, h as p } from "vue";
|
|
2
|
+
import { isString as e } from "@vue/shared";
|
|
3
|
+
import "lodash-unified";
|
|
4
|
+
import "@vueuse/core";
|
|
5
|
+
import "@element-plus/icons-vue";
|
|
6
|
+
import { buildProps as s, definePropType as l } from "../../utils/vue/props/runtime.js";
|
|
7
|
+
import { useNamespace as n } from "../../hooks/use-namespace/index.js";
|
|
8
|
+
import "../../hooks/use-size/index.js";
|
|
9
|
+
import "@popperjs/core";
|
|
10
|
+
import "../../hooks/use-z-index/index.js";
|
|
11
|
+
import "../../hooks/use-delayed-toggle/index.js";
|
|
12
|
+
import "../../hooks/use-aria/index.js";
|
|
13
|
+
import "../../hooks/use-model-toggle/index.js";
|
|
14
|
+
import "../../hooks/use-empty-values/index.js";
|
|
15
|
+
const d = s({
|
|
16
|
+
mark: {
|
|
17
|
+
type: l([String, Object]),
|
|
18
|
+
default: void 0
|
|
19
|
+
}
|
|
20
|
+
}), j = a({
|
|
21
|
+
name: "EpSliderMarker",
|
|
22
|
+
props: d,
|
|
23
|
+
setup(r) {
|
|
24
|
+
const m = n("slider"), o = t(() => e(r.mark) ? r.mark : r.mark.label), i = t(
|
|
25
|
+
() => e(r.mark) ? void 0 : r.mark.style
|
|
26
|
+
);
|
|
27
|
+
return () => p(
|
|
28
|
+
"div",
|
|
29
|
+
{
|
|
30
|
+
class: m.e("marks-text"),
|
|
31
|
+
style: i.value
|
|
32
|
+
},
|
|
33
|
+
o.value
|
|
34
|
+
);
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
export {
|
|
38
|
+
j as default,
|
|
39
|
+
d as sliderMarkerProps
|
|
40
|
+
};
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import type { Arrayable } from '@element-plus/utils';
|
|
2
|
+
import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
|
|
3
|
+
import type { SliderMarkerProps } from './marker';
|
|
4
|
+
import type Slider from './EpSlider.vue';
|
|
5
|
+
type SliderMarks = Record<number, string | SliderMarkerProps['mark']>;
|
|
6
|
+
export interface SliderInitData {
|
|
7
|
+
firstValue: number;
|
|
8
|
+
secondValue: number;
|
|
9
|
+
oldValue?: Arrayable<number>;
|
|
10
|
+
dragging: boolean;
|
|
11
|
+
sliderSize: number;
|
|
12
|
+
}
|
|
13
|
+
export declare const sliderProps: {
|
|
14
|
+
readonly ariaLabel: StringConstructor;
|
|
15
|
+
readonly modelValue: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => number | number[]) | (() => Arrayable<number>) | (((new (...args: any[]) => number | number[]) | (() => Arrayable<number>)) | null)[], unknown, unknown, 0, boolean>;
|
|
16
|
+
readonly id: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
|
|
17
|
+
readonly min: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
|
|
18
|
+
readonly max: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
|
|
19
|
+
readonly step: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => number | "mark") | (() => number | "mark") | (((new (...args: any[]) => number | "mark") | (() => number | "mark")) | null)[], unknown, unknown, 1, boolean>;
|
|
20
|
+
readonly showInput: BooleanConstructor;
|
|
21
|
+
readonly showInputControls: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
22
|
+
readonly size: {
|
|
23
|
+
readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
|
|
24
|
+
readonly required: false;
|
|
25
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
26
|
+
__epPropKey: true;
|
|
27
|
+
};
|
|
28
|
+
readonly inputSize: {
|
|
29
|
+
readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
|
|
30
|
+
readonly required: false;
|
|
31
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
32
|
+
__epPropKey: true;
|
|
33
|
+
};
|
|
34
|
+
readonly showStops: BooleanConstructor;
|
|
35
|
+
readonly showTooltip: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
36
|
+
readonly formatTooltip: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => (val: number) => number | string) | (() => (val: number) => number | string) | {
|
|
37
|
+
(): (val: number) => number | string;
|
|
38
|
+
new (): any;
|
|
39
|
+
readonly prototype: any;
|
|
40
|
+
} | (((new (...args: any[]) => (val: number) => number | string) | (() => (val: number) => number | string) | {
|
|
41
|
+
(): (val: number) => number | string;
|
|
42
|
+
new (): any;
|
|
43
|
+
readonly prototype: any;
|
|
44
|
+
}) | null)[], unknown, unknown, undefined, boolean>;
|
|
45
|
+
readonly disabled: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
|
46
|
+
readonly range: BooleanConstructor;
|
|
47
|
+
readonly vertical: BooleanConstructor;
|
|
48
|
+
readonly height: StringConstructor;
|
|
49
|
+
readonly rangeStartLabel: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
|
|
50
|
+
readonly rangeEndLabel: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
|
|
51
|
+
readonly formatValueText: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => (val: number) => string) | (() => (val: number) => string) | {
|
|
52
|
+
(): (val: number) => string;
|
|
53
|
+
new (): any;
|
|
54
|
+
readonly prototype: any;
|
|
55
|
+
} | (((new (...args: any[]) => (val: number) => string) | (() => (val: number) => string) | {
|
|
56
|
+
(): (val: number) => string;
|
|
57
|
+
new (): any;
|
|
58
|
+
readonly prototype: any;
|
|
59
|
+
}) | null)[], unknown, unknown, undefined, boolean>;
|
|
60
|
+
readonly tooltipClass: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
|
|
61
|
+
readonly placement: import("@element-plus/utils").EpPropFinalized<StringConstructor, import("element-plus").Placement, unknown, "top", boolean>;
|
|
62
|
+
readonly marks: {
|
|
63
|
+
readonly type: import("vue").PropType<SliderMarks>;
|
|
64
|
+
readonly required: false;
|
|
65
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
66
|
+
__epPropKey: true;
|
|
67
|
+
};
|
|
68
|
+
readonly validateEvent: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
69
|
+
readonly persistent: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
70
|
+
};
|
|
71
|
+
export type SliderProps = ExtractPropTypes<typeof sliderProps>;
|
|
72
|
+
export type SliderPropsPublic = ExtractPublicPropTypes<typeof sliderProps>;
|
|
73
|
+
export declare const sliderEmits: {
|
|
74
|
+
"update:modelValue": (value: Arrayable<number>) => value is number | number[];
|
|
75
|
+
input: (value: Arrayable<number>) => value is number | number[];
|
|
76
|
+
change: (value: Arrayable<number>) => value is number | number[];
|
|
77
|
+
};
|
|
78
|
+
export type SliderEmits = typeof sliderEmits;
|
|
79
|
+
export type SliderInstance = InstanceType<typeof Slider> & unknown;
|
|
80
|
+
export {};
|
|
@@ -0,0 +1,170 @@
|
|
|
1
|
+
import { placements as a } from "@popperjs/core";
|
|
2
|
+
import { isNumber as r } from "../../utils/types.js";
|
|
3
|
+
import "lodash-unified";
|
|
4
|
+
import "@vueuse/core";
|
|
5
|
+
import { isArray as p } from "@vue/shared";
|
|
6
|
+
import { CHANGE_EVENT as l, INPUT_EVENT as n, UPDATE_MODEL_EVENT as m } from "../../constants/event.js";
|
|
7
|
+
import "@element-plus/icons-vue";
|
|
8
|
+
import { buildProps as u, definePropType as t } from "../../utils/vue/props/runtime.js";
|
|
9
|
+
import "vue";
|
|
10
|
+
import { useSizeProp as i } from "../../hooks/use-size/index.js";
|
|
11
|
+
import "../../hooks/use-z-index/index.js";
|
|
12
|
+
import "../../hooks/use-delayed-toggle/index.js";
|
|
13
|
+
import { useAriaProps as d } from "../../hooks/use-aria/index.js";
|
|
14
|
+
import "../../hooks/use-model-toggle/index.js";
|
|
15
|
+
import "../../hooks/use-empty-values/index.js";
|
|
16
|
+
const A = u({
|
|
17
|
+
/**
|
|
18
|
+
* @description binding value
|
|
19
|
+
*/
|
|
20
|
+
modelValue: {
|
|
21
|
+
type: t([Number, Array]),
|
|
22
|
+
default: 0
|
|
23
|
+
},
|
|
24
|
+
id: {
|
|
25
|
+
type: String,
|
|
26
|
+
default: void 0
|
|
27
|
+
},
|
|
28
|
+
/**
|
|
29
|
+
* @description minimum value
|
|
30
|
+
*/
|
|
31
|
+
min: {
|
|
32
|
+
type: Number,
|
|
33
|
+
default: 0
|
|
34
|
+
},
|
|
35
|
+
/**
|
|
36
|
+
* @description maximum value
|
|
37
|
+
*/
|
|
38
|
+
max: {
|
|
39
|
+
type: Number,
|
|
40
|
+
default: 100
|
|
41
|
+
},
|
|
42
|
+
/**
|
|
43
|
+
* @description step size, can be a number or `'mark'` to restrict values to marks. When set to `'mark'`, the `marks` attribute must be set
|
|
44
|
+
*/
|
|
45
|
+
step: {
|
|
46
|
+
type: t([Number, String]),
|
|
47
|
+
default: 1
|
|
48
|
+
},
|
|
49
|
+
/**
|
|
50
|
+
* @description whether to display an input box, works when `range` is false and `step` is not `'mark'`
|
|
51
|
+
*/
|
|
52
|
+
showInput: Boolean,
|
|
53
|
+
/**
|
|
54
|
+
* @description whether to display control buttons when `show-input` is true
|
|
55
|
+
*/
|
|
56
|
+
showInputControls: {
|
|
57
|
+
type: Boolean,
|
|
58
|
+
default: !0
|
|
59
|
+
},
|
|
60
|
+
/**
|
|
61
|
+
* @description size of the slider wrapper, will not work in vertical mode
|
|
62
|
+
*/
|
|
63
|
+
size: i,
|
|
64
|
+
/**
|
|
65
|
+
* @description size of the input box, when set `size`, the default is the value of `size`
|
|
66
|
+
*/
|
|
67
|
+
inputSize: i,
|
|
68
|
+
/**
|
|
69
|
+
* @description whether to display breakpoints
|
|
70
|
+
*/
|
|
71
|
+
showStops: Boolean,
|
|
72
|
+
/**
|
|
73
|
+
* @description whether to display tooltip value
|
|
74
|
+
*/
|
|
75
|
+
showTooltip: {
|
|
76
|
+
type: Boolean,
|
|
77
|
+
default: !0
|
|
78
|
+
},
|
|
79
|
+
/**
|
|
80
|
+
* @description format to display tooltip value
|
|
81
|
+
*/
|
|
82
|
+
formatTooltip: {
|
|
83
|
+
type: t(Function),
|
|
84
|
+
default: void 0
|
|
85
|
+
},
|
|
86
|
+
/**
|
|
87
|
+
* @description whether Slider is disabled
|
|
88
|
+
*/
|
|
89
|
+
disabled: {
|
|
90
|
+
type: Boolean,
|
|
91
|
+
default: void 0
|
|
92
|
+
},
|
|
93
|
+
/**
|
|
94
|
+
* @description whether to select a range
|
|
95
|
+
*/
|
|
96
|
+
range: Boolean,
|
|
97
|
+
/**
|
|
98
|
+
* @description vertical mode
|
|
99
|
+
*/
|
|
100
|
+
vertical: Boolean,
|
|
101
|
+
/**
|
|
102
|
+
* @description slider height, required in vertical mode
|
|
103
|
+
*/
|
|
104
|
+
height: String,
|
|
105
|
+
/**
|
|
106
|
+
* @description when `range` is true, screen reader label for the start of the range
|
|
107
|
+
*/
|
|
108
|
+
rangeStartLabel: {
|
|
109
|
+
type: String,
|
|
110
|
+
default: void 0
|
|
111
|
+
},
|
|
112
|
+
/**
|
|
113
|
+
* @description when `range` is true, screen reader label for the end of the range
|
|
114
|
+
*/
|
|
115
|
+
rangeEndLabel: {
|
|
116
|
+
type: String,
|
|
117
|
+
default: void 0
|
|
118
|
+
},
|
|
119
|
+
/**
|
|
120
|
+
* @description format to display the `aria-valuenow` attribute for screen readers
|
|
121
|
+
*/
|
|
122
|
+
formatValueText: {
|
|
123
|
+
type: t(Function),
|
|
124
|
+
default: void 0
|
|
125
|
+
},
|
|
126
|
+
/**
|
|
127
|
+
* @description custom class name for the tooltip
|
|
128
|
+
*/
|
|
129
|
+
tooltipClass: {
|
|
130
|
+
type: String,
|
|
131
|
+
default: void 0
|
|
132
|
+
},
|
|
133
|
+
/**
|
|
134
|
+
* @description position of Tooltip
|
|
135
|
+
*/
|
|
136
|
+
placement: {
|
|
137
|
+
type: String,
|
|
138
|
+
values: a,
|
|
139
|
+
default: "top"
|
|
140
|
+
},
|
|
141
|
+
/**
|
|
142
|
+
* @description marks, type of key must be `number` and must in closed interval `[min, max]`, each mark can custom style
|
|
143
|
+
*/
|
|
144
|
+
marks: {
|
|
145
|
+
type: t(Object)
|
|
146
|
+
},
|
|
147
|
+
/**
|
|
148
|
+
* @description whether to trigger form validation
|
|
149
|
+
*/
|
|
150
|
+
validateEvent: {
|
|
151
|
+
type: Boolean,
|
|
152
|
+
default: !0
|
|
153
|
+
},
|
|
154
|
+
/**
|
|
155
|
+
* @description when slider tooltip inactive and `persistent` is `false` , popconfirm will be destroyed. `persistent` always be `false` when `show-tooltip ` is `false`
|
|
156
|
+
*/
|
|
157
|
+
persistent: {
|
|
158
|
+
type: Boolean,
|
|
159
|
+
default: !0
|
|
160
|
+
},
|
|
161
|
+
...d(["ariaLabel"])
|
|
162
|
+
}), o = (e) => r(e) || p(e) && e.every(r), w = {
|
|
163
|
+
[m]: o,
|
|
164
|
+
[n]: o,
|
|
165
|
+
[l]: o
|
|
166
|
+
};
|
|
167
|
+
export {
|
|
168
|
+
w as sliderEmits,
|
|
169
|
+
A as sliderProps
|
|
170
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { StepProps } from './step';
|
|
2
|
+
import type { ComputedRef, Ref, VNode } from 'vue';
|
|
3
|
+
import type { StepsProps } from '../steps/steps';
|
|
4
|
+
export interface StepItemState {
|
|
5
|
+
uid: number;
|
|
6
|
+
getVnode: () => VNode;
|
|
7
|
+
currentStatus: ComputedRef<string>;
|
|
8
|
+
internalStatus: Ref<string>;
|
|
9
|
+
setIndex: (val: number) => void;
|
|
10
|
+
calcProgress: (status: string) => void;
|
|
11
|
+
}
|
|
12
|
+
export interface IStepsInject {
|
|
13
|
+
props: Required<StepsProps>;
|
|
14
|
+
steps: Ref<StepItemState[]>;
|
|
15
|
+
addStep: (item: StepItemState) => void;
|
|
16
|
+
removeStep: (item: StepItemState) => void;
|
|
17
|
+
}
|
|
18
|
+
declare var __VLS_1: {}, __VLS_27: {}, __VLS_29: {};
|
|
19
|
+
type __VLS_Slots = {} & {
|
|
20
|
+
icon?: (props: typeof __VLS_1) => any;
|
|
21
|
+
} & {
|
|
22
|
+
title?: (props: typeof __VLS_27) => any;
|
|
23
|
+
} & {
|
|
24
|
+
description?: (props: typeof __VLS_29) => any;
|
|
25
|
+
};
|
|
26
|
+
declare const __VLS_component: import("vue").DefineComponent<StepProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StepProps> & Readonly<{}>, {
|
|
27
|
+
description: string;
|
|
28
|
+
icon: import("@element-plus/utils").IconPropType;
|
|
29
|
+
title: string;
|
|
30
|
+
status: "" | "wait" | "process" | "finish" | "error" | "success";
|
|
31
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
32
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
33
|
+
export default _default;
|
|
34
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
35
|
+
new (): {
|
|
36
|
+
$slots: S;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import { defineComponent as Y, ref as E, inject as q, getCurrentInstance as F, onMounted as G, watch as H, computed as n, onBeforeUnmount as Q, openBlock as r, createElementBlock as m, normalizeClass as l, normalizeStyle as P, createElementVNode as f, unref as t, createCommentVNode as W, renderSlot as N, createBlock as S, withCtx as w, resolveDynamicComponent as R, createVNode as z, toDisplayString as x, createTextVNode as K } from "vue";
|
|
2
|
+
import { useNamespace as X } from "../../hooks/use-namespace/index.js";
|
|
3
|
+
import { isNumber as Z } from "../../utils/types.js";
|
|
4
|
+
import "lodash-unified";
|
|
5
|
+
import "@vueuse/core";
|
|
6
|
+
import "@vue/shared";
|
|
7
|
+
import { Check as _, Close as ee } from "@element-plus/icons-vue";
|
|
8
|
+
import "../../hooks/use-size/index.js";
|
|
9
|
+
import "@popperjs/core";
|
|
10
|
+
import "../../hooks/use-z-index/index.js";
|
|
11
|
+
import "../../hooks/use-delayed-toggle/index.js";
|
|
12
|
+
import "../../hooks/use-aria/index.js";
|
|
13
|
+
import "../../hooks/use-model-toggle/index.js";
|
|
14
|
+
import "../../hooks/use-empty-values/index.js";
|
|
15
|
+
import { ElIcon as I } from "../icon/index.js";
|
|
16
|
+
import { STEPS_INJECTION_KEY as te } from "../steps/tokens.js";
|
|
17
|
+
const Ce = /* @__PURE__ */ Y({
|
|
18
|
+
name: "EpStep",
|
|
19
|
+
__name: "EpStep",
|
|
20
|
+
props: {
|
|
21
|
+
title: { default: "" },
|
|
22
|
+
icon: { default: "" },
|
|
23
|
+
description: { default: "" },
|
|
24
|
+
status: { default: "" }
|
|
25
|
+
},
|
|
26
|
+
setup(c) {
|
|
27
|
+
const M = c, s = X("step"), i = E(-1), V = E({}), p = E(""), a = q(te), y = F();
|
|
28
|
+
let h = 0, C = 0;
|
|
29
|
+
G(() => {
|
|
30
|
+
H(
|
|
31
|
+
[
|
|
32
|
+
() => a.props.active,
|
|
33
|
+
() => a.props.processStatus,
|
|
34
|
+
() => a.props.finishStatus
|
|
35
|
+
],
|
|
36
|
+
([e], [u]) => {
|
|
37
|
+
C = u || 0, h = e - C, U(e);
|
|
38
|
+
},
|
|
39
|
+
{ immediate: !0 }
|
|
40
|
+
);
|
|
41
|
+
});
|
|
42
|
+
const v = n(() => M.status || p.value), j = n(() => {
|
|
43
|
+
const e = a.steps.value[i.value - 1];
|
|
44
|
+
return e ? e.internalStatus.value : "wait";
|
|
45
|
+
}), k = n(() => a.props.alignCenter), b = n(() => a.props.direction === "vertical"), o = n(() => a.props.simple), $ = n(() => a.steps.value.length), B = n(() => {
|
|
46
|
+
var e;
|
|
47
|
+
return ((e = a.steps.value[$.value - 1]) == null ? void 0 : e.uid) === y.uid;
|
|
48
|
+
}), d = n(() => o.value ? "" : a.props.space), A = n(() => [
|
|
49
|
+
s.b(),
|
|
50
|
+
s.is(o.value ? "simple" : a.props.direction),
|
|
51
|
+
s.is("flex", B.value && !d.value && !k.value),
|
|
52
|
+
s.is("center", k.value && !b.value && !o.value)
|
|
53
|
+
]), J = n(() => {
|
|
54
|
+
const e = {
|
|
55
|
+
flexBasis: Z(d.value) ? `${d.value}px` : d.value ? d.value : `${100 / ($.value - (k.value ? 0 : 1))}%`
|
|
56
|
+
};
|
|
57
|
+
return b.value || B.value && (e.maxWidth = `${100 / $.value}%`), e;
|
|
58
|
+
}), L = (e) => {
|
|
59
|
+
i.value = e;
|
|
60
|
+
}, O = (e) => {
|
|
61
|
+
const u = e === "wait", g = {
|
|
62
|
+
transitionDelay: `${Math.abs(h) === 1 ? 0 : h > 0 ? (i.value + 1 - C) * 150 : -(i.value + 1 - a.props.active) * 150}ms`
|
|
63
|
+
}, D = e === a.props.processStatus || u ? 0 : 100;
|
|
64
|
+
g.borderWidth = D && !o.value ? "1px" : 0, g[a.props.direction === "vertical" ? "height" : "width"] = `${D}%`, V.value = g;
|
|
65
|
+
}, U = (e) => {
|
|
66
|
+
e > i.value ? p.value = a.props.finishStatus : e === i.value && j.value !== "error" ? p.value = a.props.processStatus : p.value = "wait";
|
|
67
|
+
const u = a.steps.value[i.value - 1];
|
|
68
|
+
u && u.calcProgress(p.value);
|
|
69
|
+
}, T = {
|
|
70
|
+
uid: y.uid,
|
|
71
|
+
getVnode: () => y.vnode,
|
|
72
|
+
currentStatus: v,
|
|
73
|
+
internalStatus: p,
|
|
74
|
+
setIndex: L,
|
|
75
|
+
calcProgress: O
|
|
76
|
+
};
|
|
77
|
+
return a.addStep(T), Q(() => {
|
|
78
|
+
a.removeStep(T);
|
|
79
|
+
}), (e, u) => (r(), m("div", {
|
|
80
|
+
style: P(J.value),
|
|
81
|
+
class: l(A.value)
|
|
82
|
+
}, [
|
|
83
|
+
f("div", {
|
|
84
|
+
class: l([t(s).e("head"), t(s).is(v.value)])
|
|
85
|
+
}, [
|
|
86
|
+
o.value ? W("", !0) : (r(), m("div", {
|
|
87
|
+
key: 0,
|
|
88
|
+
class: l(t(s).e("line"))
|
|
89
|
+
}, [
|
|
90
|
+
f("i", {
|
|
91
|
+
class: l(t(s).e("line-inner")),
|
|
92
|
+
style: P(V.value)
|
|
93
|
+
}, null, 6)
|
|
94
|
+
], 2)),
|
|
95
|
+
f("div", {
|
|
96
|
+
class: l([t(s).e("icon"), t(s).is(c.icon || e.$slots.icon ? "icon" : "text")])
|
|
97
|
+
}, [
|
|
98
|
+
N(e.$slots, "icon", {}, () => [
|
|
99
|
+
c.icon ? (r(), S(t(I), {
|
|
100
|
+
key: 0,
|
|
101
|
+
class: l(t(s).e("icon-inner"))
|
|
102
|
+
}, {
|
|
103
|
+
default: w(() => [
|
|
104
|
+
(r(), S(R(c.icon)))
|
|
105
|
+
]),
|
|
106
|
+
_: 1
|
|
107
|
+
}, 8, ["class"])) : v.value === "success" ? (r(), S(t(I), {
|
|
108
|
+
key: 1,
|
|
109
|
+
class: l([t(s).e("icon-inner"), t(s).is("status")])
|
|
110
|
+
}, {
|
|
111
|
+
default: w(() => [
|
|
112
|
+
z(t(_))
|
|
113
|
+
]),
|
|
114
|
+
_: 1
|
|
115
|
+
}, 8, ["class"])) : v.value === "error" ? (r(), S(t(I), {
|
|
116
|
+
key: 2,
|
|
117
|
+
class: l([t(s).e("icon-inner"), t(s).is("status")])
|
|
118
|
+
}, {
|
|
119
|
+
default: w(() => [
|
|
120
|
+
z(t(ee))
|
|
121
|
+
]),
|
|
122
|
+
_: 1
|
|
123
|
+
}, 8, ["class"])) : o.value ? W("", !0) : (r(), m("div", {
|
|
124
|
+
key: 3,
|
|
125
|
+
class: l(t(s).e("icon-inner"))
|
|
126
|
+
}, x(i.value + 1), 3))
|
|
127
|
+
])
|
|
128
|
+
], 2)
|
|
129
|
+
], 2),
|
|
130
|
+
f("div", {
|
|
131
|
+
class: l(t(s).e("main"))
|
|
132
|
+
}, [
|
|
133
|
+
f("div", {
|
|
134
|
+
class: l([t(s).e("title"), t(s).is(v.value)])
|
|
135
|
+
}, [
|
|
136
|
+
N(e.$slots, "title", {}, () => [
|
|
137
|
+
K(x(c.title), 1)
|
|
138
|
+
])
|
|
139
|
+
], 2),
|
|
140
|
+
o.value ? (r(), m("div", {
|
|
141
|
+
key: 0,
|
|
142
|
+
class: l(t(s).e("arrow"))
|
|
143
|
+
}, null, 2)) : (r(), m("div", {
|
|
144
|
+
key: 1,
|
|
145
|
+
class: l([t(s).e("description"), t(s).is(v.value)])
|
|
146
|
+
}, [
|
|
147
|
+
N(e.$slots, "description", {}, () => [
|
|
148
|
+
K(x(c.description), 1)
|
|
149
|
+
])
|
|
150
|
+
], 2))
|
|
151
|
+
], 2)
|
|
152
|
+
], 6));
|
|
153
|
+
}
|
|
154
|
+
});
|
|
155
|
+
export {
|
|
156
|
+
Ce as default
|
|
157
|
+
};
|
|
@@ -1,4 +1,14 @@
|
|
|
1
1
|
import type { Plugin } from 'vue';
|
|
2
|
-
import
|
|
3
|
-
|
|
2
|
+
import _EpStep from './EpStep.vue';
|
|
3
|
+
/**
|
|
4
|
+
* step 自持 barrel(vendor-batch-1 产出)。
|
|
5
|
+
*
|
|
6
|
+
* 仅负责把本地本体注册为 `ep-step`。父级识别不经过本 barrel:`EpSteps` 按
|
|
7
|
+
* 组件名 `'EpStep'`(与本体 `defineOptions` 同字面量)收集子项,`StepItemState` /
|
|
8
|
+
* `IStepsInject` 随 `EpStep.vue` 导出,由 Steps 以 `import type` 复用。
|
|
9
|
+
* 不导出 `ElStep` 别名。
|
|
10
|
+
*/
|
|
11
|
+
export declare const EpStep: typeof _EpStep & Plugin;
|
|
4
12
|
export default EpStep;
|
|
13
|
+
export { stepProps } from './step';
|
|
14
|
+
export type { StepInstance, StepProps, StepPropsPublic } from './step';
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
import { ElStep as t } from "element-plus";
|
|
2
1
|
import { withInstall as p } from "../../utils/with-install.js";
|
|
3
|
-
|
|
2
|
+
import t from "./EpStep.vue.js";
|
|
3
|
+
import { stepProps as f } from "./step.js";
|
|
4
|
+
const e = p(
|
|
5
|
+
t,
|
|
6
|
+
"ep-step"
|
|
7
|
+
);
|
|
4
8
|
export {
|
|
5
|
-
|
|
9
|
+
e as EpStep,
|
|
10
|
+
f as stepProps
|
|
6
11
|
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import type { ExtractPublicPropTypes } from 'vue';
|
|
2
|
+
import type { IconPropType } from '@element-plus/utils';
|
|
3
|
+
import type Step from './EpStep.vue';
|
|
4
|
+
export interface StepProps {
|
|
5
|
+
/**
|
|
6
|
+
* @description step title
|
|
7
|
+
*/
|
|
8
|
+
title?: string;
|
|
9
|
+
/**
|
|
10
|
+
* @description step custom icon. Icons can be passed via named slot as well
|
|
11
|
+
*/
|
|
12
|
+
icon?: IconPropType;
|
|
13
|
+
/**
|
|
14
|
+
* @description step description
|
|
15
|
+
* @default ''
|
|
16
|
+
*/
|
|
17
|
+
description?: string;
|
|
18
|
+
/**
|
|
19
|
+
* @description current status. It will be automatically set by Steps if not configured.
|
|
20
|
+
* @default ''
|
|
21
|
+
*/
|
|
22
|
+
status?: '' | 'wait' | 'process' | 'finish' | 'error' | 'success';
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* @deprecated Removed after 3.0.0, Use `StepProps` instead.
|
|
26
|
+
*/
|
|
27
|
+
export declare const stepProps: {
|
|
28
|
+
readonly title: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
29
|
+
readonly icon: {
|
|
30
|
+
readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
|
|
31
|
+
readonly required: false;
|
|
32
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
33
|
+
__epPropKey: true;
|
|
34
|
+
};
|
|
35
|
+
readonly description: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
|
36
|
+
readonly status: import("@element-plus/utils").EpPropFinalized<StringConstructor, "" | "wait" | "error" | "finish" | "success" | "process", unknown, "", boolean>;
|
|
37
|
+
};
|
|
38
|
+
/**
|
|
39
|
+
* @deprecated Removed after 3.0.0, Use `StepProps` instead.
|
|
40
|
+
*/
|
|
41
|
+
export type StepPropsPublic = ExtractPublicPropTypes<typeof stepProps>;
|
|
42
|
+
export type StepInstance = InstanceType<typeof Step> & unknown;
|