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

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

@@ -0,0 +1,17 @@
+import { SetupContext } from 'vue';
+import { TablePropTypes } from '../props';
+import { ITableResponse } from '../use-attributes';
+declare const _default: (props: TablePropTypes, resp: ITableResponse, ctx: SetupContext<any>) => {
+    onDragenter?: undefined;
+    onDragleave?: undefined;
+    onDragstart?: undefined;
+    onDragover?: undefined;
+    onDrop?: undefined;
+} | {
+    onDragenter: (event: DragEvent) => void;
+    onDragleave: (event: DragEvent) => void;
+    onDragstart: (event: DragEvent) => void;
+    onDragover: (event: DragEvent) => void;
+    onDrop: (event: DragEvent) => void;
+};
+export default _default;

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/props.d.ts

@@ -147,6 +147,13 @@ export type IColumnExplain = {
     content: LabelFunctionString;
     head: LabelFunctionString | boolean;
 } | boolean;
+export type IDraggableRowOption = {
+    label: (() => string) | string;
+    render?: () => HTMLElement | JSX.Element;
+    fontSize?: number;
+    icon?: JSX.Element;
+    width?: number;
+};
 export type Column = {
     label: LabelFunctionString;
     field?: LabelFunctionString;
@@ -535,5 +542,11 @@ export declare const tableProps: {
     } & {
         default: boolean;
     };
+    /**
+     * 是否支持行拖拽排序
+     */
+    rowDraggable: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
 };
 export {};

package/lib/table/table.css

@@ -997,6 +997,7 @@
   position: relative;
   height: auto;
   overflow: hidden;
+  width: 100%;
 }
 .bk-table-flex {
   display: flex;
@@ -1109,6 +1110,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.bk-table .bk-table-head table th .cell .drag-cell,
+.bk-table .bk-table-body table th .cell .drag-cell,
+.bk-table .bk-table-head table td .cell .drag-cell,
+.bk-table .bk-table-body table td .cell .drag-cell {
+  font-size: 14px;
+  height: 100%;
+}
 .bk-table .bk-table-head table th .cell.has-sort,
 .bk-table .bk-table-body table th .cell.has-sort,
 .bk-table .bk-table-head table td .cell.has-sort,
@@ -1267,10 +1275,27 @@
   box-sizing: border-box;
   align-items: center;
 }
+.bk-table .bk-table-head table tbody tr td .cell.drag,
+.bk-table .bk-table-body table tbody tr td .cell.drag {
+  cursor: move;
+  text-align: center;
+}
 .bk-table .bk-table-head table tbody tr:hover.hover-highlight td:not(.empty-cell),
 .bk-table .bk-table-body table tbody tr:hover.hover-highlight td:not(.empty-cell) {
   background: #f5f7fa;
 }
+.bk-table .bk-table-head table tbody tr.--drag-enter.--bottom,
+.bk-table .bk-table-body table tbody tr.--drag-enter.--bottom {
+  border-bottom: solid 1px #3785ff;
+}
+.bk-table .bk-table-head table tbody tr.--drag-enter.--top,
+.bk-table .bk-table-body table tbody tr.--drag-enter.--top {
+  border-top: solid 1px #3785ff;
+}
+.bk-table .bk-table-head table tbody tr.--drag-start,
+.bk-table .bk-table-body table tbody tr.--drag-start {
+  background: #fff;
+}
 .bk-table .bk-table-head {
   position: relative;
   z-index: 2;

package/lib/table/table.d.ts

@@ -151,6 +151,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    rowDraggable: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     columnPick: (_cols: import("./props").IColumnActive[]) => boolean;
     columnFilter: (_args: {
@@ -230,6 +233,10 @@ declare const _default: import("vue").DefineComponent<{
     }) => boolean;
     rowMouseEnter: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
     rowMouseLeave: (_e: MouseEvent, _row: any, _index: number, _rows: any[], _this: any) => boolean;
+    dragend: (_args: {
+        sourceEvent: DragEvent;
+        data: any[];
+    }) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
@@ -382,7 +389,14 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    rowDraggable: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
 }>> & {
+    onDragend?: (_args: {
+        sourceEvent: DragEvent;
+        data: any[];
+    }) => any;
     onSelect?: (_args: {
         row: any;
         index: Number;
@@ -471,7 +485,6 @@ declare const _default: import("vue").DefineComponent<{
         [key: string]: any;
     };
     minHeight: string | number;
-    columns: Column[];
     checked: unknown[];
     emptyText: string;
     cellClass: any;
@@ -481,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;
@@ -502,5 +516,6 @@ declare const _default: import("vue").DefineComponent<{
     observerResize: boolean;
     prependStyle: import("vue").CSSProperties;
     isFlex: boolean;
+    rowDraggable: any;
 }, {}>;
 export default _default;

package/lib/table/table.less

@@ -14,6 +14,7 @@
   position: relative;
   height: auto;
   overflow: hidden;
+  width: 100%;
 
   &-flex {
     display: flex;
@@ -145,6 +146,11 @@
           text-overflow: ellipsis;
           white-space: nowrap;
 
+          .drag-cell {
+            font-size: 14px;
+            height: 100%;
+          }
+
           &.has-sort {
             cursor: pointer;
           }
@@ -288,6 +294,11 @@
               line-height: calc(var(--row-height) - 1px);
               box-sizing: border-box;
               align-items: center;
+
+              &.drag {
+                cursor: move;
+                text-align: center;
+              }
             }
           }
 
@@ -300,6 +311,20 @@
               }
             }
           }
+
+          &.--drag-enter {
+            &.--bottom {
+              border-bottom: solid 1px #3785ff;
+            }
+
+            &.--top {
+              border-top: solid 1px #3785ff;
+            }
+          }
+
+          &.--drag-start {
+            background: #fff;
+          }
         }
       }
     }

package/lib/table/table.variable.css

@@ -1123,6 +1123,7 @@
   position: relative;
   height: auto;
   overflow: hidden;
+  width: 100%;
 }
 .bk-table-flex {
   display: flex;
@@ -1235,6 +1236,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.bk-table .bk-table-head table th .cell .drag-cell,
+.bk-table .bk-table-body table th .cell .drag-cell,
+.bk-table .bk-table-head table td .cell .drag-cell,
+.bk-table .bk-table-body table td .cell .drag-cell {
+  font-size: 14px;
+  height: 100%;
+}
 .bk-table .bk-table-head table th .cell.has-sort,
 .bk-table .bk-table-body table th .cell.has-sort,
 .bk-table .bk-table-head table td .cell.has-sort,
@@ -1393,10 +1401,27 @@
   box-sizing: border-box;
   align-items: center;
 }
+.bk-table .bk-table-head table tbody tr td .cell.drag,
+.bk-table .bk-table-body table tbody tr td .cell.drag {
+  cursor: move;
+  text-align: center;
+}
 .bk-table .bk-table-head table tbody tr:hover.hover-highlight td:not(.empty-cell),
 .bk-table .bk-table-body table tbody tr:hover.hover-highlight td:not(.empty-cell) {
   background: #f5f7fa;
 }
+.bk-table .bk-table-head table tbody tr.--drag-enter.--bottom,
+.bk-table .bk-table-body table tbody tr.--drag-enter.--bottom {
+  border-bottom: solid 1px #3785ff;
+}
+.bk-table .bk-table-head table tbody tr.--drag-enter.--top,
+.bk-table .bk-table-body table tbody tr.--drag-enter.--top {
+  border-top: solid 1px #3785ff;
+}
+.bk-table .bk-table-head table tbody tr.--drag-start,
+.bk-table .bk-table-body table tbody tr.--drag-start {
+  background: #fff;
+}
 .bk-table .bk-table-head {
   position: relative;
   z-index: 2;

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;
@@ -51,9 +52,48 @@ export type ITableResponse = {
     setRowSelectionAll: (val: boolean) => void;
     setRowIndeterminate: () => void;
     updateSettings: (settings?: Settings, rowHeight?: number) => void;
+    changePageRowIndex: (sourceIndex: number, targetIndex: number) => void;
     pageData: any[];
     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

@@ -92,6 +92,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 +215,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 +292,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 +332,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 +420,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 +437,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 +456,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 +521,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 +531,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 +557,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 +746,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 +804,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 +826,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 +874,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 +917,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 +1029,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 +1102,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 +1218,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 +1232,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 +1292,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 +1302,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 +1328,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 +1517,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 +1573,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 +1595,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 +1643,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;