sard-uniapp 1.11.1 → 1.12.0

package/components/style/mixins/ellipsis.scss

@@ -3,3 +3,10 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
+@mixin line-clamp($line) {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  -webkit-line-clamp: $line;
+}

package/components/style/mixins/scroll-shadow.scss

@@ -0,0 +1,40 @@
+@use './bem' as *;
+
+@mixin scroll-shadow {
+  position: relative;
+
+  &::before,
+  &::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    z-index: 10;
+    height: 20rpx;
+    overflow: hidden;
+    box-shadow: none;
+    touch-action: none;
+    pointer-events: none;
+    transition: box-shadow var(--sar-duration);
+  }
+
+  &::before {
+    top: 0;
+  }
+
+  &::after {
+    bottom: 0;
+  }
+
+  @include m(center, end) {
+    &::before {
+      box-shadow: var(--sar-scroll-shadow-start);
+    }
+  }
+
+  @include m(center, start) {
+    &::after {
+      box-shadow: var(--sar-scroll-shadow-end);
+    }
+  }
+}

package/components/style/mixins.scss

@@ -6,3 +6,4 @@
 @forward './mixins/theme-dark';
 @forward './mixins/universal';
 @forward './mixins/bem';
+@forward './mixins/scroll-shadow';

package/components/style/variables.scss

@@ -158,6 +158,9 @@ page {
   --sar-shadow-2xl: 0 10px 50px -12px rgb(0 0 0 / 0.25);
   --sar-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
 
+  --sar-scroll-shadow-start: inset 0 10px 10px -10px rgba(0, 0, 0, 0.1);
+  --sar-scroll-shadow-end: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.1);
+
   // # 黑色遮罩
   --sar-mask-legible: rgba(0, 0, 0, 0.1);
   --sar-mask: rgba(0, 0, 0, 0.5);

package/components/swiper-dot/swiper-dot.d.ts

@@ -1,8 +1,8 @@
 import { type SwiperDotProps } from './common';
 declare const _default: import("vue").DefineComponent<SwiperDotProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SwiperDotProps> & Readonly<{}>, {
     type: "dot" | "dot-bar" | "index" | "title" | "fraction";
-    total: number;
     current: number;
+    total: number;
     field: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/components/tab/tab.vue

@@ -1,5 +1,5 @@
 <template>
-  <view :class="tabClass" :style="tabStyle" :id="tabId" @click="onClick">
+  <view :class="tabClass" :style="tabStyle" @click="onClick">
     <slot>
       {{ title }}
     </slot>
@@ -52,7 +52,7 @@ export default  _defineComponent({
     });
     const tabId = uniqid();
     const getRect = () => {
-      return getBoundingClientRect(`#${tabId}`, instance);
+      return getBoundingClientRect(`.${tabId}`, instance);
     };
     const select = () => {
       context.select(props.name);
@@ -81,7 +81,8 @@ export default  _defineComponent({
         bem.e("tab"),
         bem.em("tab", "current", isCurrent.value),
         bem.em("tab", "disabled", props.disabled),
-        props.rootClass
+        props.rootClass,
+        tabId
       );
     });
     const tabStyle = computed(() => {

package/components/tabbar/common.d.ts

@@ -15,6 +15,7 @@ export interface TabbarSlots {
 }
 export interface TabbarEmits {
     (e: 'update:current', current: number | string): void;
+    (e: 'change', current: number | string): void;
 }
 export interface TabbarItemProps {
     rootStyle?: StyleValue;

package/components/tabbar/tabbar.d.ts

@@ -1,8 +1,10 @@
 import { type TabbarProps, type TabbarSlots } from './common';
 declare function __VLS_template(): Readonly<TabbarSlots> & TabbarSlots;
 declare const __VLS_component: import("vue").DefineComponent<TabbarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (current: string | number) => any;
     "update:current": (current: string | number) => any;
 }, string, import("vue").PublicProps, Readonly<TabbarProps> & Readonly<{
+    onChange?: ((current: string | number) => any) | undefined;
     "onUpdate:current"?: ((current: string | number) => any) | undefined;
 }>, {
     bordered: boolean;

package/components/tabbar/tabbar.vue

@@ -28,7 +28,7 @@ export default  _defineComponent({
     activeColor: { type: String, required: false },
     bordered: { type: Boolean, required: false }
   }, defaultTabbarProps),
-  emits: ["update:current"],
+  emits: ["update:current", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -46,6 +46,7 @@ export default  _defineComponent({
     const select = (name) => {
       innerCurrent.value = name;
       emit("update:current", name);
+      emit("change", name);
     };
     provide(
       tabbarContextSymbol,

package/components/table-cell/index.scss

@@ -22,8 +22,7 @@
         top: 0;
         bottom: 0;
         width: 20rpx;
-        overflow-x: hidden;
-        overflow-y: hidden;
+        overflow: hidden;
         box-shadow: none;
         touch-action: none;
         pointer-events: none;

package/components/table-fixation/table-fixation.vue

@@ -1,6 +1,5 @@
 <template>
   <scroll-view
-    :id="fixationId"
     :class="fixationClass"
     :style="fixationStyle"
     :scroll-y="scrollY"
@@ -18,7 +17,14 @@
 
 <script>
 import { defineComponent as _defineComponent } from "vue";
-import { computed, getCurrentInstance, onMounted, ref, watch } from "vue";
+import {
+  computed,
+  getCurrentInstance,
+  onMounted,
+  ref,
+  watch,
+  nextTick
+} from "vue";
 import {
   classNames,
   stringifyStyle,
@@ -26,7 +32,6 @@ import {
   getBoundingClientRect,
   uniqid
 } from "../../utils";
-import { nextTick } from "vue";
 export default  _defineComponent({
   ...{
     options: {
@@ -52,8 +57,10 @@ export default  _defineComponent({
     const bem = createBem("table");
     const scrollSide = ref(null);
     const onScroll = (event) => {
-      if (event.detail.scrollLeft !== 0) {
-        scrollSide.value = "middle";
+      const { scrollLeft, scrollWidth } = event.detail;
+      const fixationWidth = fixationRect.value.width;
+      if (scrollWidth > fixationWidth) {
+        scrollSide.value = scrollLeft < 1 ? "left" : scrollWidth - scrollLeft - fixationWidth < 1 ? "right" : "middle";
       }
     };
     const onScrolltoupper = (event) => {
@@ -76,9 +83,9 @@ export default  _defineComponent({
       nextTick(setFixationRect);
     });
     const setFixationRect = async () => {
-      fixationRect.value = await getBoundingClientRect(`#${fixationId}`, instance);
+      fixationRect.value = await getBoundingClientRect(`.${fixationId}`, instance);
     };
-    uni.onWindowResize(setFixationRect);
+    uni.onWindowResize?.(setFixationRect);
     watch(
       scrollSide,
       () => {
@@ -93,7 +100,8 @@ export default  _defineComponent({
         bem.e("fixation"),
         bem.em("fixation", "bordered", props.bordered),
         bem.em("fixation", "underline", props.underline),
-        props.rootClass
+        props.rootClass,
+        fixationId
       );
     });
     const fixationStyle = computed(() => {

package/components/tree/tree.vue

@@ -1,6 +1,8 @@
 <template>
   <view :class="treeClass" :style="treeStyle">
-    <sar-tree-branch :nodes="treeData" />
+    <template v-for="(node, index) of treeData" :key="node.key">
+      <sar-tree-node v-if="node.visible" :index="index" :node="node" />
+    </template>
   </view>
 
   <sar-popover
@@ -45,7 +47,7 @@ import {
   treeContextSymbol,
   defaultTreeProps
 } from "./common";
-import SarTreeBranch from "../tree-branch/tree-branch.vue";
+import SarTreeNode from "../tree-node/tree-node.vue";
 import SarPopover from "../popover/popover.vue";
 import { usePopover } from "../popover";
 import SarInput from "../input/input.vue";
@@ -55,7 +57,7 @@ import { useTranslate } from "../locale";
 import { recurAncestor, recurDescendant, recurNodes } from "./utils";
 export default  _defineComponent({
   components: {
-    SarTreeBranch,
+    SarTreeNode,
     SarPopover,
     SarInput,
     SarDialog,
@@ -552,7 +554,7 @@ export default  _defineComponent({
       return currentEditNode;
     }, set currentEditNode(v) {
       currentEditNode = v;
-    }, currentEditType, currentEditValue, mapEditTypeTitle, currentEditTitle, dialogVisible, toastVisible, onPopoverSelect, beforeClose, edit, focused, onVisibleHook, defaultFilterMethod, filter, treeClass, treeStyle, SarTreeBranch, SarPopover, SarInput, SarDialog, SarToast };
+    }, currentEditType, currentEditValue, mapEditTypeTitle, currentEditTitle, dialogVisible, toastVisible, onPopoverSelect, beforeClose, edit, focused, onVisibleHook, defaultFilterMethod, filter, treeClass, treeStyle, SarTreeNode, SarPopover, SarInput, SarDialog, SarToast };
     return __returned__;
   }
 });

package/components/tree-node/tree-node.vue

@@ -1,6 +1,5 @@
 <template>
   <view
-    :id="nodeId"
     :class="nodeClass"
     :style="nodeStyle"
     @touchstart="onNodeTouchStart"
@@ -68,10 +67,13 @@
     </view>
   </view>
 
-  <sar-tree-branch
-    v-if="!isLeaf && node.expanded"
-    :nodes="node.children || []"
-  />
+  <template
+    v-if="!isLeaf && node.expanded && node.children && node.children.length > 0"
+  >
+    <template v-for="(node, index) of node.children" :key="node.key">
+      <sar-tree-node v-if="node.visible" :index="index" :node="node" />
+    </template>
+  </template>
 
   <sar-popover
     v-if="treeContext.draggable"
@@ -99,7 +101,6 @@ import {
   treeContextSymbol
 } from "../tree/common";
 import { useMouseDown, useSimulatedClick, useSimulatedPress } from "../../use";
-import SarTreeBranch from "../tree-branch/tree-branch.vue";
 import SarIcon from "../icon/icon.vue";
 import SarCheckbox from "../checkbox/checkbox.vue";
 import SarPopover from "../popover/popover.vue";
@@ -107,12 +108,12 @@ import { usePopover } from "../popover";
 import { getNodeLevel, recurDescendant } from "../tree/utils";
 export default  _defineComponent({
   components: {
-    SarTreeBranch,
     SarIcon,
     SarCheckbox,
     SarPopover,
   },
   ...{
+    name: "SarTreeNode",
     options: {
       virtualHost: true,
       styleIsolation: "shared"
@@ -215,7 +216,7 @@ export default  _defineComponent({
     const onDragTouchStart = async (event) => {
       onDragSimulatedPressTouchStart(event);
       onDragSimulatedClickTouchStart(event);
-      nodeRect = await getBoundingClientRect(`#${nodeId}`, instance);
+      nodeRect = await getBoundingClientRect(`.${nodeId}`, instance);
     };
     const onDragTouchMove = (event) => {
       onDragSimulatedPressTouchMove(event);
@@ -306,7 +307,8 @@ export default  _defineComponent({
         bem.e("node"),
         bem.em("node", "dragging", dragging.value),
         bem.em("node", "selectable", treeContext.selectable),
-        bem.em("node", "active", nodeActive.value)
+        bem.em("node", "active", nodeActive.value),
+        nodeId
       );
     });
     const nodeStyle = computed(() => {
@@ -353,7 +355,7 @@ export default  _defineComponent({
       return obviousNodes;
     }, set obviousNodes(v) {
       obviousNodes = v;
-    }, onDragStart, onDragMove, onDragEnd, onDragSimulatedClickTouchStart, onDragSimulatedClickTouchEnd, onDragSimulatedPressTouchStart, onDragSimulatedPressTouchMove, onDragSimulatedPressTouchEnd, onDragTouchStart, onDragTouchMove, onDragTouchEnd, onDragMouseDown, dragId, popover, isLastNode, popoverOptions, onPopoverSelect, isLeaf, onNodeClick, nodeActive, onNodeTouchStart, onNodeTouchEnd, onNodeMouseDown, onSelectionTouchStart, onSelectionTouchEnd, onSelectionMouseDown, editId, getEditRect, onEditTouchStart, onEditTouchEnd, onEditMouseDown, nodeClass, nodeStyle, editClass, indentStyle, arrowClass, selectionClass, SarTreeBranch, SarIcon, SarCheckbox, SarPopover };
+    }, onDragStart, onDragMove, onDragEnd, onDragSimulatedClickTouchStart, onDragSimulatedClickTouchEnd, onDragSimulatedPressTouchStart, onDragSimulatedPressTouchMove, onDragSimulatedPressTouchEnd, onDragTouchStart, onDragTouchMove, onDragTouchEnd, onDragMouseDown, dragId, popover, isLastNode, popoverOptions, onPopoverSelect, isLeaf, onNodeClick, nodeActive, onNodeTouchStart, onNodeTouchEnd, onNodeMouseDown, onSelectionTouchStart, onSelectionTouchEnd, onSelectionMouseDown, editId, getEditRect, onEditTouchStart, onEditTouchEnd, onEditMouseDown, nodeClass, nodeStyle, editClass, indentStyle, arrowClass, selectionClass, SarIcon, SarCheckbox, SarPopover };
     return __returned__;
   }
 });

package/components/upload/upload.vue

@@ -44,7 +44,8 @@ import {
   getFileName,
   noop,
   isImageUrl,
-  toArray
+  toArray,
+  isFunction
 } from "../../utils";
 import SarUploadPreview from "../upload-preview/upload-preview.vue";
 import SarIcon from "../icon/icon.vue";
@@ -163,7 +164,7 @@ export default  _defineComponent({
       const invalid = [];
       fileList.forEach((item) => {
         const file = item.file;
-        if (file && (typeof props.maxSize === "function" && props.maxSize(file) || file.size && typeof props.maxSize === "number" && file.size > props.maxSize)) {
+        if (file && (isFunction(props.maxSize) && props.maxSize(file) || file.size && typeof props.maxSize === "number" && file.size > props.maxSize)) {
           invalid.push(item);
         } else {
           valid.push(item);

package/dark.scss

@@ -1,4 +1,5 @@
 @use './components/keyboard/variables-dark.scss' as *;
+@use './components/signature/variables-dark.scss' as *;
 @use './components/skeleton/variables-dark.scss' as *;
 @use './components/slider/variables-dark.scss' as *;
 @use './components/style/variables-dark.scss' as *;

package/global.d.ts

@@ -20,6 +20,8 @@ declare module 'vue' {
     SarCollapse: typeof import('./components/collapse/collapse').default
     SarCountDown: typeof import('./components/count-down/count-down').default
     SarCountTo: typeof import('./components/count-to/count-to').default
+    SarCropImage: typeof import('./components/crop-image/crop-image').default
+    SarCropImageAgent: typeof import('./components/crop-image-agent/crop-image-agent').default
     SarDatetimePicker: typeof import('./components/datetime-picker/datetime-picker').default
     SarDatetimePickerInput: typeof import('./components/datetime-picker-input/datetime-picker-input').default
     SarDatetimeRangePicker: typeof import('./components/datetime-range-picker/datetime-range-picker').default
@@ -48,6 +50,7 @@ declare module 'vue' {
     SarMenu: typeof import('./components/menu/menu').default
     SarNavbar: typeof import('./components/navbar/navbar').default
     SarNavbarItem: typeof import('./components/navbar-item/navbar-item').default
+    SarNavbarPit: typeof import('./components/navbar-pit/navbar-pit').default
     SarNoticeBar: typeof import('./components/notice-bar/notice-bar').default
     SarNotify: typeof import('./components/notify/notify').default
     SarNotifyAgent: typeof import('./components/notify-agent/notify-agent').default
@@ -71,8 +74,13 @@ declare module 'vue' {
     SarRate: typeof import('./components/rate/rate').default
     SarResult: typeof import('./components/result/result').default
     SarRow: typeof import('./components/row/row').default
+    SarScrollSpy: typeof import('./components/scroll-spy/scroll-spy').default
+    SarScrollSpyAnchor: typeof import('./components/scroll-spy-anchor/scroll-spy-anchor').default
     SarSearch: typeof import('./components/search/search').default
     SarShareSheet: typeof import('./components/share-sheet/share-sheet').default
+    SarSidebar: typeof import('./components/sidebar/sidebar').default
+    SarSidebarItem: typeof import('./components/sidebar-item/sidebar-item').default
+    SarSignature: typeof import('./components/signature/signature').default
     SarSkeleton: typeof import('./components/skeleton/skeleton').default
     SarSkeletonAvatar: typeof import('./components/skeleton-avatar/skeleton-avatar').default
     SarSkeletonBlock: typeof import('./components/skeleton-block/skeleton-block').default
@@ -80,6 +88,7 @@ declare module 'vue' {
     SarSkeletonTitle: typeof import('./components/skeleton-title/skeleton-title').default
     SarSlider: typeof import('./components/slider/slider').default
     SarSpace: typeof import('./components/space/space').default
+    SarStatusBar: typeof import('./components/status-bar/status-bar').default
     SarStepper: typeof import('./components/stepper/stepper').default
     SarSteps: typeof import('./components/steps/steps').default
     SarSwiperDot: typeof import('./components/swiper-dot/swiper-dot').default

package/index.d.ts

@@ -16,6 +16,8 @@ export * from './components/collapse';
 export * from './components/config';
 export * from './components/count-down';
 export * from './components/count-to';
+export * from './components/crop-image';
+export * from './components/crop-image-agent';
 export * from './components/datetime-picker';
 export * from './components/datetime-picker-input';
 export * from './components/datetime-range-picker';
@@ -61,11 +63,17 @@ export * from './components/radio';
 export * from './components/radio-input';
 export * from './components/rate';
 export * from './components/result';
+export * from './components/scroll-spy';
+export * from './components/scroll-spy-anchor';
 export * from './components/search';
 export * from './components/share-sheet';
+export * from './components/sidebar';
+export * from './components/sidebar-item';
+export * from './components/signature';
 export * from './components/skeleton';
 export * from './components/slider';
 export * from './components/space';
+export * from './components/status-bar';
 export * from './components/stepper';
 export * from './components/steps';
 export * from './components/swiper-dot';

package/index.js

@@ -16,6 +16,8 @@ export * from './components/collapse';
 export * from './components/config';
 export * from './components/count-down';
 export * from './components/count-to';
+export * from './components/crop-image';
+export * from './components/crop-image-agent';
 export * from './components/datetime-picker';
 export * from './components/datetime-picker-input';
 export * from './components/datetime-range-picker';
@@ -61,11 +63,17 @@ export * from './components/radio';
 export * from './components/radio-input';
 export * from './components/rate';
 export * from './components/result';
+export * from './components/scroll-spy';
+export * from './components/scroll-spy-anchor';
 export * from './components/search';
 export * from './components/share-sheet';
+export * from './components/sidebar';
+export * from './components/sidebar-item';
+export * from './components/signature';
 export * from './components/skeleton';
 export * from './components/slider';
 export * from './components/space';
+export * from './components/status-bar';
 export * from './components/stepper';
 export * from './components/steps';
 export * from './components/swiper-dot';

package/index.scss

@@ -52,6 +52,8 @@
 @use './components/row/variables.scss' as *;
 @use './components/search/variables.scss' as *;
 @use './components/share-sheet/variables.scss' as *;
+@use './components/sidebar/variables.scss' as *;
+@use './components/signature/variables.scss' as *;
 @use './components/skeleton/variables.scss' as *;
 @use './components/slider/variables.scss' as *;
 @use './components/space/variables.scss' as *;

package/package.json

@@ -2,7 +2,7 @@
   "id": "sard-uniapp",
   "name": "sard-uniapp",
   "displayName": "sard-uniapp",
-  "version": "1.11.1",
+  "version": "1.12.0",
   "description": "sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库",
   "main": "index.js",
   "scripts": {
@@ -18,7 +18,10 @@
     "buildAndRelease": "npm run build && npm run release",
     "push": "git push origin && git push gitee && git push origin --tags && git push gitee --tags",
     "prepare": "husky install",
-    "newComponent": "tsx ./scripts/new-component.ts",
+    "new-component": "tsx ./scripts/new-component.ts",
+    "nc": "npm run new-component",
+    "new-sub-component": "tsx ./scripts/new-sub-component.ts",
+    "nsc": "npm run new-sub-component",
     "eslint": "eslint",
     "prettier": "prettier . --write",
     "prettier:check": "prettier . --check",
@@ -73,26 +76,26 @@
     "@commitlint/config-conventional": "^17.8.1",
     "@commitlint/prompt-cli": "^17.8.1",
     "@dcloudio/types": "^3.4.14",
-    "@dcloudio/uni-app": "3.0.0-4040520250104002",
-    "@dcloudio/uni-app-harmony": "3.0.0-4040520250104002",
-    "@dcloudio/uni-app-plus": "3.0.0-4040520250104002",
-    "@dcloudio/uni-automator": "3.0.0-4040520250104002",
-    "@dcloudio/uni-cli-shared": "3.0.0-4040520250104002",
-    "@dcloudio/uni-components": "3.0.0-4040520250104002",
-    "@dcloudio/uni-h5": "3.0.0-4040520250104002",
-    "@dcloudio/uni-mp-alipay": "3.0.0-4040520250104002",
-    "@dcloudio/uni-mp-baidu": "3.0.0-4040520250104002",
-    "@dcloudio/uni-mp-jd": "3.0.0-4040520250104002",
-    "@dcloudio/uni-mp-kuaishou": "3.0.0-4040520250104002",
-    "@dcloudio/uni-mp-lark": "3.0.0-4040520250104002",
-    "@dcloudio/uni-mp-qq": "3.0.0-4040520250104002",
-    "@dcloudio/uni-mp-toutiao": "3.0.0-4040520250104002",
-    "@dcloudio/uni-mp-weixin": "3.0.0-4040520250104002",
-    "@dcloudio/uni-mp-xhs": "3.0.0-4040520250104002",
-    "@dcloudio/uni-quickapp-webview": "3.0.0-4040520250104002",
-    "@dcloudio/uni-stacktracey": "3.0.0-4040520250104002",
-    "@dcloudio/vite-plugin-uni": "3.0.0-4040520250104002",
-    "@esbuild/darwin-x64": "^0.21.5",
+    "@dcloudio/uni-app": "3.0.0-4050620250312001",
+    "@dcloudio/uni-app-harmony": "3.0.0-4050620250312001",
+    "@dcloudio/uni-app-plus": "3.0.0-4050620250312001",
+    "@dcloudio/uni-automator": "3.0.0-4050620250312001",
+    "@dcloudio/uni-cli-shared": "3.0.0-4050620250312001",
+    "@dcloudio/uni-components": "3.0.0-4050620250312001",
+    "@dcloudio/uni-h5": "3.0.0-4050620250312001",
+    "@dcloudio/uni-mp-alipay": "3.0.0-4050620250312001",
+    "@dcloudio/uni-mp-baidu": "3.0.0-4050620250312001",
+    "@dcloudio/uni-mp-jd": "3.0.0-4050620250312001",
+    "@dcloudio/uni-mp-kuaishou": "3.0.0-4050620250312001",
+    "@dcloudio/uni-mp-lark": "3.0.0-4050620250312001",
+    "@dcloudio/uni-mp-qq": "3.0.0-4050620250312001",
+    "@dcloudio/uni-mp-toutiao": "3.0.0-4050620250312001",
+    "@dcloudio/uni-mp-weixin": "3.0.0-4050620250312001",
+    "@dcloudio/uni-mp-xhs": "3.0.0-4050620250312001",
+    "@dcloudio/uni-quickapp-webview": "3.0.0-4050620250312001",
+    "@dcloudio/uni-stacktracey": "3.0.0-4050620250312001",
+    "@dcloudio/vite-plugin-uni": "3.0.0-4050620250312001",
+    "@esbuild/darwin-x64": "0.20.2",
     "@gunny/perf-test": "^0.1.3",
     "@rollup/rollup-darwin-x64": "^4.24.0",
     "@types/inquirer": "^9.0.7",
@@ -109,6 +112,7 @@
     "eslint-config-prettier": "^8.10.0",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "^9.32.0",
+    "fs-extra": "^11.3.0",
     "glob": "^11.0.0",
     "globals": "^15.13.0",
     "husky": "^9.1.7",
@@ -117,9 +121,9 @@
     "lodash-es": "^4.17.21",
     "prettier": "^2.8.8",
     "region-data": "^1.2.3",
-    "sard-cli": "^1.1.2",
+    "sard-cli": "^1.1.3",
     "sass": "^1.69.7",
-    "tel-area-code": "^1.0.1",
+    "tel-area-code": "^1.1.0",
     "ts-custom-error": "^3.3.1",
     "tsx": "^4.19.2",
     "typescript": "~5.6.2",

package/use/index.d.ts

@@ -9,3 +9,7 @@ export * from './useSlotMachine';
 export * from './useMouseDown';
 export * from './useSimulatedClick';
 export * from './useSimulatedPress';
+export * from './useScrollSide';
+export * from './useScrollSpy';
+export * from './useDragPinch';
+export * from './useTimeoutLoading';

package/use/index.js

@@ -9,3 +9,7 @@ export * from './useSlotMachine';
 export * from './useMouseDown';
 export * from './useSimulatedClick';
 export * from './useSimulatedPress';
+export * from './useScrollSide';
+export * from './useScrollSpy';
+export * from './useDragPinch';
+export * from './useTimeoutLoading';

package/use/useDragPinch.d.ts

@@ -0,0 +1,15 @@
+export interface UseTouchOptions {
+    onOffset?: (offsetX: number, offsetY: number) => void;
+    onScale?: (originX: number, originY: number, scale: number) => void;
+    onCapture?: () => void;
+    onRelease?: (v: {
+        x: number;
+        y: number;
+    }) => void;
+}
+export declare function useDragPinch(options: UseTouchOptions): {
+    onMouseDown: (event: MouseEvent) => void;
+    onTouchStart: (event: TouchEvent) => void;
+    onTouchMove: (event: TouchEvent) => void;
+    onTouchEnd: (event: TouchEvent) => void;
+};