@ark-ui/vue 5.27.1 → 5.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion/accordion-item-content.vue.cjs +1 -0
- package/dist/components/accordion/accordion-item-content.vue.js +1 -0
- package/dist/components/anatomy.cjs +4 -5
- package/dist/components/anatomy.d.cts +1 -0
- package/dist/components/anatomy.d.ts +1 -0
- package/dist/components/anatomy.js +2 -1
- package/dist/components/carousel/carousel-autoplay-indicator.vue.cjs +37 -0
- package/dist/components/carousel/carousel-autoplay-indicator.vue.d.cts +26 -0
- package/dist/components/carousel/carousel-autoplay-indicator.vue.d.ts +26 -0
- package/dist/components/carousel/carousel-autoplay-indicator.vue.js +33 -0
- package/dist/components/carousel/carousel-autoplay-indicator.vue2.cjs +9 -0
- package/dist/components/carousel/carousel-autoplay-indicator.vue2.js +5 -0
- package/dist/components/carousel/carousel-progress-text.vue.cjs +38 -0
- package/dist/components/carousel/carousel-progress-text.vue.d.cts +19 -0
- package/dist/components/carousel/carousel-progress-text.vue.d.ts +19 -0
- package/dist/components/carousel/carousel-progress-text.vue.js +34 -0
- package/dist/components/carousel/carousel-progress-text.vue2.cjs +9 -0
- package/dist/components/carousel/carousel-progress-text.vue2.js +5 -0
- package/dist/components/carousel/carousel-root.vue.cjs +3 -1
- package/dist/components/carousel/carousel-root.vue.d.cts +1 -0
- package/dist/components/carousel/carousel-root.vue.d.ts +1 -0
- package/dist/components/carousel/carousel-root.vue.js +3 -1
- package/dist/components/carousel/carousel.anatomy.cjs +9 -0
- package/dist/components/carousel/carousel.anatomy.d.cts +2 -1
- package/dist/components/carousel/carousel.anatomy.d.ts +2 -1
- package/dist/components/carousel/carousel.anatomy.js +5 -0
- package/dist/components/carousel/carousel.cjs +4 -0
- package/dist/components/carousel/carousel.d.cts +2 -0
- package/dist/components/carousel/carousel.d.ts +2 -0
- package/dist/components/carousel/carousel.js +2 -0
- package/dist/components/carousel/carousel.types.d.cts +5 -0
- package/dist/components/carousel/carousel.types.d.ts +5 -0
- package/dist/components/carousel/index.cjs +8 -7
- package/dist/components/carousel/index.d.cts +2 -0
- package/dist/components/carousel/index.d.ts +2 -0
- package/dist/components/carousel/index.js +3 -1
- package/dist/components/checkbox/checkbox.anatomy.d.cts +1 -1
- package/dist/components/checkbox/checkbox.anatomy.d.ts +1 -1
- package/dist/components/collection/use-list-collection.d.cts +1 -1
- package/dist/components/collection/use-list-collection.d.ts +1 -1
- package/dist/components/color-picker/color-picker-root.vue.d.cts +1 -1
- package/dist/components/color-picker/color-picker-root.vue.d.ts +1 -1
- package/dist/components/color-picker/color-picker.anatomy.d.cts +1 -1
- package/dist/components/color-picker/color-picker.anatomy.d.ts +1 -1
- package/dist/components/color-picker/color-picker.d.cts +1 -1
- package/dist/components/color-picker/color-picker.d.ts +1 -1
- package/dist/components/color-picker/index.d.cts +1 -1
- package/dist/components/color-picker/index.d.ts +1 -1
- package/dist/components/combobox/combobox-root.vue.d.cts +1 -1
- package/dist/components/combobox/combobox-root.vue.d.ts +1 -1
- package/dist/components/combobox/combobox.anatomy.d.cts +1 -1
- package/dist/components/combobox/combobox.anatomy.d.ts +1 -1
- package/dist/components/combobox/combobox.d.cts +1 -1
- package/dist/components/combobox/combobox.d.ts +1 -1
- package/dist/components/combobox/index.d.cts +1 -1
- package/dist/components/combobox/index.d.ts +1 -1
- package/dist/components/date-picker/date-picker-root.vue.d.cts +2 -1
- package/dist/components/date-picker/date-picker-root.vue.d.ts +2 -1
- package/dist/components/date-picker/date-picker.anatomy.d.cts +1 -1
- package/dist/components/date-picker/date-picker.anatomy.d.ts +1 -1
- package/dist/components/dialog/dialog-root.vue.d.cts +1 -1
- package/dist/components/dialog/dialog-root.vue.d.ts +1 -1
- package/dist/components/dialog/dialog.d.cts +1 -1
- package/dist/components/dialog/dialog.d.ts +1 -1
- package/dist/components/dialog/index.d.cts +1 -1
- package/dist/components/dialog/index.d.ts +1 -1
- package/dist/components/editable/editable-root.vue.d.cts +1 -1
- package/dist/components/editable/editable-root.vue.d.ts +1 -1
- package/dist/components/editable/editable.d.cts +1 -1
- package/dist/components/editable/editable.d.ts +1 -1
- package/dist/components/editable/index.d.cts +1 -1
- package/dist/components/editable/index.d.ts +1 -1
- package/dist/components/floating-panel/floating-panel-root.vue.d.cts +2 -1
- package/dist/components/floating-panel/floating-panel-root.vue.d.ts +2 -1
- package/dist/components/hover-card/hover-card-root.vue.d.cts +1 -1
- package/dist/components/hover-card/hover-card-root.vue.d.ts +1 -1
- package/dist/components/hover-card/hover-card.d.cts +1 -1
- package/dist/components/hover-card/hover-card.d.ts +1 -1
- package/dist/components/hover-card/index.d.cts +1 -1
- package/dist/components/hover-card/index.d.ts +1 -1
- package/dist/components/image-cropper/image-cropper-context.vue.cjs +22 -0
- package/dist/components/image-cropper/image-cropper-context.vue.d.cts +14 -0
- package/dist/components/image-cropper/image-cropper-context.vue.d.ts +14 -0
- package/dist/components/image-cropper/image-cropper-context.vue.js +18 -0
- package/dist/components/image-cropper/image-cropper-context.vue2.cjs +9 -0
- package/dist/components/image-cropper/image-cropper-context.vue2.js +5 -0
- package/dist/components/image-cropper/image-cropper-grid.vue.cjs +31 -0
- package/dist/components/image-cropper/image-cropper-grid.vue.d.cts +20 -0
- package/dist/components/image-cropper/image-cropper-grid.vue.d.ts +20 -0
- package/dist/components/image-cropper/image-cropper-grid.vue.js +27 -0
- package/dist/components/image-cropper/image-cropper-grid.vue2.cjs +9 -0
- package/dist/components/image-cropper/image-cropper-grid.vue2.js +5 -0
- package/dist/components/image-cropper/image-cropper-handle.vue.cjs +31 -0
- package/dist/components/image-cropper/image-cropper-handle.vue.d.cts +20 -0
- package/dist/components/image-cropper/image-cropper-handle.vue.d.ts +20 -0
- package/dist/components/image-cropper/image-cropper-handle.vue.js +27 -0
- package/dist/components/image-cropper/image-cropper-handle.vue2.cjs +9 -0
- package/dist/components/image-cropper/image-cropper-handle.vue2.js +5 -0
- package/dist/components/image-cropper/image-cropper-image.vue.cjs +24 -0
- package/dist/components/image-cropper/image-cropper-image.vue.d.cts +12 -0
- package/dist/components/image-cropper/image-cropper-image.vue.d.ts +12 -0
- package/dist/components/image-cropper/image-cropper-image.vue.js +20 -0
- package/dist/components/image-cropper/image-cropper-image.vue2.cjs +9 -0
- package/dist/components/image-cropper/image-cropper-image.vue2.js +5 -0
- package/dist/components/image-cropper/image-cropper-root-provider.vue.cjs +32 -0
- package/dist/components/image-cropper/image-cropper-root-provider.vue.d.cts +23 -0
- package/dist/components/image-cropper/image-cropper-root-provider.vue.d.ts +23 -0
- package/dist/components/image-cropper/image-cropper-root-provider.vue.js +28 -0
- package/dist/components/image-cropper/image-cropper-root-provider.vue2.cjs +9 -0
- package/dist/components/image-cropper/image-cropper-root-provider.vue2.js +5 -0
- package/dist/components/image-cropper/image-cropper-root.vue.cjs +56 -0
- package/dist/components/image-cropper/image-cropper-root.vue.d.cts +42 -0
- package/dist/components/image-cropper/image-cropper-root.vue.d.ts +42 -0
- package/dist/components/image-cropper/image-cropper-root.vue.js +52 -0
- package/dist/components/image-cropper/image-cropper-root.vue2.cjs +9 -0
- package/dist/components/image-cropper/image-cropper-root.vue2.js +5 -0
- package/dist/components/image-cropper/image-cropper-selection.vue.cjs +29 -0
- package/dist/components/image-cropper/image-cropper-selection.vue.d.cts +19 -0
- package/dist/components/image-cropper/image-cropper-selection.vue.d.ts +19 -0
- package/dist/components/image-cropper/image-cropper-selection.vue.js +25 -0
- package/dist/components/image-cropper/image-cropper-selection.vue2.cjs +9 -0
- package/dist/components/image-cropper/image-cropper-selection.vue2.js +5 -0
- package/dist/components/image-cropper/image-cropper-viewport.vue.cjs +29 -0
- package/dist/components/image-cropper/image-cropper-viewport.vue.d.cts +19 -0
- package/dist/components/image-cropper/image-cropper-viewport.vue.d.ts +19 -0
- package/dist/components/image-cropper/image-cropper-viewport.vue.js +25 -0
- package/dist/components/image-cropper/image-cropper-viewport.vue2.cjs +9 -0
- package/dist/components/image-cropper/image-cropper-viewport.vue2.js +5 -0
- package/dist/components/image-cropper/image-cropper.anatomy.cjs +9 -0
- package/dist/components/image-cropper/image-cropper.anatomy.d.cts +2 -0
- package/dist/components/image-cropper/image-cropper.anatomy.d.ts +2 -0
- package/dist/components/image-cropper/image-cropper.anatomy.js +5 -0
- package/dist/components/image-cropper/image-cropper.cjs +28 -0
- package/dist/components/image-cropper/image-cropper.d.cts +10 -0
- package/dist/components/image-cropper/image-cropper.d.ts +10 -0
- package/dist/components/image-cropper/image-cropper.js +9 -0
- package/dist/components/image-cropper/image-cropper.types.d.cts +149 -0
- package/dist/components/image-cropper/image-cropper.types.d.ts +149 -0
- package/dist/components/image-cropper/index.cjs +31 -0
- package/dist/components/image-cropper/index.d.cts +13 -0
- package/dist/components/image-cropper/index.d.ts +13 -0
- package/dist/components/image-cropper/index.js +13 -0
- package/dist/components/image-cropper/use-image-cropper-context.cjs +10 -0
- package/dist/components/image-cropper/use-image-cropper-context.d.cts +5 -0
- package/dist/components/image-cropper/use-image-cropper-context.d.ts +5 -0
- package/dist/components/image-cropper/use-image-cropper-context.js +5 -0
- package/dist/components/image-cropper/use-image-cropper.cjs +68 -0
- package/dist/components/image-cropper/use-image-cropper.d.cts +10 -0
- package/dist/components/image-cropper/use-image-cropper.d.ts +10 -0
- package/dist/components/image-cropper/use-image-cropper.js +45 -0
- package/dist/components/index.cjs +43 -12
- package/dist/components/index.d.cts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +18 -2
- package/dist/components/listbox/listbox.anatomy.d.cts +1 -1
- package/dist/components/listbox/listbox.anatomy.d.ts +1 -1
- package/dist/components/marquee/marquee-content.vue.cjs +9 -1
- package/dist/components/marquee/marquee-content.vue.js +10 -2
- package/dist/components/menu/index.d.cts +1 -1
- package/dist/components/menu/index.d.ts +1 -1
- package/dist/components/menu/menu-root.vue.d.cts +1 -1
- package/dist/components/menu/menu-root.vue.d.ts +1 -1
- package/dist/components/menu/menu.d.cts +1 -1
- package/dist/components/menu/menu.d.ts +1 -1
- package/dist/components/popover/index.d.cts +1 -1
- package/dist/components/popover/index.d.ts +1 -1
- package/dist/components/popover/popover-root.vue.d.cts +1 -1
- package/dist/components/popover/popover-root.vue.d.ts +1 -1
- package/dist/components/popover/popover.d.cts +1 -1
- package/dist/components/popover/popover.d.ts +1 -1
- package/dist/components/segment-group/segment-group.anatomy.d.cts +2 -2
- package/dist/components/segment-group/segment-group.anatomy.d.ts +2 -2
- package/dist/components/select/index.d.cts +1 -1
- package/dist/components/select/index.d.ts +1 -1
- package/dist/components/select/select-root.vue.d.cts +1 -1
- package/dist/components/select/select-root.vue.d.ts +1 -1
- package/dist/components/select/select.d.cts +1 -1
- package/dist/components/select/select.d.ts +1 -1
- package/dist/components/splitter/index.cjs +11 -5
- package/dist/components/splitter/index.d.cts +2 -0
- package/dist/components/splitter/index.d.ts +2 -0
- package/dist/components/splitter/index.js +2 -1
- package/dist/components/splitter/splitter-resize-trigger-indicator.vue.cjs +31 -0
- package/dist/components/splitter/splitter-resize-trigger-indicator.vue.d.cts +19 -0
- package/dist/components/splitter/splitter-resize-trigger-indicator.vue.d.ts +19 -0
- package/dist/components/splitter/splitter-resize-trigger-indicator.vue.js +27 -0
- package/dist/components/splitter/splitter-resize-trigger-indicator.vue2.cjs +9 -0
- package/dist/components/splitter/splitter-resize-trigger-indicator.vue2.js +5 -0
- package/dist/components/splitter/splitter-resize-trigger.vue.cjs +2 -0
- package/dist/components/splitter/splitter-resize-trigger.vue.js +3 -1
- package/dist/components/splitter/splitter.cjs +7 -0
- package/dist/components/splitter/splitter.d.cts +6 -4
- package/dist/components/splitter/splitter.d.ts +6 -4
- package/dist/components/splitter/splitter.js +2 -0
- package/dist/components/splitter/use-splitter-resize-trigger-props-context.cjs +10 -0
- package/dist/components/splitter/use-splitter-resize-trigger-props-context.d.cts +3 -0
- package/dist/components/splitter/use-splitter-resize-trigger-props-context.d.ts +3 -0
- package/dist/components/splitter/use-splitter-resize-trigger-props-context.js +5 -0
- package/dist/components/tags-input/index.d.cts +1 -1
- package/dist/components/tags-input/index.d.ts +1 -1
- package/dist/components/tags-input/tags-input-root.vue.d.cts +1 -1
- package/dist/components/tags-input/tags-input-root.vue.d.ts +1 -1
- package/dist/components/tags-input/tags-input.d.cts +1 -1
- package/dist/components/tags-input/tags-input.d.ts +1 -1
- package/dist/components/toast/index.d.cts +2 -2
- package/dist/components/toast/index.d.ts +2 -2
- package/dist/components/toast/toast.d.cts +2 -0
- package/dist/components/toast/toast.d.ts +2 -0
- package/dist/components/toast/toaster.vue.d.cts +2 -1
- package/dist/components/toast/toaster.vue.d.ts +2 -1
- package/dist/components/tour/index.d.cts +1 -1
- package/dist/components/tour/index.d.ts +1 -1
- package/dist/components/tour/tour.anatomy.d.cts +1 -1
- package/dist/components/tour/tour.anatomy.d.ts +1 -1
- package/dist/components/tour/tour.d.cts +1 -1
- package/dist/components/tour/tour.d.ts +1 -1
- package/dist/index.cjs +43 -12
- package/dist/index.js +18 -2
- package/dist/utils/use-scope-id.cjs +36 -0
- package/dist/utils/use-scope-id.d.cts +5 -0
- package/dist/utils/use-scope-id.d.ts +5 -0
- package/dist/utils/use-scope-id.js +32 -0
- package/package.json +74 -73
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const vue = require('vue');
|
|
6
|
+
const factory = require('../factory.cjs');
|
|
7
|
+
const useImageCropperContext = require('./use-image-cropper-context.cjs');
|
|
8
|
+
const useForwardExpose = require('../../utils/use-forward-expose.cjs');
|
|
9
|
+
|
|
10
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
11
|
+
__name: "image-cropper-handle",
|
|
12
|
+
props: {
|
|
13
|
+
asChild: { type: Boolean },
|
|
14
|
+
position: {}
|
|
15
|
+
},
|
|
16
|
+
setup(__props) {
|
|
17
|
+
const props = __props;
|
|
18
|
+
const imageCropper = useImageCropperContext.useImageCropperContext();
|
|
19
|
+
useForwardExpose.useForwardExpose();
|
|
20
|
+
return (_ctx, _cache) => {
|
|
21
|
+
return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(imageCropper).getHandleProps({ position: props.position }), { "as-child": __props.asChild }), {
|
|
22
|
+
default: vue.withCtx(() => [
|
|
23
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
24
|
+
]),
|
|
25
|
+
_: 3
|
|
26
|
+
}, 16, ["as-child"]);
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { PolymorphicProps } from '../factory';
|
|
3
|
+
import { HandleProps } from '@zag-js/image-cropper';
|
|
4
|
+
export interface ImageCropperHandleBaseProps extends PolymorphicProps, HandleProps {
|
|
5
|
+
}
|
|
6
|
+
export interface ImageCropperHandleProps extends ImageCropperHandleBaseProps,
|
|
7
|
+
/**
|
|
8
|
+
* @vue-ignore
|
|
9
|
+
*/
|
|
10
|
+
HTMLAttributes {
|
|
11
|
+
}
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<ImageCropperHandleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ImageCropperHandleProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
}>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { PolymorphicProps } from '../factory';
|
|
3
|
+
import { HandleProps } from '@zag-js/image-cropper';
|
|
4
|
+
export interface ImageCropperHandleBaseProps extends PolymorphicProps, HandleProps {
|
|
5
|
+
}
|
|
6
|
+
export interface ImageCropperHandleProps extends ImageCropperHandleBaseProps,
|
|
7
|
+
/**
|
|
8
|
+
* @vue-ignore
|
|
9
|
+
*/
|
|
10
|
+
HTMLAttributes {
|
|
11
|
+
}
|
|
12
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<ImageCropperHandleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ImageCropperHandleProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
}>;
|
|
15
|
+
export default _default;
|
|
16
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
|
+
new (): {
|
|
18
|
+
$slots: S;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
|
|
2
|
+
import { ark } from '../factory.js';
|
|
3
|
+
import { useImageCropperContext } from './use-image-cropper-context.js';
|
|
4
|
+
import { useForwardExpose } from '../../utils/use-forward-expose.js';
|
|
5
|
+
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "image-cropper-handle",
|
|
8
|
+
props: {
|
|
9
|
+
asChild: { type: Boolean },
|
|
10
|
+
position: {}
|
|
11
|
+
},
|
|
12
|
+
setup(__props) {
|
|
13
|
+
const props = __props;
|
|
14
|
+
const imageCropper = useImageCropperContext();
|
|
15
|
+
useForwardExpose();
|
|
16
|
+
return (_ctx, _cache) => {
|
|
17
|
+
return openBlock(), createBlock(unref(ark).div, mergeProps(unref(imageCropper).getHandleProps({ position: props.position }), { "as-child": __props.asChild }), {
|
|
18
|
+
default: withCtx(() => [
|
|
19
|
+
renderSlot(_ctx.$slots, "default")
|
|
20
|
+
]),
|
|
21
|
+
_: 3
|
|
22
|
+
}, 16, ["as-child"]);
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
export { _sfc_main as default };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const imageCropperHandle_vue_vue_type_script_setup_true_lang = require('./image-cropper-handle.vue.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.default = imageCropperHandle_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const vue = require('vue');
|
|
6
|
+
const factory = require('../factory.cjs');
|
|
7
|
+
const useImageCropperContext = require('./use-image-cropper-context.cjs');
|
|
8
|
+
const useForwardExpose = require('../../utils/use-forward-expose.cjs');
|
|
9
|
+
|
|
10
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
11
|
+
__name: "image-cropper-image",
|
|
12
|
+
props: {
|
|
13
|
+
asChild: { type: Boolean }
|
|
14
|
+
},
|
|
15
|
+
setup(__props) {
|
|
16
|
+
const imageCropper = useImageCropperContext.useImageCropperContext();
|
|
17
|
+
useForwardExpose.useForwardExpose();
|
|
18
|
+
return (_ctx, _cache) => {
|
|
19
|
+
return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).img, vue.mergeProps(vue.unref(imageCropper).getImageProps(), { "as-child": __props.asChild }), null, 16, ["as-child"]);
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ImgHTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { PolymorphicProps } from '../factory';
|
|
3
|
+
export interface ImageCropperImageBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface ImageCropperImageProps extends ImageCropperImageBaseProps,
|
|
6
|
+
/**
|
|
7
|
+
* @vue-ignore
|
|
8
|
+
*/
|
|
9
|
+
ImgHTMLAttributes {
|
|
10
|
+
}
|
|
11
|
+
declare const _default: DefineComponent<ImageCropperImageProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ImageCropperImageProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ImgHTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { PolymorphicProps } from '../factory';
|
|
3
|
+
export interface ImageCropperImageBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface ImageCropperImageProps extends ImageCropperImageBaseProps,
|
|
6
|
+
/**
|
|
7
|
+
* @vue-ignore
|
|
8
|
+
*/
|
|
9
|
+
ImgHTMLAttributes {
|
|
10
|
+
}
|
|
11
|
+
declare const _default: DefineComponent<ImageCropperImageProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ImageCropperImageProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { defineComponent, createBlock, openBlock, unref, mergeProps } from 'vue';
|
|
2
|
+
import { ark } from '../factory.js';
|
|
3
|
+
import { useImageCropperContext } from './use-image-cropper-context.js';
|
|
4
|
+
import { useForwardExpose } from '../../utils/use-forward-expose.js';
|
|
5
|
+
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "image-cropper-image",
|
|
8
|
+
props: {
|
|
9
|
+
asChild: { type: Boolean }
|
|
10
|
+
},
|
|
11
|
+
setup(__props) {
|
|
12
|
+
const imageCropper = useImageCropperContext();
|
|
13
|
+
useForwardExpose();
|
|
14
|
+
return (_ctx, _cache) => {
|
|
15
|
+
return openBlock(), createBlock(unref(ark).img, mergeProps(unref(imageCropper).getImageProps(), { "as-child": __props.asChild }), null, 16, ["as-child"]);
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
export { _sfc_main as default };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const imageCropperImage_vue_vue_type_script_setup_true_lang = require('./image-cropper-image.vue.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.default = imageCropperImage_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const vue = require('vue');
|
|
6
|
+
const factory = require('../factory.cjs');
|
|
7
|
+
const useImageCropperContext = require('./use-image-cropper-context.cjs');
|
|
8
|
+
const useForwardExpose = require('../../utils/use-forward-expose.cjs');
|
|
9
|
+
|
|
10
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
11
|
+
__name: "image-cropper-root-provider",
|
|
12
|
+
props: {
|
|
13
|
+
value: {},
|
|
14
|
+
asChild: { type: Boolean }
|
|
15
|
+
},
|
|
16
|
+
setup(__props) {
|
|
17
|
+
const props = __props;
|
|
18
|
+
const imageCropper = vue.computed(() => props.value);
|
|
19
|
+
useImageCropperContext.ImageCropperProvider(imageCropper);
|
|
20
|
+
useForwardExpose.useForwardExpose();
|
|
21
|
+
return (_ctx, _cache) => {
|
|
22
|
+
return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(imageCropper.value.getRootProps(), { "as-child": __props.asChild }), {
|
|
23
|
+
default: vue.withCtx(() => [
|
|
24
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
25
|
+
]),
|
|
26
|
+
_: 3
|
|
27
|
+
}, 16, ["as-child"]);
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { HTMLAttributes, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { PolymorphicProps } from '../factory';
|
|
3
|
+
import { UseImageCropperReturn } from './use-image-cropper';
|
|
4
|
+
interface RootProviderProps {
|
|
5
|
+
value: UnwrapRef<UseImageCropperReturn>;
|
|
6
|
+
}
|
|
7
|
+
export interface ImageCropperRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
|
|
8
|
+
}
|
|
9
|
+
export interface ImageCropperRootProviderProps extends ImageCropperRootProviderBaseProps,
|
|
10
|
+
/**
|
|
11
|
+
* @vue-ignore
|
|
12
|
+
*/
|
|
13
|
+
HTMLAttributes {
|
|
14
|
+
}
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<ImageCropperRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ImageCropperRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
16
|
+
default?(_: {}): any;
|
|
17
|
+
}>;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { HTMLAttributes, UnwrapRef, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { PolymorphicProps } from '../factory';
|
|
3
|
+
import { UseImageCropperReturn } from './use-image-cropper';
|
|
4
|
+
interface RootProviderProps {
|
|
5
|
+
value: UnwrapRef<UseImageCropperReturn>;
|
|
6
|
+
}
|
|
7
|
+
export interface ImageCropperRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
|
|
8
|
+
}
|
|
9
|
+
export interface ImageCropperRootProviderProps extends ImageCropperRootProviderBaseProps,
|
|
10
|
+
/**
|
|
11
|
+
* @vue-ignore
|
|
12
|
+
*/
|
|
13
|
+
HTMLAttributes {
|
|
14
|
+
}
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<ImageCropperRootProviderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ImageCropperRootProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
16
|
+
default?(_: {}): any;
|
|
17
|
+
}>;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
|
|
2
|
+
import { ark } from '../factory.js';
|
|
3
|
+
import { ImageCropperProvider } from './use-image-cropper-context.js';
|
|
4
|
+
import { useForwardExpose } from '../../utils/use-forward-expose.js';
|
|
5
|
+
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "image-cropper-root-provider",
|
|
8
|
+
props: {
|
|
9
|
+
value: {},
|
|
10
|
+
asChild: { type: Boolean }
|
|
11
|
+
},
|
|
12
|
+
setup(__props) {
|
|
13
|
+
const props = __props;
|
|
14
|
+
const imageCropper = computed(() => props.value);
|
|
15
|
+
ImageCropperProvider(imageCropper);
|
|
16
|
+
useForwardExpose();
|
|
17
|
+
return (_ctx, _cache) => {
|
|
18
|
+
return openBlock(), createBlock(unref(ark).div, mergeProps(imageCropper.value.getRootProps(), { "as-child": __props.asChild }), {
|
|
19
|
+
default: withCtx(() => [
|
|
20
|
+
renderSlot(_ctx.$slots, "default")
|
|
21
|
+
]),
|
|
22
|
+
_: 3
|
|
23
|
+
}, 16, ["as-child"]);
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
|
|
28
|
+
export { _sfc_main as default };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const imageCropperRootProvider_vue_vue_type_script_setup_true_lang = require('./image-cropper-root-provider.vue.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.default = imageCropperRootProvider_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const vue = require('vue');
|
|
6
|
+
const factory = require('../factory.cjs');
|
|
7
|
+
const useImageCropper = require('./use-image-cropper.cjs');
|
|
8
|
+
const useImageCropperContext = require('./use-image-cropper-context.cjs');
|
|
9
|
+
const useForwardExpose = require('../../utils/use-forward-expose.cjs');
|
|
10
|
+
|
|
11
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
12
|
+
__name: "image-cropper-root",
|
|
13
|
+
props: {
|
|
14
|
+
ids: {},
|
|
15
|
+
translations: {},
|
|
16
|
+
initialCrop: {},
|
|
17
|
+
minWidth: {},
|
|
18
|
+
minHeight: {},
|
|
19
|
+
maxWidth: {},
|
|
20
|
+
maxHeight: {},
|
|
21
|
+
aspectRatio: {},
|
|
22
|
+
cropShape: {},
|
|
23
|
+
zoom: {},
|
|
24
|
+
rotation: {},
|
|
25
|
+
flip: {},
|
|
26
|
+
defaultZoom: {},
|
|
27
|
+
defaultRotation: {},
|
|
28
|
+
defaultFlip: {},
|
|
29
|
+
zoomStep: {},
|
|
30
|
+
zoomSensitivity: {},
|
|
31
|
+
minZoom: {},
|
|
32
|
+
maxZoom: {},
|
|
33
|
+
nudgeStep: {},
|
|
34
|
+
nudgeStepShift: {},
|
|
35
|
+
nudgeStepCtrl: {},
|
|
36
|
+
fixedCropArea: { type: Boolean },
|
|
37
|
+
asChild: { type: Boolean }
|
|
38
|
+
},
|
|
39
|
+
emits: ["zoomChange", "update:zoom", "rotationChange", "update:rotation", "flipChange", "update:flip", "cropChange", "update:crop"],
|
|
40
|
+
setup(__props, { emit: __emit }) {
|
|
41
|
+
const emits = __emit;
|
|
42
|
+
const imageCropper = useImageCropper.useImageCropper({}, emits);
|
|
43
|
+
useImageCropperContext.ImageCropperProvider(imageCropper);
|
|
44
|
+
useForwardExpose.useForwardExpose();
|
|
45
|
+
return (_ctx, _cache) => {
|
|
46
|
+
return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(imageCropper).getRootProps(), { "as-child": __props.asChild }), {
|
|
47
|
+
default: vue.withCtx(() => [
|
|
48
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
49
|
+
]),
|
|
50
|
+
_: 3
|
|
51
|
+
}, 16, ["as-child"]);
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
|
|
56
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { PolymorphicProps } from '../factory';
|
|
3
|
+
import { RootEmits, RootProps } from './image-cropper.types';
|
|
4
|
+
import { ZoomChangeDetails, RotationChangeDetails, FlipChangeDetails, FlipState, CropChangeDetails } from '@zag-js/image-cropper';
|
|
5
|
+
import { Rect } from '@zag-js/types';
|
|
6
|
+
export interface ImageCropperRootBaseProps extends RootProps, PolymorphicProps {
|
|
7
|
+
}
|
|
8
|
+
export interface ImageCropperRootProps extends ImageCropperRootBaseProps,
|
|
9
|
+
/**
|
|
10
|
+
* @vue-ignore
|
|
11
|
+
*/
|
|
12
|
+
HTMLAttributes {
|
|
13
|
+
}
|
|
14
|
+
export interface ImageCropperRootEmits extends RootEmits {
|
|
15
|
+
}
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<ImageCropperRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
17
|
+
zoomChange: (details: ZoomChangeDetails) => any;
|
|
18
|
+
"update:zoom": (zoom: number) => any;
|
|
19
|
+
rotationChange: (details: RotationChangeDetails) => any;
|
|
20
|
+
"update:rotation": (rotation: number) => any;
|
|
21
|
+
flipChange: (details: FlipChangeDetails) => any;
|
|
22
|
+
"update:flip": (flip: FlipState) => any;
|
|
23
|
+
cropChange: (details: CropChangeDetails) => any;
|
|
24
|
+
"update:crop": (crop: Rect) => any;
|
|
25
|
+
}, string, PublicProps, Readonly<ImageCropperRootProps> & Readonly<{
|
|
26
|
+
onZoomChange?: ((details: ZoomChangeDetails) => any) | undefined;
|
|
27
|
+
"onUpdate:zoom"?: ((zoom: number) => any) | undefined;
|
|
28
|
+
onRotationChange?: ((details: RotationChangeDetails) => any) | undefined;
|
|
29
|
+
"onUpdate:rotation"?: ((rotation: number) => any) | undefined;
|
|
30
|
+
onFlipChange?: ((details: FlipChangeDetails) => any) | undefined;
|
|
31
|
+
"onUpdate:flip"?: ((flip: FlipState) => any) | undefined;
|
|
32
|
+
onCropChange?: ((details: CropChangeDetails) => any) | undefined;
|
|
33
|
+
"onUpdate:crop"?: ((crop: Rect) => any) | undefined;
|
|
34
|
+
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
35
|
+
default?(_: {}): any;
|
|
36
|
+
}>;
|
|
37
|
+
export default _default;
|
|
38
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
39
|
+
new (): {
|
|
40
|
+
$slots: S;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { PolymorphicProps } from '../factory';
|
|
3
|
+
import { RootEmits, RootProps } from './image-cropper.types';
|
|
4
|
+
import { ZoomChangeDetails, RotationChangeDetails, FlipChangeDetails, FlipState, CropChangeDetails } from '@zag-js/image-cropper';
|
|
5
|
+
import { Rect } from '@zag-js/types';
|
|
6
|
+
export interface ImageCropperRootBaseProps extends RootProps, PolymorphicProps {
|
|
7
|
+
}
|
|
8
|
+
export interface ImageCropperRootProps extends ImageCropperRootBaseProps,
|
|
9
|
+
/**
|
|
10
|
+
* @vue-ignore
|
|
11
|
+
*/
|
|
12
|
+
HTMLAttributes {
|
|
13
|
+
}
|
|
14
|
+
export interface ImageCropperRootEmits extends RootEmits {
|
|
15
|
+
}
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<ImageCropperRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
17
|
+
zoomChange: (details: ZoomChangeDetails) => any;
|
|
18
|
+
"update:zoom": (zoom: number) => any;
|
|
19
|
+
rotationChange: (details: RotationChangeDetails) => any;
|
|
20
|
+
"update:rotation": (rotation: number) => any;
|
|
21
|
+
flipChange: (details: FlipChangeDetails) => any;
|
|
22
|
+
"update:flip": (flip: FlipState) => any;
|
|
23
|
+
cropChange: (details: CropChangeDetails) => any;
|
|
24
|
+
"update:crop": (crop: Rect) => any;
|
|
25
|
+
}, string, PublicProps, Readonly<ImageCropperRootProps> & Readonly<{
|
|
26
|
+
onZoomChange?: ((details: ZoomChangeDetails) => any) | undefined;
|
|
27
|
+
"onUpdate:zoom"?: ((zoom: number) => any) | undefined;
|
|
28
|
+
onRotationChange?: ((details: RotationChangeDetails) => any) | undefined;
|
|
29
|
+
"onUpdate:rotation"?: ((rotation: number) => any) | undefined;
|
|
30
|
+
onFlipChange?: ((details: FlipChangeDetails) => any) | undefined;
|
|
31
|
+
"onUpdate:flip"?: ((flip: FlipState) => any) | undefined;
|
|
32
|
+
onCropChange?: ((details: CropChangeDetails) => any) | undefined;
|
|
33
|
+
"onUpdate:crop"?: ((crop: Rect) => any) | undefined;
|
|
34
|
+
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
35
|
+
default?(_: {}): any;
|
|
36
|
+
}>;
|
|
37
|
+
export default _default;
|
|
38
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
39
|
+
new (): {
|
|
40
|
+
$slots: S;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
|
|
2
|
+
import { ark } from '../factory.js';
|
|
3
|
+
import { useImageCropper } from './use-image-cropper.js';
|
|
4
|
+
import { ImageCropperProvider } from './use-image-cropper-context.js';
|
|
5
|
+
import { useForwardExpose } from '../../utils/use-forward-expose.js';
|
|
6
|
+
|
|
7
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
8
|
+
__name: "image-cropper-root",
|
|
9
|
+
props: {
|
|
10
|
+
ids: {},
|
|
11
|
+
translations: {},
|
|
12
|
+
initialCrop: {},
|
|
13
|
+
minWidth: {},
|
|
14
|
+
minHeight: {},
|
|
15
|
+
maxWidth: {},
|
|
16
|
+
maxHeight: {},
|
|
17
|
+
aspectRatio: {},
|
|
18
|
+
cropShape: {},
|
|
19
|
+
zoom: {},
|
|
20
|
+
rotation: {},
|
|
21
|
+
flip: {},
|
|
22
|
+
defaultZoom: {},
|
|
23
|
+
defaultRotation: {},
|
|
24
|
+
defaultFlip: {},
|
|
25
|
+
zoomStep: {},
|
|
26
|
+
zoomSensitivity: {},
|
|
27
|
+
minZoom: {},
|
|
28
|
+
maxZoom: {},
|
|
29
|
+
nudgeStep: {},
|
|
30
|
+
nudgeStepShift: {},
|
|
31
|
+
nudgeStepCtrl: {},
|
|
32
|
+
fixedCropArea: { type: Boolean },
|
|
33
|
+
asChild: { type: Boolean }
|
|
34
|
+
},
|
|
35
|
+
emits: ["zoomChange", "update:zoom", "rotationChange", "update:rotation", "flipChange", "update:flip", "cropChange", "update:crop"],
|
|
36
|
+
setup(__props, { emit: __emit }) {
|
|
37
|
+
const emits = __emit;
|
|
38
|
+
const imageCropper = useImageCropper({}, emits);
|
|
39
|
+
ImageCropperProvider(imageCropper);
|
|
40
|
+
useForwardExpose();
|
|
41
|
+
return (_ctx, _cache) => {
|
|
42
|
+
return openBlock(), createBlock(unref(ark).div, mergeProps(unref(imageCropper).getRootProps(), { "as-child": __props.asChild }), {
|
|
43
|
+
default: withCtx(() => [
|
|
44
|
+
renderSlot(_ctx.$slots, "default")
|
|
45
|
+
]),
|
|
46
|
+
_: 3
|
|
47
|
+
}, 16, ["as-child"]);
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
|
|
52
|
+
export { _sfc_main as default };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const imageCropperRoot_vue_vue_type_script_setup_true_lang = require('./image-cropper-root.vue.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.default = imageCropperRoot_vue_vue_type_script_setup_true_lang.default;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
|
4
|
+
|
|
5
|
+
const vue = require('vue');
|
|
6
|
+
const factory = require('../factory.cjs');
|
|
7
|
+
const useImageCropperContext = require('./use-image-cropper-context.cjs');
|
|
8
|
+
const useForwardExpose = require('../../utils/use-forward-expose.cjs');
|
|
9
|
+
|
|
10
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
11
|
+
__name: "image-cropper-selection",
|
|
12
|
+
props: {
|
|
13
|
+
asChild: { type: Boolean }
|
|
14
|
+
},
|
|
15
|
+
setup(__props) {
|
|
16
|
+
const imageCropper = useImageCropperContext.useImageCropperContext();
|
|
17
|
+
useForwardExpose.useForwardExpose();
|
|
18
|
+
return (_ctx, _cache) => {
|
|
19
|
+
return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).div, vue.mergeProps(vue.unref(imageCropper).getSelectionProps(), { "as-child": __props.asChild }), {
|
|
20
|
+
default: vue.withCtx(() => [
|
|
21
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
22
|
+
]),
|
|
23
|
+
_: 3
|
|
24
|
+
}, 16, ["as-child"]);
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { PolymorphicProps } from '../factory';
|
|
3
|
+
export interface ImageCropperSelectionBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface ImageCropperSelectionProps extends ImageCropperSelectionBaseProps,
|
|
6
|
+
/**
|
|
7
|
+
* @vue-ignore
|
|
8
|
+
*/
|
|
9
|
+
HTMLAttributes {
|
|
10
|
+
}
|
|
11
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<ImageCropperSelectionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ImageCropperSelectionProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
12
|
+
default?(_: {}): any;
|
|
13
|
+
}>;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
import { PolymorphicProps } from '../factory';
|
|
3
|
+
export interface ImageCropperSelectionBaseProps extends PolymorphicProps {
|
|
4
|
+
}
|
|
5
|
+
export interface ImageCropperSelectionProps extends ImageCropperSelectionBaseProps,
|
|
6
|
+
/**
|
|
7
|
+
* @vue-ignore
|
|
8
|
+
*/
|
|
9
|
+
HTMLAttributes {
|
|
10
|
+
}
|
|
11
|
+
declare const _default: __VLS_WithTemplateSlots< DefineComponent<ImageCropperSelectionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ImageCropperSelectionProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
12
|
+
default?(_: {}): any;
|
|
13
|
+
}>;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
|
|
2
|
+
import { ark } from '../factory.js';
|
|
3
|
+
import { useImageCropperContext } from './use-image-cropper-context.js';
|
|
4
|
+
import { useForwardExpose } from '../../utils/use-forward-expose.js';
|
|
5
|
+
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
+
__name: "image-cropper-selection",
|
|
8
|
+
props: {
|
|
9
|
+
asChild: { type: Boolean }
|
|
10
|
+
},
|
|
11
|
+
setup(__props) {
|
|
12
|
+
const imageCropper = useImageCropperContext();
|
|
13
|
+
useForwardExpose();
|
|
14
|
+
return (_ctx, _cache) => {
|
|
15
|
+
return openBlock(), createBlock(unref(ark).div, mergeProps(unref(imageCropper).getSelectionProps(), { "as-child": __props.asChild }), {
|
|
16
|
+
default: withCtx(() => [
|
|
17
|
+
renderSlot(_ctx.$slots, "default")
|
|
18
|
+
]),
|
|
19
|
+
_: 3
|
|
20
|
+
}, 16, ["as-child"]);
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
|
|
25
|
+
export { _sfc_main as default };
|