@dao-style/core 1.19.1-beta.1 → 1.19.1-beta.3

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.
Files changed (12) hide show
  1. package/dist/components/autocomplete/autocomplete.d.ts +6 -6
  2. package/dist/components/autocomplete/autocomplete.vue.d.ts +2 -2
  3. package/dist/components/input/input.d.ts +3 -3
  4. package/dist/components/input/input.vue.d.ts +1 -1
  5. package/dist/components/table/table.d.ts +225 -9
  6. package/dist/components/table/table.vue.d.ts +75 -3
  7. package/dist/components/table/type.d.ts +1 -0
  8. package/dist/dao-style.js +7 -7
  9. package/dist/dao-style.mjs +5277 -5187
  10. package/dist/font/DaoCloudIconFont/DaoCloudIconFont.woff2 +0 -0
  11. package/dist/style.css +1 -1
  12. package/package.json +1 -1
package/dist/components/autocomplete/autocomplete.d.ts CHANGED
@@ -345,7 +345,7 @@ declare const DaoAutocomplete: {
345
345
  isDecreaseDisabled: import("vue").Ref<boolean>;
346
346
  isChangingNumber: import("vue").Ref<boolean>;
347
347
  inputType: import("vue").ComputedRef<import("..").InputType>;
348
- passwordIcon: import("vue").ComputedRef<"icon-eye" | "icon-eye-slash">;
348
+ passwordIcon: import("vue").ComputedRef<"icon-eye-slash" | "icon-eye">;
349
349
  toggleShowPassword: () => void;
350
350
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "update:modelValue" | "after-reset")[], string, {
351
351
  type: import("..").InputType;
@@ -454,7 +454,7 @@ declare const DaoAutocomplete: {
454
454
  isDecreaseDisabled: import("vue").Ref<boolean>;
455
455
  isChangingNumber: import("vue").Ref<boolean>;
456
456
  inputType: import("vue").ComputedRef<import("..").InputType>;
457
- passwordIcon: import("vue").ComputedRef<"icon-eye" | "icon-eye-slash">;
457
+ passwordIcon: import("vue").ComputedRef<"icon-eye-slash" | "icon-eye">;
458
458
  toggleShowPassword: () => void;
459
459
  }> & {} & import("vue").ComponentCustomProperties & {} & {
460
460
  $props: Partial<import("..").InputProps>;
@@ -751,7 +751,7 @@ declare const DaoAutocomplete: {
751
751
  isDecreaseDisabled: import("vue").Ref<boolean>;
752
752
  isChangingNumber: import("vue").Ref<boolean>;
753
753
  inputType: import("vue").ComputedRef<import("..").InputType>;
754
- passwordIcon: import("vue").ComputedRef<"icon-eye" | "icon-eye-slash">;
754
+ passwordIcon: import("vue").ComputedRef<"icon-eye-slash" | "icon-eye">;
755
755
  toggleShowPassword: () => void;
756
756
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "update:modelValue" | "after-reset")[], string, {
757
757
  type: import("..").InputType;
@@ -860,7 +860,7 @@ declare const DaoAutocomplete: {
860
860
  isDecreaseDisabled: import("vue").Ref<boolean>;
861
861
  isChangingNumber: import("vue").Ref<boolean>;
862
862
  inputType: import("vue").ComputedRef<import("..").InputType>;
863
- passwordIcon: import("vue").ComputedRef<"icon-eye" | "icon-eye-slash">;
863
+ passwordIcon: import("vue").ComputedRef<"icon-eye-slash" | "icon-eye">;
864
864
  toggleShowPassword: () => void;
865
865
  }> & {} & import("vue").ComponentCustomProperties & {} & {
866
866
  $props: Partial<import("..").InputProps>;
@@ -1122,7 +1122,7 @@ declare const DaoAutocomplete: {
1122
1122
  isDecreaseDisabled: import("vue").Ref<boolean>;
1123
1123
  isChangingNumber: import("vue").Ref<boolean>;
1124
1124
  inputType: import("vue").ComputedRef<import("..").InputType>;
1125
- passwordIcon: import("vue").ComputedRef<"icon-eye" | "icon-eye-slash">;
1125
+ passwordIcon: import("vue").ComputedRef<"icon-eye-slash" | "icon-eye">;
1126
1126
  toggleShowPassword: () => void;
1127
1127
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "update:modelValue" | "after-reset")[], string, {
1128
1128
  type: import("..").InputType;
@@ -1231,7 +1231,7 @@ declare const DaoAutocomplete: {
1231
1231
  isDecreaseDisabled: import("vue").Ref<boolean>;
1232
1232
  isChangingNumber: import("vue").Ref<boolean>;
1233
1233
  inputType: import("vue").ComputedRef<import("..").InputType>;
1234
- passwordIcon: import("vue").ComputedRef<"icon-eye" | "icon-eye-slash">;
1234
+ passwordIcon: import("vue").ComputedRef<"icon-eye-slash" | "icon-eye">;
1235
1235
  toggleShowPassword: () => void;
1236
1236
  }> & {} & import("vue").ComponentCustomProperties & {} & {
1237
1237
  $props: Partial<import("..").InputProps>;
package/dist/components/autocomplete/autocomplete.vue.d.ts CHANGED
@@ -241,7 +241,7 @@ declare const _default: import("vue").DefineComponent<{
241
241
  isDecreaseDisabled: import("vue").Ref<boolean>;
242
242
  isChangingNumber: import("vue").Ref<boolean>;
243
243
  inputType: import("vue").ComputedRef<import("../input").InputType>;
244
- passwordIcon: import("vue").ComputedRef<"icon-eye" | "icon-eye-slash">;
244
+ passwordIcon: import("vue").ComputedRef<"icon-eye-slash" | "icon-eye">;
245
245
  toggleShowPassword: () => void;
246
246
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "update:modelValue" | "after-reset")[], string, {
247
247
  type: import("../input").InputType;
@@ -350,7 +350,7 @@ declare const _default: import("vue").DefineComponent<{
350
350
  isDecreaseDisabled: import("vue").Ref<boolean>;
351
351
  isChangingNumber: import("vue").Ref<boolean>;
352
352
  inputType: import("vue").ComputedRef<import("../input").InputType>;
353
- passwordIcon: import("vue").ComputedRef<"icon-eye" | "icon-eye-slash">;
353
+ passwordIcon: import("vue").ComputedRef<"icon-eye-slash" | "icon-eye">;
354
354
  toggleShowPassword: () => void;
355
355
  }> & {} & import("vue").ComponentCustomProperties & {} & {
356
356
  $props: Partial<import("../input").InputProps>;
package/dist/components/input/input.d.ts CHANGED
@@ -155,7 +155,7 @@ declare const DaoInput: {
155
155
  isDecreaseDisabled: import("vue").Ref<boolean>;
156
156
  isChangingNumber: import("vue").Ref<boolean>;
157
157
  inputType: import("vue").ComputedRef<import("./props").InputType>;
158
- passwordIcon: import("vue").ComputedRef<"icon-eye" | "icon-eye-slash">;
158
+ passwordIcon: import("vue").ComputedRef<"icon-eye-slash" | "icon-eye">;
159
159
  toggleShowPassword: () => void;
160
160
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "update:modelValue" | "after-reset")[], string, {
161
161
  type: import("./props").InputType;
@@ -264,7 +264,7 @@ declare const DaoInput: {
264
264
  isDecreaseDisabled: import("vue").Ref<boolean>;
265
265
  isChangingNumber: import("vue").Ref<boolean>;
266
266
  inputType: import("vue").ComputedRef<import("./props").InputType>;
267
- passwordIcon: import("vue").ComputedRef<"icon-eye" | "icon-eye-slash">;
267
+ passwordIcon: import("vue").ComputedRef<"icon-eye-slash" | "icon-eye">;
268
268
  toggleShowPassword: () => void;
269
269
  }> & {} & import("vue").ComponentCustomProperties & {};
270
270
  __isFragment?: undefined;
@@ -347,7 +347,7 @@ declare const DaoInput: {
347
347
  isDecreaseDisabled: import("vue").Ref<boolean>;
348
348
  isChangingNumber: import("vue").Ref<boolean>;
349
349
  inputType: import("vue").ComputedRef<import("./props").InputType>;
350
- passwordIcon: import("vue").ComputedRef<"icon-eye" | "icon-eye-slash">;
350
+ passwordIcon: import("vue").ComputedRef<"icon-eye-slash" | "icon-eye">;
351
351
  toggleShowPassword: () => void;
352
352
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "update:modelValue" | "after-reset")[], "input" | "focus" | "blur" | "change" | "update:modelValue" | "after-reset", {
353
353
  type: import("./props").InputType;
package/dist/components/input/input.vue.d.ts CHANGED
@@ -69,7 +69,7 @@ declare const _default: import("vue").DefineComponent<{
69
69
  isDecreaseDisabled: import("vue").Ref<boolean>;
70
70
  isChangingNumber: import("vue").Ref<boolean>;
71
71
  inputType: import("vue").ComputedRef<import("./props").InputType>;
72
- passwordIcon: import("vue").ComputedRef<"icon-eye" | "icon-eye-slash">;
72
+ passwordIcon: import("vue").ComputedRef<"icon-eye-slash" | "icon-eye">;
73
73
  toggleShowPassword: () => void;
74
74
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "update:modelValue" | "after-reset")[], "input" | "focus" | "blur" | "change" | "update:modelValue" | "after-reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
75
75
  modelValue: {
package/dist/components/table/table.d.ts CHANGED
@@ -414,8 +414,10 @@ declare const DaoTable: {
414
414
  className?: string | undefined;
415
415
  ellipsis?: boolean | import("./type").ColumnEllipsisContentFun | undefined;
416
416
  tip?: string | undefined;
417
+ fixed?: boolean | "left" | "right" | undefined;
417
418
  }[];
418
419
  filterColumns: import("vue").ComputedRef<{
420
+ fixed: false | "left" | "right" | undefined;
419
421
  id: string;
420
422
  header: string;
421
423
  defaultWidth?: import("./type").DefaultWidthType | undefined;
@@ -432,22 +434,49 @@ declare const DaoTable: {
432
434
  tableWrapperClasses: import("vue").ComputedRef<string[]>;
433
435
  tableSetting: Record<string, import("./type").tableSettingItem>;
434
436
  columnStyle: (column: DaoTableColumn) => {
437
+ left?: undefined;
438
+ right?: undefined;
435
439
  flex: string;
436
440
  minWidth: string;
437
441
  maxWidth: string | undefined;
438
- width?: undefined;
439
442
  } | {
443
+ left: string;
444
+ right?: undefined;
445
+ flex: string;
446
+ minWidth: string;
447
+ maxWidth: string | undefined;
448
+ } | {
449
+ right: string;
450
+ left?: undefined;
451
+ flex: string;
452
+ minWidth: string;
453
+ maxWidth: string | undefined;
454
+ } | {
455
+ left?: undefined;
456
+ right?: undefined;
457
+ width: import("./type").DefaultWidthType;
458
+ minWidth: string;
459
+ maxWidth: string | undefined;
460
+ } | {
461
+ left: string;
462
+ right?: undefined;
463
+ width: import("./type").DefaultWidthType;
464
+ minWidth: string;
465
+ maxWidth: string | undefined;
466
+ } | {
467
+ right: string;
468
+ left?: undefined;
440
469
  width: import("./type").DefaultWidthType;
441
470
  minWidth: string;
442
471
  maxWidth: string | undefined;
443
- flex?: undefined;
444
472
  };
445
473
  sortColumn: (column: DaoTableColumn) => void;
446
474
  sort: {
447
475
  id: string;
448
476
  desc: boolean;
449
477
  };
450
- thClass: (column: DaoTableColumn) => "" | "dao-table-th--sortable";
478
+ thClass: (column: DaoTableColumn, index: number) => string[];
479
+ tdClass: (column: DaoTableColumn, index: number) => string[];
451
480
  isRowExpanded: (row: Record<string, unknown>) => boolean;
452
481
  toggleExpand: (row: Record<string, unknown>, rowIndex: number) => void;
453
482
  setColumnRef: (columnId: string, el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null) => void;
@@ -483,6 +512,49 @@ declare const DaoTable: {
483
512
  isFunction: boolean;
484
513
  }>;
485
514
  getEllipsisContent: (column: DaoTableColumn, row: Record<string, unknown>, index: number) => string;
515
+ fixedColumns: import("vue").Ref<{
516
+ id: string;
517
+ header: string;
518
+ defaultWidth?: import("./type").DefaultWidthType | undefined;
519
+ minWidth?: number | undefined;
520
+ maxWidth?: number | undefined;
521
+ sortable?: boolean | undefined;
522
+ resizable?: boolean | undefined;
523
+ hidable?: boolean | undefined;
524
+ defaultHide?: boolean | undefined;
525
+ className?: string | undefined;
526
+ ellipsis?: boolean | import("./type").ColumnEllipsisContentFun | undefined;
527
+ tip?: string | undefined;
528
+ fixed?: boolean | "left" | "right" | undefined;
529
+ }[]>;
530
+ rightFixedColumns: import("vue").Ref<{
531
+ id: string;
532
+ header: string;
533
+ defaultWidth?: import("./type").DefaultWidthType | undefined;
534
+ minWidth?: number | undefined;
535
+ maxWidth?: number | undefined;
536
+ sortable?: boolean | undefined;
537
+ resizable?: boolean | undefined;
538
+ hidable?: boolean | undefined;
539
+ defaultHide?: boolean | undefined;
540
+ className?: string | undefined;
541
+ ellipsis?: boolean | import("./type").ColumnEllipsisContentFun | undefined;
542
+ tip?: string | undefined;
543
+ fixed?: boolean | "left" | "right" | undefined;
544
+ }[]>;
545
+ getCheckboxOffset: import("vue").ComputedRef<{
546
+ left?: undefined;
547
+ } | {
548
+ left: number;
549
+ }>;
550
+ getExpandOffset: import("vue").ComputedRef<{
551
+ left?: undefined;
552
+ } | {
553
+ left: string;
554
+ } | {
555
+ left: number;
556
+ }>;
557
+ syncScrollPosition: () => void;
486
558
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "delete" | "select" | "next" | "prev" | "deselect" | "update:page-size" | "update:current-page" | "page-change" | "size-change" | "pageChange" | "sizeChange" | "update:search" | "refresh" | "update:selectedRows" | "update:expandedRows" | "update:highlightedRow" | "sortChange" | "hideColumn" | "afterResize" | "expandToggle" | "row-click" | "onHighlight" | "offHighlight")[], string, {
487
559
  search: import("../toolbar").SearchModelType;
488
560
  compact: boolean;
@@ -726,8 +798,10 @@ declare const DaoTable: {
726
798
  className?: string | undefined;
727
799
  ellipsis?: boolean | import("./type").ColumnEllipsisContentFun | undefined;
728
800
  tip?: string | undefined;
801
+ fixed?: boolean | "left" | "right" | undefined;
729
802
  }[];
730
803
  filterColumns: import("vue").ComputedRef<{
804
+ fixed: false | "left" | "right" | undefined;
731
805
  id: string;
732
806
  header: string;
733
807
  defaultWidth?: import("./type").DefaultWidthType | undefined;
@@ -744,22 +818,49 @@ declare const DaoTable: {
744
818
  tableWrapperClasses: import("vue").ComputedRef<string[]>;
745
819
  tableSetting: Record<string, import("./type").tableSettingItem>;
746
820
  columnStyle: (column: DaoTableColumn) => {
821
+ left?: undefined;
822
+ right?: undefined;
747
823
  flex: string;
748
824
  minWidth: string;
749
825
  maxWidth: string | undefined;
750
- width?: undefined;
751
826
  } | {
827
+ left: string;
828
+ right?: undefined;
829
+ flex: string;
830
+ minWidth: string;
831
+ maxWidth: string | undefined;
832
+ } | {
833
+ right: string;
834
+ left?: undefined;
835
+ flex: string;
836
+ minWidth: string;
837
+ maxWidth: string | undefined;
838
+ } | {
839
+ left?: undefined;
840
+ right?: undefined;
841
+ width: import("./type").DefaultWidthType;
842
+ minWidth: string;
843
+ maxWidth: string | undefined;
844
+ } | {
845
+ left: string;
846
+ right?: undefined;
847
+ width: import("./type").DefaultWidthType;
848
+ minWidth: string;
849
+ maxWidth: string | undefined;
850
+ } | {
851
+ right: string;
852
+ left?: undefined;
752
853
  width: import("./type").DefaultWidthType;
753
854
  minWidth: string;
754
855
  maxWidth: string | undefined;
755
- flex?: undefined;
756
856
  };
757
857
  sortColumn: (column: DaoTableColumn) => void;
758
858
  sort: {
759
859
  id: string;
760
860
  desc: boolean;
761
861
  };
762
- thClass: (column: DaoTableColumn) => "" | "dao-table-th--sortable";
862
+ thClass: (column: DaoTableColumn, index: number) => string[];
863
+ tdClass: (column: DaoTableColumn, index: number) => string[];
763
864
  isRowExpanded: (row: Record<string, unknown>) => boolean;
764
865
  toggleExpand: (row: Record<string, unknown>, rowIndex: number) => void;
765
866
  setColumnRef: (columnId: string, el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null) => void;
@@ -795,6 +896,49 @@ declare const DaoTable: {
795
896
  isFunction: boolean;
796
897
  }>;
797
898
  getEllipsisContent: (column: DaoTableColumn, row: Record<string, unknown>, index: number) => string;
899
+ fixedColumns: import("vue").Ref<{
900
+ id: string;
901
+ header: string;
902
+ defaultWidth?: import("./type").DefaultWidthType | undefined;
903
+ minWidth?: number | undefined;
904
+ maxWidth?: number | undefined;
905
+ sortable?: boolean | undefined;
906
+ resizable?: boolean | undefined;
907
+ hidable?: boolean | undefined;
908
+ defaultHide?: boolean | undefined;
909
+ className?: string | undefined;
910
+ ellipsis?: boolean | import("./type").ColumnEllipsisContentFun | undefined;
911
+ tip?: string | undefined;
912
+ fixed?: boolean | "left" | "right" | undefined;
913
+ }[]>;
914
+ rightFixedColumns: import("vue").Ref<{
915
+ id: string;
916
+ header: string;
917
+ defaultWidth?: import("./type").DefaultWidthType | undefined;
918
+ minWidth?: number | undefined;
919
+ maxWidth?: number | undefined;
920
+ sortable?: boolean | undefined;
921
+ resizable?: boolean | undefined;
922
+ hidable?: boolean | undefined;
923
+ defaultHide?: boolean | undefined;
924
+ className?: string | undefined;
925
+ ellipsis?: boolean | import("./type").ColumnEllipsisContentFun | undefined;
926
+ tip?: string | undefined;
927
+ fixed?: boolean | "left" | "right" | undefined;
928
+ }[]>;
929
+ getCheckboxOffset: import("vue").ComputedRef<{
930
+ left?: undefined;
931
+ } | {
932
+ left: number;
933
+ }>;
934
+ getExpandOffset: import("vue").ComputedRef<{
935
+ left?: undefined;
936
+ } | {
937
+ left: string;
938
+ } | {
939
+ left: number;
940
+ }>;
941
+ syncScrollPosition: () => void;
798
942
  }> & {} & import("vue").ComponentCustomProperties & {};
799
943
  __isFragment?: undefined;
800
944
  __isTeleport?: undefined;
@@ -987,8 +1131,10 @@ declare const DaoTable: {
987
1131
  className?: string | undefined;
988
1132
  ellipsis?: boolean | import("./type").ColumnEllipsisContentFun | undefined;
989
1133
  tip?: string | undefined;
1134
+ fixed?: boolean | "left" | "right" | undefined;
990
1135
  }[];
991
1136
  filterColumns: import("vue").ComputedRef<{
1137
+ fixed: false | "left" | "right" | undefined;
992
1138
  id: string;
993
1139
  header: string;
994
1140
  defaultWidth?: import("./type").DefaultWidthType | undefined;
@@ -1005,22 +1151,49 @@ declare const DaoTable: {
1005
1151
  tableWrapperClasses: import("vue").ComputedRef<string[]>;
1006
1152
  tableSetting: Record<string, import("./type").tableSettingItem>;
1007
1153
  columnStyle: (column: DaoTableColumn) => {
1154
+ left?: undefined;
1155
+ right?: undefined;
1156
+ flex: string;
1157
+ minWidth: string;
1158
+ maxWidth: string | undefined;
1159
+ } | {
1160
+ left: string;
1161
+ right?: undefined;
1008
1162
  flex: string;
1009
1163
  minWidth: string;
1010
1164
  maxWidth: string | undefined;
1011
- width?: undefined;
1012
1165
  } | {
1166
+ right: string;
1167
+ left?: undefined;
1168
+ flex: string;
1169
+ minWidth: string;
1170
+ maxWidth: string | undefined;
1171
+ } | {
1172
+ left?: undefined;
1173
+ right?: undefined;
1174
+ width: import("./type").DefaultWidthType;
1175
+ minWidth: string;
1176
+ maxWidth: string | undefined;
1177
+ } | {
1178
+ left: string;
1179
+ right?: undefined;
1180
+ width: import("./type").DefaultWidthType;
1181
+ minWidth: string;
1182
+ maxWidth: string | undefined;
1183
+ } | {
1184
+ right: string;
1185
+ left?: undefined;
1013
1186
  width: import("./type").DefaultWidthType;
1014
1187
  minWidth: string;
1015
1188
  maxWidth: string | undefined;
1016
- flex?: undefined;
1017
1189
  };
1018
1190
  sortColumn: (column: DaoTableColumn) => void;
1019
1191
  sort: {
1020
1192
  id: string;
1021
1193
  desc: boolean;
1022
1194
  };
1023
- thClass: (column: DaoTableColumn) => "" | "dao-table-th--sortable";
1195
+ thClass: (column: DaoTableColumn, index: number) => string[];
1196
+ tdClass: (column: DaoTableColumn, index: number) => string[];
1024
1197
  isRowExpanded: (row: Record<string, unknown>) => boolean;
1025
1198
  toggleExpand: (row: Record<string, unknown>, rowIndex: number) => void;
1026
1199
  setColumnRef: (columnId: string, el: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null) => void;
@@ -1056,6 +1229,49 @@ declare const DaoTable: {
1056
1229
  isFunction: boolean;
1057
1230
  }>;
1058
1231
  getEllipsisContent: (column: DaoTableColumn, row: Record<string, unknown>, index: number) => string;
1232
+ fixedColumns: import("vue").Ref<{
1233
+ id: string;
1234
+ header: string;
1235
+ defaultWidth?: import("./type").DefaultWidthType | undefined;
1236
+ minWidth?: number | undefined;
1237
+ maxWidth?: number | undefined;
1238
+ sortable?: boolean | undefined;
1239
+ resizable?: boolean | undefined;
1240
+ hidable?: boolean | undefined;
1241
+ defaultHide?: boolean | undefined;
1242
+ className?: string | undefined;
1243
+ ellipsis?: boolean | import("./type").ColumnEllipsisContentFun | undefined;
1244
+ tip?: string | undefined;
1245
+ fixed?: boolean | "left" | "right" | undefined;
1246
+ }[]>;
1247
+ rightFixedColumns: import("vue").Ref<{
1248
+ id: string;
1249
+ header: string;
1250
+ defaultWidth?: import("./type").DefaultWidthType | undefined;
1251
+ minWidth?: number | undefined;
1252
+ maxWidth?: number | undefined;
1253
+ sortable?: boolean | undefined;
1254
+ resizable?: boolean | undefined;
1255
+ hidable?: boolean | undefined;
1256
+ defaultHide?: boolean | undefined;
1257
+ className?: string | undefined;
1258
+ ellipsis?: boolean | import("./type").ColumnEllipsisContentFun | undefined;
1259
+ tip?: string | undefined;
1260
+ fixed?: boolean | "left" | "right" | undefined;
1261
+ }[]>;
1262
+ getCheckboxOffset: import("vue").ComputedRef<{
1263
+ left?: undefined;
1264
+ } | {
1265
+ left: number;
1266
+ }>;
1267
+ getExpandOffset: import("vue").ComputedRef<{
1268
+ left?: undefined;
1269
+ } | {
1270
+ left: string;
1271
+ } | {
1272
+ left: number;
1273
+ }>;
1274
+ syncScrollPosition: () => void;
1059
1275
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "delete" | "select" | "next" | "prev" | "deselect" | "update:page-size" | "update:current-page" | "page-change" | "size-change" | "pageChange" | "sizeChange" | "update:search" | "refresh" | "update:selectedRows" | "update:expandedRows" | "update:highlightedRow" | "sortChange" | "hideColumn" | "afterResize" | "expandToggle" | "row-click" | "onHighlight" | "offHighlight")[], "search" | "delete" | "select" | "next" | "prev" | "deselect" | "update:page-size" | "update:current-page" | "page-change" | "size-change" | "pageChange" | "sizeChange" | "update:search" | "refresh" | "update:selectedRows" | "update:expandedRows" | "update:highlightedRow" | "sortChange" | "hideColumn" | "afterResize" | "expandToggle" | "row-click" | "onHighlight" | "offHighlight", {
1060
1276
  search: import("../toolbar").SearchModelType;
1061
1277
  compact: boolean;
package/dist/components/table/table.vue.d.ts CHANGED
@@ -166,8 +166,10 @@ declare const _default: import("vue").DefineComponent<{
166
166
  className?: string | undefined;
167
167
  ellipsis?: boolean | ColumnEllipsisContentFun | undefined;
168
168
  tip?: string | undefined;
169
+ fixed?: boolean | "left" | "right" | undefined;
169
170
  }[];
170
171
  filterColumns: import("vue").ComputedRef<{
172
+ fixed: false | "left" | "right" | undefined;
171
173
  id: string;
172
174
  header: string;
173
175
  defaultWidth?: DefaultWidthType | undefined;
@@ -184,22 +186,49 @@ declare const _default: import("vue").DefineComponent<{
184
186
  tableWrapperClasses: import("vue").ComputedRef<string[]>;
185
187
  tableSetting: Record<string, tableSettingItem>;
186
188
  columnStyle: (column: DaoTableColumn) => {
189
+ left?: undefined;
190
+ right?: undefined;
187
191
  flex: string;
188
192
  minWidth: string;
189
193
  maxWidth: string | undefined;
190
- width?: undefined;
191
194
  } | {
195
+ left: string;
196
+ right?: undefined;
197
+ flex: string;
198
+ minWidth: string;
199
+ maxWidth: string | undefined;
200
+ } | {
201
+ right: string;
202
+ left?: undefined;
203
+ flex: string;
204
+ minWidth: string;
205
+ maxWidth: string | undefined;
206
+ } | {
207
+ left?: undefined;
208
+ right?: undefined;
209
+ width: DefaultWidthType;
210
+ minWidth: string;
211
+ maxWidth: string | undefined;
212
+ } | {
213
+ left: string;
214
+ right?: undefined;
215
+ width: DefaultWidthType;
216
+ minWidth: string;
217
+ maxWidth: string | undefined;
218
+ } | {
219
+ right: string;
220
+ left?: undefined;
192
221
  width: DefaultWidthType;
193
222
  minWidth: string;
194
223
  maxWidth: string | undefined;
195
- flex?: undefined;
196
224
  };
197
225
  sortColumn: (column: DaoTableColumn) => void;
198
226
  sort: {
199
227
  id: string;
200
228
  desc: boolean;
201
229
  };
202
- thClass: (column: DaoTableColumn) => "" | "dao-table-th--sortable";
230
+ thClass: (column: DaoTableColumn, index: number) => string[];
231
+ tdClass: (column: DaoTableColumn, index: number) => string[];
203
232
  isRowExpanded: (row: Record<string, unknown>) => boolean;
204
233
  toggleExpand: (row: Record<string, unknown>, rowIndex: number) => void;
205
234
  setColumnRef: (columnId: string, el: ComponentPublicInstance | Element | null) => void;
@@ -235,6 +264,49 @@ declare const _default: import("vue").DefineComponent<{
235
264
  isFunction: boolean;
236
265
  }>;
237
266
  getEllipsisContent: (column: DaoTableColumn, row: DataPropType[number], index: number) => string;
267
+ fixedColumns: import("vue").Ref<{
268
+ id: string;
269
+ header: string;
270
+ defaultWidth?: DefaultWidthType | undefined;
271
+ minWidth?: number | undefined;
272
+ maxWidth?: number | undefined;
273
+ sortable?: boolean | undefined;
274
+ resizable?: boolean | undefined;
275
+ hidable?: boolean | undefined;
276
+ defaultHide?: boolean | undefined;
277
+ className?: string | undefined;
278
+ ellipsis?: boolean | ColumnEllipsisContentFun | undefined;
279
+ tip?: string | undefined;
280
+ fixed?: boolean | "left" | "right" | undefined;
281
+ }[]>;
282
+ rightFixedColumns: import("vue").Ref<{
283
+ id: string;
284
+ header: string;
285
+ defaultWidth?: DefaultWidthType | undefined;
286
+ minWidth?: number | undefined;
287
+ maxWidth?: number | undefined;
288
+ sortable?: boolean | undefined;
289
+ resizable?: boolean | undefined;
290
+ hidable?: boolean | undefined;
291
+ defaultHide?: boolean | undefined;
292
+ className?: string | undefined;
293
+ ellipsis?: boolean | ColumnEllipsisContentFun | undefined;
294
+ tip?: string | undefined;
295
+ fixed?: boolean | "left" | "right" | undefined;
296
+ }[]>;
297
+ getCheckboxOffset: import("vue").ComputedRef<{
298
+ left?: undefined;
299
+ } | {
300
+ left: number;
301
+ }>;
302
+ getExpandOffset: import("vue").ComputedRef<{
303
+ left?: undefined;
304
+ } | {
305
+ left: string;
306
+ } | {
307
+ left: number;
308
+ }>;
309
+ syncScrollPosition: () => void;
238
310
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "delete" | "select" | "next" | "prev" | "deselect" | "update:page-size" | "update:current-page" | "page-change" | "size-change" | "pageChange" | "sizeChange" | "update:search" | "refresh" | "update:selectedRows" | "update:expandedRows" | "update:highlightedRow" | "sortChange" | "hideColumn" | "afterResize" | "expandToggle" | "row-click" | "onHighlight" | "offHighlight")[], "search" | "delete" | "select" | "next" | "prev" | "deselect" | "update:page-size" | "update:current-page" | "page-change" | "size-change" | "pageChange" | "sizeChange" | "update:search" | "refresh" | "update:selectedRows" | "update:expandedRows" | "update:highlightedRow" | "sortChange" | "hideColumn" | "afterResize" | "expandToggle" | "row-click" | "onHighlight" | "offHighlight", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
239
311
  search: {
240
312
  type: import("vue").PropType<import("../toolbar").SearchModelType>;
package/dist/components/table/type.d.ts CHANGED
@@ -15,6 +15,7 @@ export interface DaoTableColumn {
15
15
  className?: string;
16
16
  ellipsis?: boolean | ColumnEllipsisContentFun;
17
17
  tip?: string;
18
+ fixed?: 'left' | 'right' | boolean;
18
19
  }
19
20
  export interface DaoTableSort {
20
21
  id: string;