bkui-vue 0.0.3-beta.2 → 0.0.3-beta.2-2

package/lib/table/plugins/use-pagination.d.ts

@@ -9,9 +9,10 @@ import { Column, SortScope, TablePropTypes } from '../props';
 export declare const resolvePaginationOption: (propPagination: any, defVal: any) => any;
 declare const _default: (props: TablePropTypes) => {
     pageData: any[];
-    indexData: import("vue").ComputedRef<any[]>;
-    localPagination: any;
+    indexData: any[];
+    localPagination: import("vue").Ref<any>;
     resolvePageData: (filterFn?: any, sortFn?: any, column?: Column, type?: string, sortScope?: any, multiCol?: any) => void;
+    resolveIndexData: () => Promise<void>;
     resolvePageDataBySortList: (multiCol?: any) => void;
     resetStartEndIndex: () => void;
     multiFilter: (filterFnList: ((row: any, index: any, data: any) => void)[]) => void;

package/lib/table/table.css

@@ -997,6 +997,7 @@
   position: relative;
   height: auto;
   overflow: hidden;
+  width: 100%;
 }
 .bk-table-flex {
   display: flex;
@@ -1014,6 +1015,7 @@
   position: relative;
   overflow: auto;
   scrollbar-gutter: stable;
+  border-bottom: 1px solid #dcdee5;
 }
 .bk-table .bk-table-body::-webkit-scrollbar {
   width: 5px;
@@ -1300,6 +1302,7 @@
   z-index: 2;
   scrollbar-gutter: stable;
   overflow: hidden;
+  background-color: var(--background-color);
 }
 .bk-table .bk-table-head .col-resize-drag {
   position: absolute;
@@ -1325,10 +1328,8 @@
   font-size: 14px;
   cursor: pointer;
   background: #fafbfd;
-  border-bottom: 1px solid #dcdee5;
   border-left: 1px solid #dcdee5;
   border-radius: 0 2px 0 0;
-  transform: translateX(var(--scroll-left));
   justify-content: center;
   align-items: center;
 }
@@ -1346,8 +1347,10 @@
 .bk-table .bk-table-footer.is-hidden {
   display: none;
 }
-.bk-table.bordered-row td,
-.bk-table.bordered-row th {
+.bk-table.bordered-row .bk-table-head {
+  border-bottom: 1px solid #dcdee5;
+}
+.bk-table.bordered-row td {
   border-bottom: 1px solid #dcdee5;
 }
 .bk-table.bordered-row tr:last-child td {
@@ -1379,10 +1382,14 @@
 .bk-table.bordered-col td:last-child {
   border-right: none;
 }
+.bk-table th,
+.bk-table td {
+  border-right: 1px solid transparent;
+}
 .bk-table.bordered-none th,
 .bk-table.bordered-none td {
   border-top: none;
-  border-right: none;
+  border-right: 1px solid transparent;
   border-bottom: none;
   border-left: none;
 }

package/lib/table/table.d.ts

@@ -485,7 +485,6 @@ declare const _default: import("vue").DefineComponent<{
         [key: string]: any;
     };
     minHeight: string | number;
-    columns: Column[];
     checked: unknown[];
     emptyText: string;
     cellClass: any;
@@ -495,6 +494,7 @@ declare const _default: import("vue").DefineComponent<{
         [key: string]: any;
     };
     columnPick: "disabled" | "single" | "multi";
+    columns: Column[];
     stripe: boolean;
     rowHeight: import("./props").RowHeightFunctionNumber;
     showHead: boolean;

package/lib/table/table.less

@@ -14,6 +14,7 @@
   position: relative;
   height: auto;
   overflow: hidden;
+  width: 100%;
 
   &-flex {
     display: flex;
@@ -35,6 +36,7 @@
     position: relative;
     overflow: auto;
     scrollbar-gutter: stable;
+    border-bottom: 1px solid @table-border-color;
 
     &::-webkit-scrollbar {
       width: 5px;
@@ -334,6 +336,7 @@
     z-index: 2;
     scrollbar-gutter: stable;
     overflow: hidden;
+    background-color: var(--background-color);
 
     .col-resize-drag {
       position: absolute;
@@ -363,10 +366,10 @@
 
       background: @table-head-bg-color;
       //border-right: 1px solid @table-border-color;
-      border-bottom: 1px solid @table-border-color;
+      // border-bottom: 1px solid @table-border-color;
       border-left: 1px solid @table-border-color;
       border-radius: 0 2px 0 0;
-      transform: translateX(var(--scroll-left));
+      // transform: translateX(var(--scroll-left));
       justify-content: center;
       align-items: center;
 
@@ -390,8 +393,11 @@
   }
 
   &.bordered-row {
-    td,
-    th {
+    .@{bk-prefix}-table-head {
+      border-bottom: 1px solid @table-border-color;
+    }
+
+    td {
       border-bottom: 1px solid @table-border-color;
     }
 
@@ -444,11 +450,15 @@
 
   }
 
+  th, td {
+    border-right: 1px solid transparent;
+  }
+
   &.bordered-none {
     th,
     td {
       border-top: none;
-      border-right: none;
+      border-right: 1px solid transparent;
       border-bottom: none;
       border-left: none;
     }

package/lib/table/table.variable.css

@@ -1123,6 +1123,7 @@
   position: relative;
   height: auto;
   overflow: hidden;
+  width: 100%;
 }
 .bk-table-flex {
   display: flex;
@@ -1140,6 +1141,7 @@
   position: relative;
   overflow: auto;
   scrollbar-gutter: stable;
+  border-bottom: 1px solid #dcdee5;
 }
 .bk-table .bk-table-body::-webkit-scrollbar {
   width: 5px;
@@ -1426,6 +1428,7 @@
   z-index: 2;
   scrollbar-gutter: stable;
   overflow: hidden;
+  background-color: var(--background-color);
 }
 .bk-table .bk-table-head .col-resize-drag {
   position: absolute;
@@ -1451,10 +1454,8 @@
   font-size: 14px;
   cursor: pointer;
   background: #fafbfd;
-  border-bottom: 1px solid #dcdee5;
   border-left: 1px solid #dcdee5;
   border-radius: 0 2px 0 0;
-  transform: translateX(var(--scroll-left));
   justify-content: center;
   align-items: center;
 }
@@ -1472,8 +1473,10 @@
 .bk-table .bk-table-footer.is-hidden {
   display: none;
 }
-.bk-table.bordered-row td,
-.bk-table.bordered-row th {
+.bk-table.bordered-row .bk-table-head {
+  border-bottom: 1px solid #dcdee5;
+}
+.bk-table.bordered-row td {
   border-bottom: 1px solid #dcdee5;
 }
 .bk-table.bordered-row tr:last-child td {
@@ -1505,10 +1508,14 @@
 .bk-table.bordered-col td:last-child {
   border-right: none;
 }
+.bk-table th,
+.bk-table td {
+  border-right: 1px solid transparent;
+}
 .bk-table.bordered-none th,
 .bk-table.bordered-none td {
   border-top: none;
-  border-right: none;
+  border-right: 1px solid transparent;
   border-bottom: none;
   border-left: none;
 }

package/lib/table/use-attributes.d.ts

@@ -19,6 +19,7 @@ export type ITableFormatData = {
     };
 };
 export type ITableResponse = {
+    setIndexData: () => Promise<void>;
     formatColumns: (columns: Column[]) => void;
     formatDataSchema: (data: any[]) => void;
     setRowSelection: (row: any, isSelected: boolean) => void;
@@ -56,5 +57,43 @@ export type ITableResponse = {
     localPagination: any;
     formatData: ITableFormatData;
 };
-declare const _default: (props: TablePropTypes) => ITableResponse;
+declare const _default: (props: TablePropTypes) => {
+    formatColumns: (columns: Column[]) => void;
+    formatDataSchema: (data: any[]) => void;
+    setRowSelection: (row: any, isSelected: boolean) => void;
+    setRowExpand: (row: any, isExpand: boolean) => void;
+    setRowIndex: (row: any, index: number) => void;
+    setColumnAttribute: (col: Column, attrName: string, attrValue: string | number | boolean | ((...args: any[]) => boolean | number | void | string)) => void;
+    setColumnAttributeBySettings: (settings: Settings, checkedVal?: string[]) => void;
+    setColumnSortActive: (column: Column, active: boolean) => void;
+    setRowSelectionAll: (val: boolean) => void;
+    setRowIndeterminate: () => void;
+    setAllColumnAttribute: (attributeName: string | string[], value: string | number | boolean | ((...args: any[]) => boolean | number | void | string)) => void;
+    getColumnAttribute: (col: Column | IEmptyObject, attributeName: string) => any;
+    getColumnId: (col: Column) => any;
+    getColumnOrderWidth: (col: Column, orders?: string[]) => number;
+    getRowSelection: () => any[];
+    resolveColumnWidth: (root: HTMLElement, autoWidth?: number, offsetWidth?: number) => void;
+    isActiveColumn: (col: Column) => any;
+    isHiddenColumn: (col: Column) => any;
+    resolvePageData: (filterFn?: any, sortFn?: any, column?: Column, type?: string, sortScope?: any, multiCol?: any) => void;
+    resolveByDefColumns: () => void;
+    resetStartEndIndex: () => void;
+    toggleAllSelection: (value?: boolean) => void;
+    setAllRowExpand: (value?: boolean) => void;
+    clearSelection: () => void;
+    clearColumnSort: (reset?: boolean) => void;
+    toggleRowSelection: (row: any) => void;
+    getRowAttribute: (row: any | IEmptyObject, attrName: string) => any;
+    filter: () => void;
+    sortData: (column: Column) => void;
+    isCheckedAll: () => boolean;
+    hasCheckedRow: () => boolean;
+    updateSettings: (settings?: Settings, rowHeight?: number) => void;
+    changePageRowIndex: (sourceIndex: any, targetIndex: any) => void;
+    pageData: any[];
+    localPagination: import("vue").Ref<any>;
+    formatData: ITableFormatData;
+    setIndexData: () => Promise<void>;
+};
 export default _default;

package/lib/table/use-common.d.ts

@@ -32,6 +32,7 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         '--row-height': string;
         '--scroll-head-left': string;
         '--scroll-left': string;
+        '--background-color': any;
     }>;
     fixHeight: import("vue").Ref<number>;
     maxFixHeight: import("vue").Ref<number>;
@@ -92,6 +93,8 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         animationIterationCount?: import("csstype").Property.AnimationIterationCount;
         animationName?: import("csstype").Property.AnimationName;
         animationPlayState?: import("csstype").Property.AnimationPlayState;
+        animationRangeEnd?: import("csstype").Property.AnimationRangeEnd<string | number>;
+        animationRangeStart?: import("csstype").Property.AnimationRangeStart<string | number>;
         animationTimeline?: import("csstype").Property.AnimationTimeline;
         animationTimingFunction?: import("csstype").Property.AnimationTimingFunction;
         appearance?: import("csstype").Property.Appearance;
@@ -213,6 +216,10 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         fontStretch?: import("csstype").Property.FontStretch;
         fontStyle?: import("csstype").Property.FontStyle;
         fontSynthesis?: import("csstype").Property.FontSynthesis;
+        fontSynthesisPosition?: import("csstype").Property.FontSynthesisPosition;
+        fontSynthesisSmallCaps?: import("csstype").Property.FontSynthesisSmallCaps;
+        fontSynthesisStyle?: import("csstype").Property.FontSynthesisStyle;
+        fontSynthesisWeight?: import("csstype").Property.FontSynthesisWeight;
         fontVariant?: import("csstype").Property.FontVariant;
         fontVariantAlternates?: import("csstype").Property.FontVariantAlternates;
         fontVariantCaps?: import("csstype").Property.FontVariantCaps;
@@ -286,6 +293,7 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         maskRepeat?: import("csstype").Property.MaskRepeat;
         maskSize?: import("csstype").Property.MaskSize<string | number>;
         maskType?: import("csstype").Property.MaskType;
+        masonryAutoFlow?: import("csstype").Property.MasonryAutoFlow;
         mathDepth?: import("csstype").Property.MathDepth;
         mathShift?: import("csstype").Property.MathShift;
         mathStyle?: import("csstype").Property.MathStyle;
@@ -325,6 +333,7 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         overflowWrap?: import("csstype").Property.OverflowWrap;
         overflowX?: import("csstype").Property.OverflowX;
         overflowY?: import("csstype").Property.OverflowY;
+        overlay?: import("csstype").Property.Overlay;
         overscrollBehaviorBlock?: import("csstype").Property.OverscrollBehaviorBlock;
         overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline;
         overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX;
@@ -412,12 +421,15 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         textTransform?: import("csstype").Property.TextTransform;
         textUnderlineOffset?: import("csstype").Property.TextUnderlineOffset<string | number>;
         textUnderlinePosition?: import("csstype").Property.TextUnderlinePosition;
+        textWrap?: import("csstype").Property.TextWrap;
+        timelineScope?: import("csstype").Property.TimelineScope;
         top: import("csstype").Property.Top<string | number>;
         touchAction?: import("csstype").Property.TouchAction;
         transform?: import("csstype").Property.Transform;
         transformBox?: import("csstype").Property.TransformBox;
         transformOrigin?: import("csstype").Property.TransformOrigin<string | number>;
         transformStyle?: import("csstype").Property.TransformStyle;
+        transitionBehavior?: import("csstype").Property.TransitionBehavior;
         transitionDelay?: import("csstype").Property.TransitionDelay<string & {}>;
         transitionDuration?: import("csstype").Property.TransitionDuration<string & {}>;
         transitionProperty?: import("csstype").Property.TransitionProperty;
@@ -426,9 +438,14 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         unicodeBidi?: import("csstype").Property.UnicodeBidi;
         userSelect?: import("csstype").Property.UserSelect;
         verticalAlign?: import("csstype").Property.VerticalAlign<string | number>;
+        viewTimelineAxis?: import("csstype").Property.ViewTimelineAxis;
+        viewTimelineInset?: import("csstype").Property.ViewTimelineInset<string | number>;
+        viewTimelineName?: import("csstype").Property.ViewTimelineName;
         viewTransitionName?: import("csstype").Property.ViewTransitionName;
         visibility?: import("csstype").Property.Visibility;
         whiteSpace?: import("csstype").Property.WhiteSpace;
+        whiteSpaceCollapse?: import("csstype").Property.WhiteSpaceCollapse;
+        whiteSpaceTrim?: import("csstype").Property.WhiteSpaceTrim;
         widows?: import("csstype").Property.Widows;
         width?: import("csstype").Property.Width<string | number>;
         willChange?: import("csstype").Property.WillChange;
@@ -440,6 +457,7 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         zoom?: import("csstype").Property.Zoom;
         all?: import("csstype").Globals;
         animation?: import("csstype").Property.Animation<string & {}>;
+        animationRange?: import("csstype").Property.AnimationRange<string | number>;
         background?: import("csstype").Property.Background<string | number>;
         backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number>;
         border?: import("csstype").Property.Border<string | number>;
@@ -504,6 +522,7 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         textDecoration?: import("csstype").Property.TextDecoration<string | number>;
         textEmphasis?: import("csstype").Property.TextEmphasis;
         transition?: import("csstype").Property.Transition<string & {}>;
+        viewTimeline?: import("csstype").Property.ViewTimeline;
         MozAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}>;
         MozAnimationDirection?: import("csstype").Property.AnimationDirection;
         MozAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}>;
@@ -513,7 +532,6 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         MozAnimationPlayState?: import("csstype").Property.AnimationPlayState;
         MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction;
         MozAppearance?: import("csstype").Property.MozAppearance;
-        MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility;
         MozBinding?: import("csstype").Property.MozBinding;
         MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors;
         MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor;
@@ -540,20 +558,16 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         MozMarginStart?: import("csstype").Property.MarginInlineStart<string | number>;
         MozOrient?: import("csstype").Property.MozOrient;
         MozOsxFontSmoothing?: import("csstype").Property.FontSmooth<string | number>;
+        MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number>;
+        MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number>;
+        MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number>;
+        MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number>;
         MozPaddingEnd?: import("csstype").Property.PaddingInlineEnd<string | number>;
         MozPaddingStart?: import("csstype").Property.PaddingInlineStart<string | number>;
-        MozPerspective?: import("csstype").Property.Perspective<string | number>;
-        MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number>;
         MozStackSizing?: import("csstype").Property.MozStackSizing;
         MozTabSize?: import("csstype").Property.TabSize<string | number>;
         MozTextBlink?: import("csstype").Property.MozTextBlink;
         MozTextSizeAdjust?: import("csstype").Property.TextSizeAdjust;
-        MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number>;
-        MozTransformStyle?: import("csstype").Property.TransformStyle;
-        MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}>;
-        MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}>;
-        MozTransitionProperty?: import("csstype").Property.TransitionProperty;
-        MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction;
         MozUserFocus?: import("csstype").Property.MozUserFocus;
         MozUserModify?: import("csstype").Property.MozUserModify;
         MozUserSelect?: import("csstype").Property.UserSelect;
@@ -733,7 +747,7 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         MozBorderImage?: import("csstype").Property.BorderImage;
         MozColumnRule?: import("csstype").Property.ColumnRule<string | number>;
         MozColumns?: import("csstype").Property.Columns<string | number>;
-        MozTransition?: import("csstype").Property.Transition<string & {}>;
+        MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number>;
         msContentZoomLimit?: import("csstype").Property.MsContentZoomLimit;
         msContentZoomSnap?: import("csstype").Property.MsContentZoomSnap;
         msFlex?: import("csstype").Property.Flex<string | number>;
@@ -791,6 +805,7 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         KhtmlLineBreak?: import("csstype").Property.LineBreak;
         KhtmlOpacity?: import("csstype").Property.Opacity;
         KhtmlUserSelect?: import("csstype").Property.UserSelect;
+        MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility;
         MozBackgroundClip?: import("csstype").Property.BackgroundClip;
         MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak;
         MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin;
@@ -812,17 +827,22 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         MozOpacity?: import("csstype").Property.Opacity;
         MozOutline?: import("csstype").Property.Outline<string | number>;
         MozOutlineColor?: import("csstype").Property.OutlineColor;
-        MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number>;
-        MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number>;
-        MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number>;
-        MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number>;
-        MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number>;
         MozOutlineStyle?: import("csstype").Property.OutlineStyle;
         MozOutlineWidth?: import("csstype").Property.OutlineWidth<string | number>;
+        MozPerspective?: import("csstype").Property.Perspective<string | number>;
+        MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number>;
         MozTextAlignLast?: import("csstype").Property.TextAlignLast;
         MozTextDecorationColor?: import("csstype").Property.TextDecorationColor;
         MozTextDecorationLine?: import("csstype").Property.TextDecorationLine;
         MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle;
+        MozTransform?: import("csstype").Property.Transform;
+        MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number>;
+        MozTransformStyle?: import("csstype").Property.TransformStyle;
+        MozTransition?: import("csstype").Property.Transition<string & {}>;
+        MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}>;
+        MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}>;
+        MozTransitionProperty?: import("csstype").Property.TransitionProperty;
+        MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction;
         MozUserInput?: import("csstype").Property.MozUserInput;
         msImeMode?: import("csstype").Property.ImeMode;
         OAnimation?: import("csstype").Property.Animation<string & {}>;
@@ -855,8 +875,6 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         WebkitBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup;
         WebkitBoxOrient?: import("csstype").Property.BoxOrient;
         WebkitBoxPack?: import("csstype").Property.BoxPack;
-        WebkitScrollSnapPointsX?: import("csstype").Property.ScrollSnapPointsX;
-        WebkitScrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY;
         alignmentBaseline?: import("csstype").Property.AlignmentBaseline;
         baselineShift?: import("csstype").Property.BaselineShift<string | number>;
         clipRule?: import("csstype").Property.ClipRule;
@@ -900,6 +918,8 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         "animation-iteration-count"?: import("csstype").Property.AnimationIterationCount;
         "animation-name"?: import("csstype").Property.AnimationName;
         "animation-play-state"?: import("csstype").Property.AnimationPlayState;
+        "animation-range-end"?: import("csstype").Property.AnimationRangeEnd<string | number>;
+        "animation-range-start"?: import("csstype").Property.AnimationRangeStart<string | number>;
         "animation-timeline"?: import("csstype").Property.AnimationTimeline;
         "animation-timing-function"?: import("csstype").Property.AnimationTimingFunction;
         "aspect-ratio"?: import("csstype").Property.AspectRatio;
@@ -1010,6 +1030,10 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         "font-stretch"?: import("csstype").Property.FontStretch;
         "font-style"?: import("csstype").Property.FontStyle;
         "font-synthesis"?: import("csstype").Property.FontSynthesis;
+        "font-synthesis-position"?: import("csstype").Property.FontSynthesisPosition;
+        "font-synthesis-small-caps"?: import("csstype").Property.FontSynthesisSmallCaps;
+        "font-synthesis-style"?: import("csstype").Property.FontSynthesisStyle;
+        "font-synthesis-weight"?: import("csstype").Property.FontSynthesisWeight;
         "font-variant"?: import("csstype").Property.FontVariant;
         "font-variant-alternates"?: import("csstype").Property.FontVariantAlternates;
         "font-variant-caps"?: import("csstype").Property.FontVariantCaps;
@@ -1079,6 +1103,7 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         "mask-repeat"?: import("csstype").Property.MaskRepeat;
         "mask-size"?: import("csstype").Property.MaskSize<string | number>;
         "mask-type"?: import("csstype").Property.MaskType;
+        "masonry-auto-flow"?: import("csstype").Property.MasonryAutoFlow;
         "math-depth"?: import("csstype").Property.MathDepth;
         "math-shift"?: import("csstype").Property.MathShift;
         "math-style"?: import("csstype").Property.MathStyle;
@@ -1194,10 +1219,13 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         "text-transform"?: import("csstype").Property.TextTransform;
         "text-underline-offset"?: import("csstype").Property.TextUnderlineOffset<string | number>;
         "text-underline-position"?: import("csstype").Property.TextUnderlinePosition;
+        "text-wrap"?: import("csstype").Property.TextWrap;
+        "timeline-scope"?: import("csstype").Property.TimelineScope;
         "touch-action"?: import("csstype").Property.TouchAction;
         "transform-box"?: import("csstype").Property.TransformBox;
         "transform-origin"?: import("csstype").Property.TransformOrigin<string | number>;
         "transform-style"?: import("csstype").Property.TransformStyle;
+        "transition-behavior"?: import("csstype").Property.TransitionBehavior;
         "transition-delay"?: import("csstype").Property.TransitionDelay<string & {}>;
         "transition-duration"?: import("csstype").Property.TransitionDuration<string & {}>;
         "transition-property"?: import("csstype").Property.TransitionProperty;
@@ -1205,14 +1233,20 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         "unicode-bidi"?: import("csstype").Property.UnicodeBidi;
         "user-select"?: import("csstype").Property.UserSelect;
         "vertical-align"?: import("csstype").Property.VerticalAlign<string | number>;
+        "view-timeline-axis"?: import("csstype").Property.ViewTimelineAxis;
+        "view-timeline-inset"?: import("csstype").Property.ViewTimelineInset<string | number>;
+        "view-timeline-name"?: import("csstype").Property.ViewTimelineName;
         "view-transition-name"?: import("csstype").Property.ViewTransitionName;
         "white-space"?: import("csstype").Property.WhiteSpace;
+        "white-space-collapse"?: import("csstype").Property.WhiteSpaceCollapse;
+        "white-space-trim"?: import("csstype").Property.WhiteSpaceTrim;
         "will-change"?: import("csstype").Property.WillChange;
         "word-break"?: import("csstype").Property.WordBreak;
         "word-spacing"?: import("csstype").Property.WordSpacing<string | number>;
         "word-wrap"?: import("csstype").Property.WordWrap;
         "writing-mode"?: import("csstype").Property.WritingMode;
         "z-index"?: import("csstype").Property.ZIndex;
+        "animation-range"?: import("csstype").Property.AnimationRange<string | number>;
         "background-position"?: import("csstype").Property.BackgroundPosition<string | number>;
         "border-block"?: import("csstype").Property.BorderBlock<string | number>;
         "border-block-end"?: import("csstype").Property.BorderBlockEnd<string | number>;
@@ -1259,6 +1293,7 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         "scroll-timeline"?: import("csstype").Property.ScrollTimeline;
         "text-decoration"?: import("csstype").Property.TextDecoration<string | number>;
         "text-emphasis"?: import("csstype").Property.TextEmphasis;
+        "view-timeline"?: import("csstype").Property.ViewTimeline;
         "-moz-animation-delay"?: import("csstype").Property.AnimationDelay<string & {}>;
         "-moz-animation-direction"?: import("csstype").Property.AnimationDirection;
         "-moz-animation-duration"?: import("csstype").Property.AnimationDuration<string & {}>;
@@ -1268,7 +1303,6 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         "-moz-animation-play-state"?: import("csstype").Property.AnimationPlayState;
         "-moz-animation-timing-function"?: import("csstype").Property.AnimationTimingFunction;
         "-moz-appearance"?: import("csstype").Property.MozAppearance;
-        "-moz-backface-visibility"?: import("csstype").Property.BackfaceVisibility;
         "-moz-binding"?: import("csstype").Property.MozBinding;
         "-moz-border-bottom-colors"?: import("csstype").Property.MozBorderBottomColors;
         "-moz-border-end-color"?: import("csstype").Property.BorderInlineEndColor;
@@ -1295,20 +1329,16 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         "-moz-margin-start"?: import("csstype").Property.MarginInlineStart<string | number>;
         "-moz-orient"?: import("csstype").Property.MozOrient;
         "-moz-osx-font-smoothing"?: import("csstype").Property.FontSmooth<string | number>;
+        "-moz-outline-radius-bottomleft"?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number>;
+        "-moz-outline-radius-bottomright"?: import("csstype").Property.MozOutlineRadiusBottomright<string | number>;
+        "-moz-outline-radius-topleft"?: import("csstype").Property.MozOutlineRadiusTopleft<string | number>;
+        "-moz-outline-radius-topright"?: import("csstype").Property.MozOutlineRadiusTopright<string | number>;
         "-moz-padding-end"?: import("csstype").Property.PaddingInlineEnd<string | number>;
         "-moz-padding-start"?: import("csstype").Property.PaddingInlineStart<string | number>;
-        "-moz-perspective"?: import("csstype").Property.Perspective<string | number>;
-        "-moz-perspective-origin"?: import("csstype").Property.PerspectiveOrigin<string | number>;
         "-moz-stack-sizing"?: import("csstype").Property.MozStackSizing;
         "-moz-tab-size"?: import("csstype").Property.TabSize<string | number>;
         "-moz-text-blink"?: import("csstype").Property.MozTextBlink;
         "-moz-text-size-adjust"?: import("csstype").Property.TextSizeAdjust;
-        "-moz-transform-origin"?: import("csstype").Property.TransformOrigin<string | number>;
-        "-moz-transform-style"?: import("csstype").Property.TransformStyle;
-        "-moz-transition-delay"?: import("csstype").Property.TransitionDelay<string & {}>;
-        "-moz-transition-duration"?: import("csstype").Property.TransitionDuration<string & {}>;
-        "-moz-transition-property"?: import("csstype").Property.TransitionProperty;
-        "-moz-transition-timing-function"?: import("csstype").Property.TransitionTimingFunction;
         "-moz-user-focus"?: import("csstype").Property.MozUserFocus;
         "-moz-user-modify"?: import("csstype").Property.MozUserModify;
         "-moz-user-select"?: import("csstype").Property.UserSelect;
@@ -1488,7 +1518,7 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         "-moz-border-image"?: import("csstype").Property.BorderImage;
         "-moz-column-rule"?: import("csstype").Property.ColumnRule<string | number>;
         "-moz-columns"?: import("csstype").Property.Columns<string | number>;
-        "-moz-transition"?: import("csstype").Property.Transition<string & {}>;
+        "-moz-outline-radius"?: import("csstype").Property.MozOutlineRadius<string | number>;
         "-ms-content-zoom-limit"?: import("csstype").Property.MsContentZoomLimit;
         "-ms-content-zoom-snap"?: import("csstype").Property.MsContentZoomSnap;
         "-ms-flex"?: import("csstype").Property.Flex<string | number>;
@@ -1544,6 +1574,7 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         "-khtml-line-break"?: import("csstype").Property.LineBreak;
         "-khtml-opacity"?: import("csstype").Property.Opacity;
         "-khtml-user-select"?: import("csstype").Property.UserSelect;
+        "-moz-backface-visibility"?: import("csstype").Property.BackfaceVisibility;
         "-moz-background-clip"?: import("csstype").Property.BackgroundClip;
         "-moz-background-inline-policy"?: import("csstype").Property.BoxDecorationBreak;
         "-moz-background-origin"?: import("csstype").Property.BackgroundOrigin;
@@ -1565,17 +1596,22 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         "-moz-opacity"?: import("csstype").Property.Opacity;
         "-moz-outline"?: import("csstype").Property.Outline<string | number>;
         "-moz-outline-color"?: import("csstype").Property.OutlineColor;
-        "-moz-outline-radius"?: import("csstype").Property.MozOutlineRadius<string | number>;
-        "-moz-outline-radius-bottomleft"?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number>;
-        "-moz-outline-radius-bottomright"?: import("csstype").Property.MozOutlineRadiusBottomright<string | number>;
-        "-moz-outline-radius-topleft"?: import("csstype").Property.MozOutlineRadiusTopleft<string | number>;
-        "-moz-outline-radius-topright"?: import("csstype").Property.MozOutlineRadiusTopright<string | number>;
         "-moz-outline-style"?: import("csstype").Property.OutlineStyle;
         "-moz-outline-width"?: import("csstype").Property.OutlineWidth<string | number>;
+        "-moz-perspective"?: import("csstype").Property.Perspective<string | number>;
+        "-moz-perspective-origin"?: import("csstype").Property.PerspectiveOrigin<string | number>;
         "-moz-text-align-last"?: import("csstype").Property.TextAlignLast;
         "-moz-text-decoration-color"?: import("csstype").Property.TextDecorationColor;
         "-moz-text-decoration-line"?: import("csstype").Property.TextDecorationLine;
         "-moz-text-decoration-style"?: import("csstype").Property.TextDecorationStyle;
+        "-moz-transform"?: import("csstype").Property.Transform;
+        "-moz-transform-origin"?: import("csstype").Property.TransformOrigin<string | number>;
+        "-moz-transform-style"?: import("csstype").Property.TransformStyle;
+        "-moz-transition"?: import("csstype").Property.Transition<string & {}>;
+        "-moz-transition-delay"?: import("csstype").Property.TransitionDelay<string & {}>;
+        "-moz-transition-duration"?: import("csstype").Property.TransitionDuration<string & {}>;
+        "-moz-transition-property"?: import("csstype").Property.TransitionProperty;
+        "-moz-transition-timing-function"?: import("csstype").Property.TransitionTimingFunction;
         "-moz-user-input"?: import("csstype").Property.MozUserInput;
         "-ms-ime-mode"?: import("csstype").Property.ImeMode;
         "-o-animation"?: import("csstype").Property.Animation<string & {}>;
@@ -1608,8 +1644,6 @@ export declare const useClass: (props: TablePropTypes, targetColumns: ITableColu
         "-webkit-box-ordinal-group"?: import("csstype").Property.BoxOrdinalGroup;
         "-webkit-box-orient"?: import("csstype").Property.BoxOrient;
         "-webkit-box-pack"?: import("csstype").Property.BoxPack;
-        "-webkit-scroll-snap-points-x"?: import("csstype").Property.ScrollSnapPointsX;
-        "-webkit-scroll-snap-points-y"?: import("csstype").Property.ScrollSnapPointsY;
         "alignment-baseline"?: import("csstype").Property.AlignmentBaseline;
         "baseline-shift"?: import("csstype").Property.BaselineShift<string | number>;
         "clip-rule"?: import("csstype").Property.ClipRule;