sard-uniapp 1.15.3 → 1.16.0

package/index.d.ts

@@ -7,11 +7,14 @@ export * from './components/badge';
 export * from './components/button';
 export * from './components/calendar';
 export * from './components/calendar-input';
+export * from './components/calendar-popout';
 export * from './components/card';
 export * from './components/cascader';
 export * from './components/cascader-input';
+export * from './components/cascader-popout';
 export * from './components/checkbox';
 export * from './components/checkbox-input';
+export * from './components/checkbox-popout';
 export * from './components/collapse';
 export * from './components/config';
 export * from './components/count-down';
@@ -20,8 +23,10 @@ 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-picker-popout';
 export * from './components/datetime-range-picker';
 export * from './components/datetime-range-picker-input';
+export * from './components/datetime-range-picker-popout';
 export * from './components/dialog';
 export * from './components/dialog-agent';
 export * from './components/divider';
@@ -44,6 +49,7 @@ export * from './components/locale';
 export * from './components/marquee';
 export * from './components/menu';
 export * from './components/navbar';
+export * from './components/navbar-pit';
 export * from './components/notice-bar';
 export * from './components/notify';
 export * from './components/notify-agent';
@@ -52,6 +58,7 @@ export * from './components/pagination';
 export * from './components/password-input';
 export * from './components/picker';
 export * from './components/picker-input';
+export * from './components/picker-popout';
 export * from './components/popout';
 export * from './components/popout-input';
 export * from './components/popover';
@@ -63,6 +70,7 @@ export * from './components/pull-down-refresh';
 export * from './components/qrcode';
 export * from './components/radio';
 export * from './components/radio-input';
+export * from './components/radio-popout';
 export * from './components/rate';
 export * from './components/result';
 export * from './components/scroll-spy';
@@ -81,6 +89,7 @@ export * from './components/steps';
 export * from './components/swiper-dot';
 export * from './components/switch';
 export * from './components/tabbar';
+export * from './components/tabbar-pit';
 export * from './components/table';
 export * from './components/tabs';
 export * from './components/tag';

package/index.js

@@ -7,11 +7,14 @@ export * from './components/badge';
 export * from './components/button';
 export * from './components/calendar';
 export * from './components/calendar-input';
+export * from './components/calendar-popout';
 export * from './components/card';
 export * from './components/cascader';
 export * from './components/cascader-input';
+export * from './components/cascader-popout';
 export * from './components/checkbox';
 export * from './components/checkbox-input';
+export * from './components/checkbox-popout';
 export * from './components/collapse';
 export * from './components/config';
 export * from './components/count-down';
@@ -20,8 +23,10 @@ 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-picker-popout';
 export * from './components/datetime-range-picker';
 export * from './components/datetime-range-picker-input';
+export * from './components/datetime-range-picker-popout';
 export * from './components/dialog';
 export * from './components/dialog-agent';
 export * from './components/divider';
@@ -44,6 +49,7 @@ export * from './components/locale';
 export * from './components/marquee';
 export * from './components/menu';
 export * from './components/navbar';
+export * from './components/navbar-pit';
 export * from './components/notice-bar';
 export * from './components/notify';
 export * from './components/notify-agent';
@@ -52,6 +58,7 @@ export * from './components/pagination';
 export * from './components/password-input';
 export * from './components/picker';
 export * from './components/picker-input';
+export * from './components/picker-popout';
 export * from './components/popout';
 export * from './components/popout-input';
 export * from './components/popover';
@@ -63,6 +70,7 @@ export * from './components/pull-down-refresh';
 export * from './components/qrcode';
 export * from './components/radio';
 export * from './components/radio-input';
+export * from './components/radio-popout';
 export * from './components/rate';
 export * from './components/result';
 export * from './components/scroll-spy';
@@ -81,6 +89,7 @@ export * from './components/steps';
 export * from './components/swiper-dot';
 export * from './components/switch';
 export * from './components/tabbar';
+export * from './components/tabbar-pit';
 export * from './components/table';
 export * from './components/tabs';
 export * from './components/tag';

package/index.scss

@@ -9,7 +9,7 @@
 @use './components/card/variables.scss' as *;
 @use './components/cascader/variables.scss' as *;
 @use './components/check-icon/variables.scss' as *;
-@use './components/checkbox-input/variables.scss' as *;
+@use './components/checkbox-popout/variables.scss' as *;
 @use './components/checkbox/variables.scss' as *;
 @use './components/col/variables.scss' as *;
 @use './components/collapse/variables.scss' as *;
@@ -47,7 +47,7 @@
 @use './components/progress-circle/variables.scss' as *;
 @use './components/pull-down-refresh/variables.scss' as *;
 @use './components/qrcode/variables.scss' as *;
-@use './components/radio-input/variables.scss' as *;
+@use './components/radio-popout/variables.scss' as *;
 @use './components/radio/variables.scss' as *;
 @use './components/rate/variables.scss' as *;
 @use './components/result/variables.scss' as *;

package/package.json

@@ -2,7 +2,7 @@
   "id": "sard-uniapp",
   "name": "sard-uniapp",
   "displayName": "sard-uniapp",
-  "version": "1.15.3",
+  "version": "1.16.0",
   "description": "sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库",
   "main": "index.js",
   "scripts": {
@@ -69,7 +69,7 @@
   },
   "peerDependencies": {
     "@dcloudio/types": "^3.4.8",
-    "vue": "^3.4.27"
+    "vue": "^3.3.13"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.8.1",
@@ -120,9 +120,9 @@
     "inquirer": "^9.3.7",
     "lint-staged": "^13.3.0",
     "lodash-es": "^4.17.21",
-    "prettier": "^2.8.8",
+    "prettier": "^3.5.3",
     "region-data": "^1.2.3",
-    "sard-cli": "^1.1.8",
+    "sard-cli": "^1.2.0",
     "sass": "^1.69.7",
     "tel-area-code": "^1.1.0",
     "ts-custom-error": "^3.3.1",

package/use/index.d.ts

@@ -13,3 +13,6 @@ export * from './useScrollSide';
 export * from './useScrollSpy';
 export * from './useDragPinch';
 export * from './useTimeoutLoading';
+export * from './useTwoWayVisible';
+export * from './usePopoutInput';
+export * from './useFormPopout';

package/use/index.js

@@ -13,3 +13,6 @@ export * from './useScrollSide';
 export * from './useScrollSpy';
 export * from './useDragPinch';
 export * from './useTimeoutLoading';
+export * from './useTwoWayVisible';
+export * from './usePopoutInput';
+export * from './useFormPopout';

package/use/useFormPopout.d.ts

@@ -0,0 +1,20 @@
+export interface UseFormPopoutProps {
+    visible?: boolean;
+    modelValue?: any;
+    validateEvent?: boolean;
+}
+export interface UseFormPopoutEmits {
+    (e: 'update:visible', visible: boolean): void;
+    (e: 'update:model-value', ...args: any[]): void;
+    (e: 'change', ...args: any[]): void;
+}
+export declare function useFormPopout(props: UseFormPopoutProps, emit: UseFormPopoutEmits, options?: {
+    onChange?: (...args: any[]) => void;
+    onConfirmBefore?: () => void;
+}): {
+    innerVisible: import("vue").Ref<boolean | undefined, boolean | undefined>;
+    innerValue: import("vue").Ref<any, any>;
+    popoutValue: import("vue").Ref<any, any>;
+    onChange: (value: any, ...args: any[]) => void;
+    onConfirm: () => void;
+};

package/use/useFormPopout.js

@@ -0,0 +1,42 @@
+import { ref, watch } from 'vue';
+import { useTwoWayVisible } from './useTwoWayVisible';
+import { useFormItemContext } from '../components/form';
+export function useFormPopout(props, emit, options = {}) {
+    // visible
+    const { visible } = useTwoWayVisible(props, emit);
+    // value
+    const formItemContext = useFormItemContext();
+    const innerValue = ref(props.modelValue);
+    watch(() => props.modelValue, () => {
+        innerValue.value = props.modelValue;
+        if (props.validateEvent) {
+            formItemContext?.onChange();
+        }
+    });
+    const popoutValue = ref(props.modelValue);
+    watch(innerValue, () => {
+        popoutValue.value = innerValue.value;
+    });
+    let restArgs = [];
+    const onChange = (value, ...args) => {
+        popoutValue.value = value;
+        restArgs = args;
+        options.onChange?.(value, ...args);
+    };
+    const onConfirm = () => {
+        options.onConfirmBefore?.();
+        if (popoutValue.value !== innerValue.value) {
+            innerValue.value = popoutValue.value;
+            const args = [innerValue.value, ...restArgs];
+            emit('update:model-value', ...args);
+            emit('change', ...args);
+        }
+    };
+    return {
+        innerVisible: visible,
+        innerValue,
+        popoutValue,
+        onChange,
+        onConfirm,
+    };
+}

package/use/usePopoutInput.d.ts

@@ -0,0 +1,19 @@
+export interface UsePopoutInputProps {
+    visible?: boolean;
+    modelValue?: any;
+}
+export interface UsePopoutInputEmits {
+    (e: 'update:visible', visible: boolean): void;
+    (e: 'update:model-value', ...args: any[]): void;
+    (e: 'change', ...args: any[]): void;
+}
+export declare function usePopoutInput(props: UsePopoutInputProps, emit: UsePopoutInputEmits, options?: {
+    onClear?: () => void;
+}): {
+    innerVisible: import("vue").Ref<boolean | undefined, boolean | undefined>;
+    innerValue: import("vue").Ref<any, any>;
+    inputValue: import("vue").Ref<string, string>;
+    show: () => void;
+    onChange: (...args: any[]) => void;
+    onClear: () => void;
+};

package/use/usePopoutInput.js

@@ -0,0 +1,39 @@
+import { ref, watch } from 'vue';
+import { useTwoWayVisible } from './useTwoWayVisible';
+export function usePopoutInput(props, emit, options = {}) {
+    // visible
+    const { visible } = useTwoWayVisible(props, emit);
+    const show = () => {
+        visible.value = true;
+    };
+    // value
+    const innerValue = ref(props.modelValue);
+    watch(() => props.modelValue, () => {
+        innerValue.value = props.modelValue;
+    });
+    const onChange = (...args) => {
+        emit('update:model-value', ...args);
+        emit('change', ...args);
+    };
+    const onClear = () => {
+        inputValue.value = '';
+        innerValue.value = undefined;
+        if (options.onClear) {
+            options.onClear();
+        }
+        else {
+            emit('update:model-value', undefined);
+            emit('change', undefined);
+        }
+    };
+    // input
+    const inputValue = ref('');
+    return {
+        innerVisible: visible,
+        innerValue,
+        inputValue,
+        show,
+        onChange,
+        onClear,
+    };
+}

package/use/useTwoWayVisible.d.ts

@@ -0,0 +1,9 @@
+export interface UsePopoutInputVisibleProps {
+    visible?: boolean;
+}
+export interface UsePopoutInputVisibleEmits {
+    (e: 'update:visible', visible: boolean): void;
+}
+export declare function useTwoWayVisible(props: UsePopoutInputVisibleProps, emit: UsePopoutInputVisibleEmits): {
+    visible: import("vue").Ref<boolean | undefined, boolean | undefined>;
+};

package/use/useTwoWayVisible.js

@@ -0,0 +1,13 @@
+import { ref, watch } from 'vue';
+export function useTwoWayVisible(props, emit) {
+    const visible = ref(props.visible);
+    watch(() => props.visible, () => {
+        visible.value = props.visible;
+    });
+    watch(visible, () => {
+        emit('update:visible', !!visible.value);
+    });
+    return {
+        visible,
+    };
+}