@a2simcode/ui 0.0.248 → 0.0.249
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/dist/components/card-list/index.d.ts +189 -0
- package/dist/components/card-list/src/card-list.vue.d.ts +94 -0
- package/dist/components/index.d.ts +3 -1
- package/dist/components/input-layer/index.d.ts +3 -3
- package/dist/components/input-layer/src/input-layer.vue.d.ts +1 -1
- package/dist/components/table-panel/index.d.ts +136 -0
- package/dist/components/table-panel/src/table-panel.vue.d.ts +136 -0
- package/dist/simcode-ui.es.js +5538 -5087
- package/dist/simcode-ui.umd.js +2 -2
- package/dist/stats.html +1 -1
- package/dist/ui.css +1 -1
- package/docs/components/card-list.md +38 -0
- package/docs/components/meta/card-list.ts +210 -0
- package/docs/components/meta/table-panel.ts +54 -0
- package/docs/components/table-panel.md +15 -0
- package/docs/examples/card-list/basic.vue +70 -0
- package/docs/examples/card-list/selection-pagination.vue +69 -0
- package/docs/examples/table-panel/card.vue +101 -0
- package/package.json +3 -3
|
@@ -3,6 +3,13 @@ import { SchemaConfig } from '../../comp/src/interface';
|
|
|
3
3
|
import { PropType } from 'vue';
|
|
4
4
|
import { TreeNode } from './column-panel.vue';
|
|
5
5
|
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
6
|
+
/**
|
|
7
|
+
* @zh 显示方式 table 表格 card 卡片
|
|
8
|
+
*/
|
|
9
|
+
viewMode: {
|
|
10
|
+
type: PropType<"table" | "card">;
|
|
11
|
+
default: string;
|
|
12
|
+
};
|
|
6
13
|
/**
|
|
7
14
|
* @zh 输入值【作为表单的编辑表格使用】
|
|
8
15
|
* @vModel
|
|
@@ -263,6 +270,62 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
263
270
|
type: BooleanConstructor;
|
|
264
271
|
default: boolean;
|
|
265
272
|
};
|
|
273
|
+
/**
|
|
274
|
+
* @zh 卡片视图标题字段名
|
|
275
|
+
*/
|
|
276
|
+
cardLabelKey: {
|
|
277
|
+
type: StringConstructor;
|
|
278
|
+
default: string;
|
|
279
|
+
};
|
|
280
|
+
/**
|
|
281
|
+
* @zh 卡片视图图片加载方法
|
|
282
|
+
*/
|
|
283
|
+
cardLoadSrc: {
|
|
284
|
+
type: PropType<(item: Record<string, any>) => string>;
|
|
285
|
+
default: undefined;
|
|
286
|
+
};
|
|
287
|
+
/**
|
|
288
|
+
* @zh 卡片视图图片加载失败兜底图
|
|
289
|
+
*/
|
|
290
|
+
cardFallback: {
|
|
291
|
+
type: StringConstructor;
|
|
292
|
+
default: string;
|
|
293
|
+
};
|
|
294
|
+
/**
|
|
295
|
+
* @zh 卡片视图背景色
|
|
296
|
+
*/
|
|
297
|
+
cardBackgroundColor: {
|
|
298
|
+
type: StringConstructor;
|
|
299
|
+
default: string;
|
|
300
|
+
};
|
|
301
|
+
/**
|
|
302
|
+
* @zh 卡片视图是否展示大编辑按钮(需要 buttons 中包含 id 为 edit 的按钮)
|
|
303
|
+
*/
|
|
304
|
+
cardShowBigEditButton: {
|
|
305
|
+
type: BooleanConstructor;
|
|
306
|
+
default: boolean;
|
|
307
|
+
};
|
|
308
|
+
/**
|
|
309
|
+
* @zh 卡片视图卡片宽度
|
|
310
|
+
*/
|
|
311
|
+
cardWidth: {
|
|
312
|
+
type: NumberConstructor;
|
|
313
|
+
default: number;
|
|
314
|
+
};
|
|
315
|
+
/**
|
|
316
|
+
* @zh 卡片视图卡片高度
|
|
317
|
+
*/
|
|
318
|
+
cardHeight: {
|
|
319
|
+
type: NumberConstructor;
|
|
320
|
+
default: number;
|
|
321
|
+
};
|
|
322
|
+
/**
|
|
323
|
+
* @zh 卡片视图图片填充方式
|
|
324
|
+
*/
|
|
325
|
+
cardImageFit: {
|
|
326
|
+
type: PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
|
|
327
|
+
default: string;
|
|
328
|
+
};
|
|
266
329
|
}>, {
|
|
267
330
|
refreshData: (queryParam?: Record<string, any>) => Promise<void>;
|
|
268
331
|
resetData: () => Promise<void>;
|
|
@@ -274,6 +337,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
274
337
|
select: (...args: any[]) => void;
|
|
275
338
|
ready: (...args: any[]) => void;
|
|
276
339
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
340
|
+
/**
|
|
341
|
+
* @zh 显示方式 table 表格 card 卡片
|
|
342
|
+
*/
|
|
343
|
+
viewMode: {
|
|
344
|
+
type: PropType<"table" | "card">;
|
|
345
|
+
default: string;
|
|
346
|
+
};
|
|
277
347
|
/**
|
|
278
348
|
* @zh 输入值【作为表单的编辑表格使用】
|
|
279
349
|
* @vModel
|
|
@@ -534,6 +604,62 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
534
604
|
type: BooleanConstructor;
|
|
535
605
|
default: boolean;
|
|
536
606
|
};
|
|
607
|
+
/**
|
|
608
|
+
* @zh 卡片视图标题字段名
|
|
609
|
+
*/
|
|
610
|
+
cardLabelKey: {
|
|
611
|
+
type: StringConstructor;
|
|
612
|
+
default: string;
|
|
613
|
+
};
|
|
614
|
+
/**
|
|
615
|
+
* @zh 卡片视图图片加载方法
|
|
616
|
+
*/
|
|
617
|
+
cardLoadSrc: {
|
|
618
|
+
type: PropType<(item: Record<string, any>) => string>;
|
|
619
|
+
default: undefined;
|
|
620
|
+
};
|
|
621
|
+
/**
|
|
622
|
+
* @zh 卡片视图图片加载失败兜底图
|
|
623
|
+
*/
|
|
624
|
+
cardFallback: {
|
|
625
|
+
type: StringConstructor;
|
|
626
|
+
default: string;
|
|
627
|
+
};
|
|
628
|
+
/**
|
|
629
|
+
* @zh 卡片视图背景色
|
|
630
|
+
*/
|
|
631
|
+
cardBackgroundColor: {
|
|
632
|
+
type: StringConstructor;
|
|
633
|
+
default: string;
|
|
634
|
+
};
|
|
635
|
+
/**
|
|
636
|
+
* @zh 卡片视图是否展示大编辑按钮(需要 buttons 中包含 id 为 edit 的按钮)
|
|
637
|
+
*/
|
|
638
|
+
cardShowBigEditButton: {
|
|
639
|
+
type: BooleanConstructor;
|
|
640
|
+
default: boolean;
|
|
641
|
+
};
|
|
642
|
+
/**
|
|
643
|
+
* @zh 卡片视图卡片宽度
|
|
644
|
+
*/
|
|
645
|
+
cardWidth: {
|
|
646
|
+
type: NumberConstructor;
|
|
647
|
+
default: number;
|
|
648
|
+
};
|
|
649
|
+
/**
|
|
650
|
+
* @zh 卡片视图卡片高度
|
|
651
|
+
*/
|
|
652
|
+
cardHeight: {
|
|
653
|
+
type: NumberConstructor;
|
|
654
|
+
default: number;
|
|
655
|
+
};
|
|
656
|
+
/**
|
|
657
|
+
* @zh 卡片视图图片填充方式
|
|
658
|
+
*/
|
|
659
|
+
cardImageFit: {
|
|
660
|
+
type: PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
|
|
661
|
+
default: string;
|
|
662
|
+
};
|
|
537
663
|
}>> & Readonly<{
|
|
538
664
|
onSelect?: ((...args: any[]) => any) | undefined;
|
|
539
665
|
onReady?: ((...args: any[]) => any) | undefined;
|
|
@@ -574,6 +700,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
574
700
|
subActions: ButtonCompType[];
|
|
575
701
|
loadChildren: (record: Record<string, any>) => Promise<any[]>;
|
|
576
702
|
searchList: Record<string, any>[];
|
|
703
|
+
viewMode: "table" | "card";
|
|
577
704
|
batchButtons: ButtonCompType[];
|
|
578
705
|
noPadding: boolean;
|
|
579
706
|
showFilterButton: boolean;
|
|
@@ -581,6 +708,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
581
708
|
showColumnButton: boolean;
|
|
582
709
|
showRefreshButton: boolean;
|
|
583
710
|
showFullscreenButton: boolean;
|
|
711
|
+
cardLabelKey: string;
|
|
712
|
+
cardLoadSrc: (item: Record<string, any>) => string;
|
|
713
|
+
cardFallback: string;
|
|
714
|
+
cardBackgroundColor: string;
|
|
715
|
+
cardShowBigEditButton: boolean;
|
|
716
|
+
cardWidth: number;
|
|
717
|
+
cardHeight: number;
|
|
718
|
+
cardImageFit: "fill" | "none" | "contain" | "cover" | "scale-down";
|
|
584
719
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
585
720
|
topLeftRef: HTMLDivElement;
|
|
586
721
|
keywordPanelRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -782,6 +917,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
782
917
|
}, {}, {}, {}, {
|
|
783
918
|
columns: SchemaConfig[];
|
|
784
919
|
}> | null;
|
|
920
|
+
cardListRef: unknown;
|
|
785
921
|
tableRef: unknown;
|
|
786
922
|
}, HTMLDivElement>;
|
|
787
923
|
export default _default;
|