sard 1.0.2 → 1.0.4
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/all-components.js +1 -2
- package/components/index.js +2 -2
- package/components/popover/popover.js +1 -1
- package/components/preview-image/common.d.ts +3 -1
- package/components/preview-image/common.js +2 -0
- package/components/preview-image/preview-image.d.ts +2 -0
- package/components/preview-image/preview-image.js +17 -5
- package/components/sticky/index.css +1 -1
- package/components/sticky/sticky.js +53 -49
- package/components/swipe-action/common.d.ts +5 -18
- package/components/swipe-action/common.js +2 -3
- package/components/swipe-action/index.d.ts +1 -3
- package/components/swipe-action/index.js +1 -3
- package/components/swipe-action/swipe-action.d.ts +5 -1
- package/components/swipe-action/swipe-action.js +36 -13
- package/components/swiper/useSwiper.js +10 -6
- package/components/swiper/useSwiperData.d.ts +10 -0
- package/components/swiper/useSwiperData.js +3 -1
- package/global.d.ts +0 -1
- package/index.css +1 -1
- package/index.js +2 -2
- package/package.json +1 -1
- package/use/useClickOutside.d.ts +2 -2
- package/use/useClickOutside.js +2 -2
- package/components/swipe-action/swipe-action-group.d.ts +0 -13
- package/components/swipe-action/swipe-action-group.js +0 -39
package/index.js
CHANGED
|
@@ -185,7 +185,7 @@ import { StatusBar } from "./components/status-bar/index.js";
|
|
|
185
185
|
import { Stepper } from "./components/stepper/index.js";
|
|
186
186
|
import { Step, Steps } from "./components/steps/index.js";
|
|
187
187
|
import { Sticky, StickyBox } from "./components/sticky/index.js";
|
|
188
|
-
import { SwipeAction
|
|
188
|
+
import { SwipeAction } from "./components/swipe-action/index.js";
|
|
189
189
|
import { Swiper, SwiperItem } from "./components/swiper/index.js";
|
|
190
190
|
import { Switch } from "./components/switch/index.js";
|
|
191
191
|
import { Tabbar, TabbarItem } from "./components/tabbar/index.js";
|
|
@@ -216,4 +216,4 @@ function prepareEnvironment() {
|
|
|
216
216
|
});
|
|
217
217
|
}
|
|
218
218
|
//#endregion
|
|
219
|
-
export { ADD_SWIPER_CONTEXT_KEY, ALPHANUMERIC_CHARS, Accordion, AccordionItem, ActionSheet, ActionSheetItem, Alert, Avatar, AvatarGroup, BackTop, Badge, Barcode, BarcodeFormatList, BarcodeTextPositionList, Button, Calendar, CalendarInput, CalendarPopout, Card, Cascader, CascaderInput, CascaderPopout, Checkbox, CheckboxGroup, CheckboxInput, CheckboxPopout, Col, Collapse, ColorPicker, ColorPickerInput, ColorPickerPopout, Compact, CoolIcon, CountDown, CountTo, CropImage, DateStrip, DatetimePicker, DatetimePickerInput, DatetimePickerPopout, DatetimeRangePicker, DatetimeRangePickerInput, DatetimeRangePickerPopout, Descriptions, DescriptionsItem, Dialog, Divider, Dnd, DndHandle, DndItem, Dropdown, DropdownItem, ECLList, Ellipsis, Empty, Fab, FabItem, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Friction, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, InfiniteList, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, Loading, Marquee, Menu, MenuItem, Motion, Navbar, NavbarItem, NavbarPit, NoticeBar, Notify, OnlyChild, Overlay, Pagination, PasswordInput, Picker, PickerInput, PickerPopout, PickerView, PickerViewColumn, Popout, PopoutInput, Popover, Popup, PreviewImage, ProgressBar, ProgressCircle, PullDownRefresh, PuzzleVerify, Qrcode, REMOVE_SWIPER_CONTEXT_KEY, Radio, RadioGroup, RadioInput, RadioPopout, Rate, ReadMore, Result, RotateVerify, Row, SWIPER_AUTO_HEIGHT_KEY, ScrollList, ScrollSpy, ScrollSpyAnchor, Search, Segmented, SegmentedItem, Select, SelectInput, SelectOption, SelectOptionGroup, SelectPopout, ShareSheet, ShareSheetIcon, ShareSheetItem, ShareSheetRow, Sidebar, SidebarItem, Signature, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle, SlideVerify, Slider, Space, Spring, StatusBar, Step, Stepper, Steps, Sticky, StickyBox, SwipeAction,
|
|
219
|
+
export { ADD_SWIPER_CONTEXT_KEY, ALPHANUMERIC_CHARS, Accordion, AccordionItem, ActionSheet, ActionSheetItem, Alert, Avatar, AvatarGroup, BackTop, Badge, Barcode, BarcodeFormatList, BarcodeTextPositionList, Button, Calendar, CalendarInput, CalendarPopout, Card, Cascader, CascaderInput, CascaderPopout, Checkbox, CheckboxGroup, CheckboxInput, CheckboxPopout, Col, Collapse, ColorPicker, ColorPickerInput, ColorPickerPopout, Compact, CoolIcon, CountDown, CountTo, CropImage, DateStrip, DatetimePicker, DatetimePickerInput, DatetimePickerPopout, DatetimeRangePicker, DatetimeRangePickerInput, DatetimeRangePickerPopout, Descriptions, DescriptionsItem, Dialog, Divider, Dnd, DndHandle, DndItem, Dropdown, DropdownItem, ECLList, Ellipsis, Empty, Fab, FabItem, FloatingBubble, FloatingPanel, Form, FormItem, FormItemPlain, FormPlain, Friction, Grid, GridItem, Image, Indexes, IndexesAnchor, IndexesNav, InfiniteList, Input, Keyboard, KeyboardPopout, List, ListItem, LoadMore, Loading, Marquee, Menu, MenuItem, Motion, Navbar, NavbarItem, NavbarPit, NoticeBar, Notify, OnlyChild, Overlay, Pagination, PasswordInput, Picker, PickerInput, PickerPopout, PickerView, PickerViewColumn, Popout, PopoutInput, Popover, Popup, PreviewImage, ProgressBar, ProgressCircle, PullDownRefresh, PuzzleVerify, Qrcode, REMOVE_SWIPER_CONTEXT_KEY, Radio, RadioGroup, RadioInput, RadioPopout, Rate, ReadMore, Result, RotateVerify, Row, SWIPER_AUTO_HEIGHT_KEY, ScrollList, ScrollSpy, ScrollSpyAnchor, Search, Segmented, SegmentedItem, Select, SelectInput, SelectOption, SelectOptionGroup, SelectPopout, ShareSheet, ShareSheetIcon, ShareSheetItem, ShareSheetRow, Sidebar, SidebarItem, Signature, Skeleton, SkeletonAvatar, SkeletonBlock, SkeletonParagraph, SkeletonTitle, SlideVerify, Slider, Space, Spring, StatusBar, Step, Stepper, Steps, Sticky, StickyBox, SwipeAction, Swiper, SwiperItem, Switch, Tab, Tabbar, TabbarItem, TabbarPit, Table, Tabs, Tag, Text, Timeline, TimelineItem, Toast, Tree, TreeBranch, TreeNode, Upload, UploadPreview, Waterfall, WaterfallItem, WaterfallLoad, Watermark, actionSheet, addSeparator, addUnit, arrayEqual, arrayMove, autoUpdate, barcode, baseLunarYear, calculateBarcodeLayout, camelCase, capitalize, chainGet, chainSet, checkRtl, chooseFile, clamp, clipboard, computePosition, createActionSheet, createBem, createBemStruct, createCropImage, createDialog, createInertialAnimate, createNotify, createPreviewImage, createToast, cropImage, cssVar, cssVarName, currentLocale, debounce, deepClone, defaultBemConfig, defaultColorPickerPresets, defaultColorPickerValue, defaultOptionKeys, defineSetupFnComponent, dialog, earthlyBranches, enhanceComponent, extend, flatVNode, formatColor, formatDate, formatNumber, formatTime, getAllImperatives, getAspectFillSize, getAspectFitSize, getAvailableImperative, getCurrentTime, getDampingValue, getDayOfYear, getDaysAfterLastDay, getDaysBeforeFirstDay, getDaysInMonth, getDaysSinceUnixEpoch, getDecimalsLength, getFileName, getFirstDayWeekday, getGridCenterSize, getGridIndex, getGridPrizeCount, getImperatives, getInBoundValue, getLeafNodes, getLunarDayName, getLunarHourName, getLunarLeapMonth, getLunarLeapMonthDays, getLunarMonthDays, getLunarMonthName, getLunarYearDays, getLunarYearName, getNextMonthDate, getNextMonthHeadDays, getNodeLevel, getOverflowRangeInArea, getPageRange, getPrevMonthDate, getPrevMonthTailDays, getPreviewColor, getRectDampingValue, getRotatedRect, getScrollIntoViewValue, getTouchPoint, getTransformOrigin, getTreeCheckedKeys, getTreeHalfCheckedKeys, getTwoPointsDistance, heavenlyStems, hslToHsv, hslToHwb, hslToRgb, hsvToHsl, hwbToHsl, imageDataToDataURL, inRange, initializeCheckNodes, installer, isBoolean, isColorScheme, isConfigObject, isDate, isEmptyArray, isEmptyBinding, isEmptyValue, isFileUrl, isFunction, isImageFile, isImageUrl, isKorean, isLeapYear, isNoEmptyArray, isNullish, isNumber, isObject, isPlainObject, isPrimitive, isRectEqual, isRenderVisible, isSizeEqual, isString, isUndefined, isVideoFile, isVideoUrl, isVisibleEmpty, kebabCase, loadImage, localeContextKey, logError, looseToNumber, lowerFirst, lunarDayNames, lunarInfo, lunarMonthNames, lunarToSolar, lunarYearNames, mapTreeToGrid, matchScrollVisible, measureTextWidth, minmaxDate, mround, nestedToMulti, noop, normalizeBarcodeOptions, normalizeHsla, normalizeHsva, notify, omit, omitFormPopoutProps, parseColor, parseDate, partition, partitionPopoutInputProps, pascalCase, pick, plateEnglishLetterKeys, plateProvinceKeys, plateSuffixKeys, prepareEnvironment, previewImage, provideColorScheme, provideLocale, qrcode, random, reactiveComputed, readFileContent, rgbToHsl, round, safeAreaInsets, scrollToTarget, setCheckedRecursively, setLocale, shuffle, sleep, snakeCase, solarToLunar, spaceSizes, splitUnit, spreadEach, springFestivals, throttle, toArray, toDate, toDateNumber, toDateString, toMonthNumber, toReactive, toTouchEvent, toast, treeToMap, uniqid, updateAncestorsChecked, upperFirst, useClickOutside, useColorScheme, useComposition, useCountDown, useDragPinch, useElementBackTop, useElementScroll, useFormContext, useFormItem, useFormItemContext, useFormPopout, useImperative, useInPopup, useIndeterminate, useInitialVelocity, useIntersectionObserver, useKeyList, useLoadMore, useLocale, useLockScroll, useLuckyDraw, useLuckyGrid, useLuckyWheel, useMotioning, useOptionKeys, usePageBackTop, usePageScroll, usePointerDown, usePopoutInput, usePopper, usePopupEnter, usePopupVisibleHookProvide, useReachBottom, useResizeObserver, useRtl, useScrollSide, useScrollSpy, useScroller, useSimulatedClick, useSimulatedDblClick, useSimulatedPress, useSingleTask, useSlotMachine, useStopMovedClick, useTimeout, useTimeoutLoading, useTranslate, useTranslateWithPrefix, useWindowResize, useZIndex, walkAncestor, walkDescendant, walkNodes, windowInfo, withResolvers };
|
package/package.json
CHANGED
package/use/useClickOutside.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { type Ref } from 'vue';
|
|
2
|
-
export declare function useClickOutside(elRef: Ref<Element | null>, callback: (event: Event) => void, enabled:
|
|
1
|
+
import { type MaybeRefOrGetter, type Ref } from 'vue';
|
|
2
|
+
export declare function useClickOutside(elRef: Ref<Element | null>, callback: (event: Event) => void, enabled: MaybeRefOrGetter<boolean>, type?: 'click' | 'touchstart'): void;
|
package/use/useClickOutside.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useTimeout } from "./useTimeout.js";
|
|
2
|
-
import { onUnmounted, watch } from "vue";
|
|
2
|
+
import { onUnmounted, toValue, watch } from "vue";
|
|
3
3
|
//#region packages/sard/use/useClickOutside.ts
|
|
4
4
|
function useClickOutside(elRef, callback, enabled, type = "click") {
|
|
5
5
|
const events = {
|
|
@@ -28,7 +28,7 @@ function useClickOutside(elRef, callback, enabled, type = "click") {
|
|
|
28
28
|
});
|
|
29
29
|
isBinding = false;
|
|
30
30
|
};
|
|
31
|
-
watch(enabled, (enabled) => {
|
|
31
|
+
watch(() => toValue(enabled), (enabled) => {
|
|
32
32
|
bindTimer.clear();
|
|
33
33
|
if (enabled) bindTimer.set(() => {
|
|
34
34
|
bind();
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { type SwipeActionGroupProps, type SwipeActionGroupSlots, type SwipeActionGroupExpose } from './common';
|
|
2
|
-
type __VLS_Slots = SwipeActionGroupSlots;
|
|
3
|
-
declare const __VLS_base: import("vue").DefineComponent<SwipeActionGroupProps, SwipeActionGroupExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SwipeActionGroupProps> & Readonly<{}>, {
|
|
4
|
-
multiple: boolean;
|
|
5
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
6
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
7
|
-
declare const _default: typeof __VLS_export;
|
|
8
|
-
export default _default;
|
|
9
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
10
|
-
new (): {
|
|
11
|
-
$slots: S;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { createBem } from "../../utils/bem.js";
|
|
2
|
-
import { defaultSwipeActionGroupProps, swipeActionGroupContextKey } from "./common.js";
|
|
3
|
-
import { createElementBlock, defineComponent, mergeDefaults, normalizeClass, openBlock, provide, reactive, renderSlot, toRef, unref } from "vue";
|
|
4
|
-
//#region packages/sard/components/swipe-action/swipe-action-group.vue
|
|
5
|
-
var swipe_action_group_default = /*@__PURE__*/ defineComponent({
|
|
6
|
-
__name: "swipe-action-group",
|
|
7
|
-
props: /*@__PURE__*/ mergeDefaults({ multiple: {
|
|
8
|
-
type: Boolean,
|
|
9
|
-
required: false
|
|
10
|
-
} }, defaultSwipeActionGroupProps),
|
|
11
|
-
setup(__props, { expose: __expose }) {
|
|
12
|
-
const props = __props;
|
|
13
|
-
const bem = createBem("swipe-action-group");
|
|
14
|
-
const itemMap = /* @__PURE__ */ new Map();
|
|
15
|
-
const closeAll = (exceptId) => {
|
|
16
|
-
itemMap.forEach((item, id) => {
|
|
17
|
-
if (id !== exceptId) item.hide();
|
|
18
|
-
});
|
|
19
|
-
};
|
|
20
|
-
const register = (id, expose) => {
|
|
21
|
-
itemMap.set(id, expose);
|
|
22
|
-
};
|
|
23
|
-
const unregister = (id) => {
|
|
24
|
-
itemMap.delete(id);
|
|
25
|
-
};
|
|
26
|
-
provide(swipeActionGroupContextKey, reactive({
|
|
27
|
-
multiple: toRef(() => props.multiple),
|
|
28
|
-
register,
|
|
29
|
-
unregister,
|
|
30
|
-
closeAll
|
|
31
|
-
}));
|
|
32
|
-
__expose({ closeAll: () => closeAll() });
|
|
33
|
-
return (_ctx, _cache) => {
|
|
34
|
-
return openBlock(), createElementBlock("div", { class: normalizeClass(unref(bem).b()) }, [renderSlot(_ctx.$slots, "default")], 2);
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
//#endregion
|
|
39
|
-
export { swipe_action_group_default as default };
|