@a2simcode/ui 0.0.248 → 0.0.249

package/dist/components/card-list/index.d.ts

@@ -0,0 +1,189 @@
+export declare const JCardList: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').CardListProps> & Readonly<{
+        onClick?: ((id: string, data: {
+            item: Record<string, any>;
+            index: number;
+            button: import('..').ButtonCompType;
+        }) => any) | undefined;
+        "onUpdate:tablePage"?: ((value: number) => any) | undefined;
+        "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+        onLoadPageData?: ((data: {
+            rows: number;
+            page: number;
+        }) => any) | undefined;
+        onSelectionChange?: ((data: {
+            selections: string[];
+            rows: Record<string, any>[];
+        }) => any) | undefined;
+    }>, {
+        clearSelection: () => void;
+        toggleRowSelection: (rows: Record<string, any>[], selected: boolean) => void;
+        getSelections: () => Record<string, any>[];
+        selections: import('vue').Ref<string[], string[]>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (id: string, data: {
+            item: Record<string, any>;
+            index: number;
+            button: import('..').ButtonCompType;
+        }) => any;
+        "update:tablePage": (value: number) => any;
+        "update:pageSize": (value: number) => any;
+        loadPageData: (data: {
+            rows: number;
+            page: number;
+        }) => any;
+        selectionChange: (data: {
+            selections: string[];
+            rows: Record<string, any>[];
+        }) => any;
+    }, import('vue').PublicProps, {
+        loading: boolean;
+        labelKey: string;
+        buttons: import('..').ButtonCompType[];
+        isPage: boolean;
+        pageLayoutSimple: boolean;
+        pageSizes: number[];
+        pageTotal: number;
+        tablePage: number;
+        pageSize: number;
+        rowKey: string;
+        backgroundColor: string;
+        cardWidth: number | string;
+        dataSource: Record<string, any>[];
+        loadSrc: (item: Record<string, any>) => string;
+        fallback: string;
+        maxBtns: number;
+        isRadio: boolean;
+        isMultiSelect: boolean;
+        showBigEditButton: boolean;
+        imageFit: "fill" | "contain" | "cover" | "none" | "scale-down";
+        setButton: (data: {
+            buttons: import('..').ButtonCompType[];
+            row: Record<string, any>;
+        }) => void;
+        cardAspectRatio: number | string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('..').CardListProps> & Readonly<{
+        onClick?: ((id: string, data: {
+            item: Record<string, any>;
+            index: number;
+            button: import('..').ButtonCompType;
+        }) => any) | undefined;
+        "onUpdate:tablePage"?: ((value: number) => any) | undefined;
+        "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+        onLoadPageData?: ((data: {
+            rows: number;
+            page: number;
+        }) => any) | undefined;
+        onSelectionChange?: ((data: {
+            selections: string[];
+            rows: Record<string, any>[];
+        }) => any) | undefined;
+    }>, {
+        clearSelection: () => void;
+        toggleRowSelection: (rows: Record<string, any>[], selected: boolean) => void;
+        getSelections: () => Record<string, any>[];
+        selections: import('vue').Ref<string[], string[]>;
+    }, {}, {}, {}, {
+        loading: boolean;
+        labelKey: string;
+        buttons: import('..').ButtonCompType[];
+        isPage: boolean;
+        pageLayoutSimple: boolean;
+        pageSizes: number[];
+        pageTotal: number;
+        tablePage: number;
+        pageSize: number;
+        rowKey: string;
+        backgroundColor: string;
+        cardWidth: number | string;
+        dataSource: Record<string, any>[];
+        loadSrc: (item: Record<string, any>) => string;
+        fallback: string;
+        maxBtns: number;
+        isRadio: boolean;
+        isMultiSelect: boolean;
+        showBigEditButton: boolean;
+        imageFit: "fill" | "contain" | "cover" | "none" | "scale-down";
+        setButton: (data: {
+            buttons: import('..').ButtonCompType[];
+            row: Record<string, any>;
+        }) => void;
+        cardAspectRatio: number | string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('..').CardListProps> & Readonly<{
+    onClick?: ((id: string, data: {
+        item: Record<string, any>;
+        index: number;
+        button: import('..').ButtonCompType;
+    }) => any) | undefined;
+    "onUpdate:tablePage"?: ((value: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+    onLoadPageData?: ((data: {
+        rows: number;
+        page: number;
+    }) => any) | undefined;
+    onSelectionChange?: ((data: {
+        selections: string[];
+        rows: Record<string, any>[];
+    }) => any) | undefined;
+}>, {
+    clearSelection: () => void;
+    toggleRowSelection: (rows: Record<string, any>[], selected: boolean) => void;
+    getSelections: () => Record<string, any>[];
+    selections: import('vue').Ref<string[], string[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (id: string, data: {
+        item: Record<string, any>;
+        index: number;
+        button: import('..').ButtonCompType;
+    }) => any;
+    "update:tablePage": (value: number) => any;
+    "update:pageSize": (value: number) => any;
+    loadPageData: (data: {
+        rows: number;
+        page: number;
+    }) => any;
+    selectionChange: (data: {
+        selections: string[];
+        rows: Record<string, any>[];
+    }) => any;
+}, string, {
+    loading: boolean;
+    labelKey: string;
+    buttons: import('..').ButtonCompType[];
+    isPage: boolean;
+    pageLayoutSimple: boolean;
+    pageSizes: number[];
+    pageTotal: number;
+    tablePage: number;
+    pageSize: number;
+    rowKey: string;
+    backgroundColor: string;
+    cardWidth: number | string;
+    dataSource: Record<string, any>[];
+    loadSrc: (item: Record<string, any>) => string;
+    fallback: string;
+    maxBtns: number;
+    isRadio: boolean;
+    isMultiSelect: boolean;
+    showBigEditButton: boolean;
+    imageFit: "fill" | "contain" | "cover" | "none" | "scale-down";
+    setButton: (data: {
+        buttons: import('..').ButtonCompType[];
+        row: Record<string, any>;
+    }) => void;
+    cardAspectRatio: number | string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install: (app: import('vue').App) => void;
+};
+export default JCardList;

package/dist/components/card-list/src/card-list.vue.d.ts

@@ -0,0 +1,94 @@
+import { ButtonCompType } from '../../buttons/src/interface';
+export interface CardListProps {
+    loadSrc?: (item: Record<string, any>) => string;
+    labelKey?: string;
+    dataSource?: Record<string, any>[];
+    buttons?: ButtonCompType[];
+    fallback?: string;
+    isPage?: boolean;
+    pageSizes?: number[];
+    pageTotal?: number;
+    tablePage?: number;
+    pageSize?: number;
+    pageLayoutSimple?: boolean;
+    setButton?: (data: {
+        buttons: ButtonCompType[];
+        row: Record<string, any>;
+    }) => void;
+    maxBtns?: number;
+    loading?: boolean;
+    isRadio?: boolean;
+    isMultiSelect?: boolean;
+    rowKey?: string;
+    backgroundColor?: string;
+    showBigEditButton?: boolean;
+    cardWidth?: number | string;
+    cardHeight?: number;
+    cardAspectRatio?: number | string;
+    imageFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
+}
+declare const _default: import('vue').DefineComponent<CardListProps, {
+    clearSelection: () => void;
+    toggleRowSelection: (rows: Record<string, any>[], selected: boolean) => void;
+    getSelections: () => Record<string, any>[];
+    selections: import('vue').Ref<string[], string[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (id: string, data: {
+        item: Record<string, any>;
+        index: number;
+        button: ButtonCompType;
+    }) => any;
+    "update:tablePage": (value: number) => any;
+    "update:pageSize": (value: number) => any;
+    loadPageData: (data: {
+        rows: number;
+        page: number;
+    }) => any;
+    selectionChange: (data: {
+        selections: string[];
+        rows: Record<string, any>[];
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<CardListProps> & Readonly<{
+    onClick?: ((id: string, data: {
+        item: Record<string, any>;
+        index: number;
+        button: ButtonCompType;
+    }) => any) | undefined;
+    "onUpdate:tablePage"?: ((value: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((value: number) => any) | undefined;
+    onLoadPageData?: ((data: {
+        rows: number;
+        page: number;
+    }) => any) | undefined;
+    onSelectionChange?: ((data: {
+        selections: string[];
+        rows: Record<string, any>[];
+    }) => any) | undefined;
+}>, {
+    loading: boolean;
+    labelKey: string;
+    buttons: ButtonCompType[];
+    isPage: boolean;
+    pageLayoutSimple: boolean;
+    pageSizes: number[];
+    pageTotal: number;
+    tablePage: number;
+    pageSize: number;
+    rowKey: string;
+    backgroundColor: string;
+    cardWidth: number | string;
+    dataSource: Record<string, any>[];
+    loadSrc: (item: Record<string, any>) => string;
+    fallback: string;
+    maxBtns: number;
+    isRadio: boolean;
+    isMultiSelect: boolean;
+    showBigEditButton: boolean;
+    imageFit: "fill" | "contain" | "cover" | "none" | "scale-down";
+    setButton: (data: {
+        buttons: ButtonCompType[];
+        row: Record<string, any>;
+    }) => void;
+    cardAspectRatio: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/index.d.ts

@@ -62,7 +62,8 @@ import { default as JMap } from './map';
 import { default as JInputMap } from './input-map';
 import { default as JWorkflowViewer, JWorkflow } from './workflow-viewer';
 import { default as JInputCards } from './input-cards';
-export { JButton, JButtons, JInput, JDate, JTime, JNowTime, JIcon, JRadio, JSelect, JCascaderSelect, JCheckbox, JNumber, JAutoComplete, JLayout, JTable, JDialog, JDialogFull, JDrawer, JLayer, JDynamicLayer, JInputTag, JRate, JSlider, JUpload, JEcharts, JBarcode, JCodeMirror, JCount, JInputCount, JCountUp, JDataPanel, JDivider, JHpanel, JVpanel, JGuid, JInputButton, JInputCode, JInputColor, JTitle, JDecoratedTitle, JInputDecoratedTitle, JButtonSelect, JTree, JTreeSelect, JComp, JForm, JFormItem, JPage, JSliderCaptcha, JMenu, JTablePanel, JInputRows, JInputLayer, JLayerForm, JSwitch, JTabs, JCollapse, JEditor, JWorkflowViewer, JWorkflow, JPanel, JInputCards, JMap, JInputMap, };
+import { default as JCardList } from './card-list';
+export { JButton, JButtons, JInput, JDate, JTime, JNowTime, JIcon, JRadio, JSelect, JCascaderSelect, JCheckbox, JNumber, JAutoComplete, JLayout, JTable, JDialog, JDialogFull, JDrawer, JLayer, JDynamicLayer, JInputTag, JRate, JSlider, JUpload, JEcharts, JBarcode, JCodeMirror, JCount, JInputCount, JCountUp, JDataPanel, JDivider, JHpanel, JVpanel, JGuid, JInputButton, JInputCode, JInputColor, JTitle, JDecoratedTitle, JInputDecoratedTitle, JButtonSelect, JTree, JTreeSelect, JComp, JForm, JFormItem, JPage, JSliderCaptcha, JMenu, JTablePanel, JInputRows, JInputLayer, JLayerForm, JSwitch, JTabs, JCollapse, JEditor, JWorkflowViewer, JWorkflow, JPanel, JInputCards, JMap, JInputMap, JCardList, };
 export * from '../core';
 export type { ButtonProps } from './button/src/button.vue';
 export type { DateProps } from './date/src/date.vue';
@@ -79,6 +80,7 @@ export type { InputTagProps } from './input-tag/src/input-tag.vue';
 export type { NumberProps } from './number/src/number.vue';
 export type { RateProps } from './rate/src/rate.vue';
 export type { SliderProps } from './slider/src/slider.vue';
+export type { CardListProps } from './card-list/src/card-list.vue';
 export type { InputLayerProps } from './input-layer/src/input-layer.vue';
 export type { CountProps } from './count/src/count.vue';
 export type { CountUpProps } from './count-up/src/count-up.vue';

package/dist/components/input-layer/index.d.ts

@@ -31,8 +31,8 @@ export declare const JInputLayer: {
         defaultExpandAll: boolean;
         isPage: boolean;
         onlyButton: boolean;
-        pidKey: string;
         isMultiSelect: boolean;
+        pidKey: string;
         searchInputList: any[];
         isSaveSelectData: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -71,8 +71,8 @@ export declare const JInputLayer: {
         defaultExpandAll: boolean;
         isPage: boolean;
         onlyButton: boolean;
-        pidKey: string;
         isMultiSelect: boolean;
+        pidKey: string;
         searchInputList: any[];
         isSaveSelectData: boolean;
     }>;
@@ -111,8 +111,8 @@ export declare const JInputLayer: {
     defaultExpandAll: boolean;
     isPage: boolean;
     onlyButton: boolean;
-    pidKey: string;
     isMultiSelect: boolean;
+    pidKey: string;
     searchInputList: any[];
     isSaveSelectData: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {

package/dist/components/input-layer/src/input-layer.vue.d.ts

@@ -99,8 +99,8 @@ declare const _default: import('vue').DefineComponent<InputLayerProps, {
     defaultExpandAll: boolean;
     isPage: boolean;
     onlyButton: boolean;
-    pidKey: string;
     isMultiSelect: boolean;
+    pidKey: string;
     searchInputList: any[];
     isSaveSelectData: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/table-panel/index.d.ts

@@ -1,5 +1,9 @@
 declare const JTablePanel: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        viewMode: {
+            type: import('vue').PropType<"table" | "card">;
+            default: string;
+        };
         modelValue: {
             type: import('vue').PropType<Record<string, any>[]>;
             default: () => never[];
@@ -145,6 +149,38 @@ declare const JTablePanel: {
             type: BooleanConstructor;
             default: boolean;
         };
+        cardLabelKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        cardLoadSrc: {
+            type: import('vue').PropType<(item: Record<string, any>) => string>;
+            default: undefined;
+        };
+        cardFallback: {
+            type: StringConstructor;
+            default: string;
+        };
+        cardBackgroundColor: {
+            type: StringConstructor;
+            default: string;
+        };
+        cardShowBigEditButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        cardWidth: {
+            type: NumberConstructor;
+            default: number;
+        };
+        cardHeight: {
+            type: NumberConstructor;
+            default: number;
+        };
+        cardImageFit: {
+            type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
+            default: string;
+        };
     }>> & Readonly<{
         onSelect?: ((...args: any[]) => any) | undefined;
         onReady?: ((...args: any[]) => any) | undefined;
@@ -195,6 +231,7 @@ declare const JTablePanel: {
         subActions: import('..').ButtonCompType[];
         loadChildren: (record: Record<string, any>) => Promise<any[]>;
         searchList: Record<string, any>[];
+        viewMode: "table" | "card";
         batchButtons: import('..').ButtonCompType[];
         noPadding: boolean;
         showFilterButton: boolean;
@@ -202,6 +239,14 @@ declare const JTablePanel: {
         showColumnButton: boolean;
         showRefreshButton: boolean;
         showFullscreenButton: boolean;
+        cardLabelKey: string;
+        cardLoadSrc: (item: Record<string, any>) => string;
+        cardFallback: string;
+        cardBackgroundColor: string;
+        cardShowBigEditButton: boolean;
+        cardWidth: number;
+        cardHeight: number;
+        cardImageFit: "fill" | "none" | "contain" | "cover" | "scale-down";
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         topLeftRef: HTMLDivElement;
         keywordPanelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
@@ -403,6 +448,7 @@ declare const JTablePanel: {
         }, {}, {}, {}, {
             columns: import('..').SchemaConfig[];
         }> | null;
+        cardListRef: unknown;
         tableRef: unknown;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -412,6 +458,10 @@ declare const JTablePanel: {
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
+        viewMode: {
+            type: import('vue').PropType<"table" | "card">;
+            default: string;
+        };
         modelValue: {
             type: import('vue').PropType<Record<string, any>[]>;
             default: () => never[];
@@ -557,6 +607,38 @@ declare const JTablePanel: {
             type: BooleanConstructor;
             default: boolean;
         };
+        cardLabelKey: {
+            type: StringConstructor;
+            default: string;
+        };
+        cardLoadSrc: {
+            type: import('vue').PropType<(item: Record<string, any>) => string>;
+            default: undefined;
+        };
+        cardFallback: {
+            type: StringConstructor;
+            default: string;
+        };
+        cardBackgroundColor: {
+            type: StringConstructor;
+            default: string;
+        };
+        cardShowBigEditButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        cardWidth: {
+            type: NumberConstructor;
+            default: number;
+        };
+        cardHeight: {
+            type: NumberConstructor;
+            default: number;
+        };
+        cardImageFit: {
+            type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
+            default: string;
+        };
     }>> & Readonly<{
         onSelect?: ((...args: any[]) => any) | undefined;
         onReady?: ((...args: any[]) => any) | undefined;
@@ -604,6 +686,7 @@ declare const JTablePanel: {
         subActions: import('..').ButtonCompType[];
         loadChildren: (record: Record<string, any>) => Promise<any[]>;
         searchList: Record<string, any>[];
+        viewMode: "table" | "card";
         batchButtons: import('..').ButtonCompType[];
         noPadding: boolean;
         showFilterButton: boolean;
@@ -611,11 +694,23 @@ declare const JTablePanel: {
         showColumnButton: boolean;
         showRefreshButton: boolean;
         showFullscreenButton: boolean;
+        cardLabelKey: string;
+        cardLoadSrc: (item: Record<string, any>) => string;
+        cardFallback: string;
+        cardBackgroundColor: string;
+        cardShowBigEditButton: boolean;
+        cardWidth: number;
+        cardHeight: number;
+        cardImageFit: "fill" | "none" | "contain" | "cover" | "scale-down";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    viewMode: {
+        type: import('vue').PropType<"table" | "card">;
+        default: string;
+    };
     modelValue: {
         type: import('vue').PropType<Record<string, any>[]>;
         default: () => never[];
@@ -761,6 +856,38 @@ declare const JTablePanel: {
         type: BooleanConstructor;
         default: boolean;
     };
+    cardLabelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    cardLoadSrc: {
+        type: import('vue').PropType<(item: Record<string, any>) => string>;
+        default: undefined;
+    };
+    cardFallback: {
+        type: StringConstructor;
+        default: string;
+    };
+    cardBackgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    cardShowBigEditButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    cardWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cardHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    cardImageFit: {
+        type: import('vue').PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
+        default: string;
+    };
 }>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     onReady?: ((...args: any[]) => any) | undefined;
@@ -811,6 +938,7 @@ declare const JTablePanel: {
     subActions: import('..').ButtonCompType[];
     loadChildren: (record: Record<string, any>) => Promise<any[]>;
     searchList: Record<string, any>[];
+    viewMode: "table" | "card";
     batchButtons: import('..').ButtonCompType[];
     noPadding: boolean;
     showFilterButton: boolean;
@@ -818,6 +946,14 @@ declare const JTablePanel: {
     showColumnButton: boolean;
     showRefreshButton: boolean;
     showFullscreenButton: boolean;
+    cardLabelKey: string;
+    cardLoadSrc: (item: Record<string, any>) => string;
+    cardFallback: string;
+    cardBackgroundColor: string;
+    cardShowBigEditButton: boolean;
+    cardWidth: number;
+    cardHeight: number;
+    cardImageFit: "fill" | "none" | "contain" | "cover" | "scale-down";
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install: (app: import('vue').App) => void;
 };