@component-hook/picker 1.0.1-alpha.0 → 1.0.2-alpha.0

package/README.md

@@ -44,13 +44,13 @@ $ pnpm install @component-hook/picker
 ```vue
 <script setup lang="ts">
 import { ref } from 'vue';
-import { Picker, type PickerSelectedValues } from '@component-hook/picker/vue';
+import { Picker } from '@component-hook/picker/vue';
 
 const isShowPicker = ref(false);
-const pickerValues = ref<PickerSelectedValues>([]);
+const pickerValues = ref<number[]>([]);
 const columns = Array.from({ length: 50 }, (_, index) => ({ label: index, value: index }));
 
-function onConfirm(value: PickerSelectedValues) {
+function onConfirm(value: number[]) {
   pickerValues.value = value;
 }
 
@@ -84,9 +84,9 @@ const columns = Array.from({ length: 50 }, (_, index) => ({ label: index, value:
 
 export function BasePicker() {
   const [showPicker, setShowPicker] = useState(false);
-  const [pickerValues, setPickerValues] = useState<PickerSelectedValues>([]);
+  const [pickerValues, setPickerValues] = useState<number[]>([]);
 
-  function onConfirm(values: PickerSelectedValues) {
+  function onConfirm(values: number[]) {
     setPickerValues(values);
   }
 

package/dist/react/picker.es.d.ts

@@ -7,9 +7,9 @@ export declare type DatePickerColumnType = 'year' | 'month' | 'day';
 
 export declare type Direction = '' | 'vertical' | 'horizontal';
 
-export declare function Picker({ show, values, title, columns, linkage, loading, loadingSlot, emptySlot, teleport, confirmButtonText, cancelButtonText, columnsFieldNames, onConfirm, onClose, onChange, onCancel, onOpen, onClosed, }: Props): JSX_2.Element;
+export declare function Picker<T>({ show, values, title, columns, linkage, loading, loadingSlot, emptySlot, teleport, confirmButtonText, cancelButtonText, columnsFieldNames, onConfirm, onClose, onChange, onCancel, onOpen, onClosed, }: Props<T>): JSX_2.Element;
 
-export declare type PickerColumn = Array<PickerOption | undefined>;
+export declare type PickerColumn<T = string | number> = Array<PickerOption<T> | undefined>;
 
 export declare type PickerColumnsType = 'single' | 'multiple' | 'cascade';
 
@@ -21,20 +21,20 @@ export declare interface PickerFields {
 
 export declare type PickerFormatLabel = (label: string) => string;
 
-export declare interface PickerOption {
+export declare interface PickerOption<T> {
     label?: string | number;
-    value?: string | number;
-    children?: PickerColumn;
+    value?: T;
+    children?: PickerColumn<T>;
     [key: PropertyKey]: any;
 }
 
-export declare type PickerSelectedValues = Array<PickerOption['value']>;
+export declare type PickerSelectedValues<T = string | number> = Array<PickerOption<T>['value']>;
 
-declare interface Props {
+declare interface Props<T = string | number> {
     show: boolean;
-    values?: PickerSelectedValues;
+    values?: T[];
     title?: string;
-    columns: PickerColumn | PickerColumn[];
+    columns: PickerColumn<T> | PickerColumn<T>[];
     linkage?: boolean;
     loading?: boolean;
     loadingSlot?: ReactNode;
@@ -43,9 +43,9 @@ declare interface Props {
     confirmButtonText?: string;
     cancelButtonText?: string;
     columnsFieldNames?: PickerFields;
-    onConfirm?: (values: PickerSelectedValues) => void;
+    onConfirm?: (values: T[]) => void;
     onClose: () => void;
-    onChange?: (values: PickerSelectedValues) => void;
+    onChange?: (values: T[]) => void;
     onCancel?: () => void;
     onOpen?: () => void;
     onClosed?: () => void;
@@ -53,7 +53,7 @@ declare interface Props {
 
 declare interface Props_2 {
     show: boolean;
-    values?: PickerSelectedValues;
+    values?: number[];
     title?: string;
     columnsType?: DatePickerColumnType[];
     minDate?: Date;
@@ -64,7 +64,7 @@ declare interface Props_2 {
     formatYearLabel?: PickerFormatLabel;
     formatMonthLabel?: PickerFormatLabel;
     formatDayLabel?: PickerFormatLabel;
-    onConfirm?: (values: PickerSelectedValues) => void;
+    onConfirm?: (values: number[]) => void;
     onClose: () => void;
     onCancel?: () => void;
     onOpen?: () => void;
@@ -73,7 +73,7 @@ declare interface Props_2 {
 
 declare interface Props_3 {
     show: boolean;
-    values?: PickerSelectedValues;
+    values?: number[];
     title?: string;
     columnsType?: TimePickerColumnType[];
     minTime?: string;
@@ -84,7 +84,7 @@ declare interface Props_3 {
     formatHourLabel?: PickerFormatLabel;
     formatMinuteLabel?: PickerFormatLabel;
     formatSecondLabel?: PickerFormatLabel;
-    onConfirm?: (values: PickerSelectedValues) => void;
+    onConfirm?: (values: number[]) => void;
     onClose: () => void;
     onCancel?: () => void;
     onOpen?: () => void;