linkmore-design 1.1.21 → 1.1.22-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/LmDrag/LmDrag.d.ts +2 -3
- package/dist/LmEditTable/EditTable.d.ts +14 -4
- package/dist/LmTable/common/index.d.ts +10 -0
- package/dist/LmTable/components/Container/Container.d.ts +18 -0
- package/dist/LmTable/components/Container/index.d.ts +2 -0
- package/dist/LmTable/components/DndContainer.d.ts +37 -5
- package/dist/LmTable/components/HeaderCol.d.ts +1 -0
- package/dist/LmTable/components/Item/Item.d.ts +37 -0
- package/dist/LmTable/components/Item/components/Action/Action.d.ts +10 -0
- package/dist/LmTable/components/Item/components/Action/index.d.ts +2 -0
- package/dist/LmTable/components/Item/components/Handle/index.d.ts +4 -0
- package/dist/LmTable/components/Item/components/Remove/index.d.ts +2 -0
- package/dist/LmTable/components/Item/components/index.d.ts +3 -0
- package/dist/LmTable/components/Item/index.d.ts +2 -0
- package/dist/LmTable/components/{sortableBoxCol.d.ts → SortableBox.d.ts} +0 -0
- package/dist/LmTable/demos/{excelGroup.d.ts → draggable.d.ts} +0 -0
- package/dist/LmTable/hooks/useDndItems.d.ts +13 -0
- package/dist/LmTable/multipleContainersKeyboardCoordinates.d.ts +3 -0
- package/dist/LmTable/testDemos/group.d.ts +2 -0
- package/dist/LmUpload/fns/index.d.ts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.umd.css +367 -0
- package/dist/index.umd.js +1775 -51950
- package/dist/index.umd.min.css +1 -1
- package/dist/index.umd.min.js +23 -47
- package/dist/variables.css +10 -2
- package/es/LmDrag/LmDrag.d.ts +2 -3
- package/es/LmEditTable/EditTable.d.ts +14 -4
- package/es/LmEditTable/EditTable.js +78 -54
- package/es/LmFilter/components/DropdownFIlter.js +26 -5
- package/es/LmFilter/style/index.css +9 -0
- package/es/LmFilter/style/variables.css +9 -0
- package/es/LmTable/Table.js +132 -125
- package/es/LmTable/common/index.d.ts +10 -0
- package/es/LmTable/common/index.js +38 -0
- package/es/LmTable/components/Container/Container.css +87 -0
- package/es/LmTable/components/Container/Container.d.ts +18 -0
- package/es/LmTable/components/Container/Container.js +48 -0
- package/es/LmTable/components/Container/index.d.ts +2 -0
- package/es/LmTable/components/Container/index.js +1 -0
- package/es/LmTable/components/DndContainer.d.ts +37 -5
- package/es/LmTable/components/DndContainer.js +699 -24
- package/es/LmTable/components/DndContainer.module.css +6 -0
- package/es/LmTable/components/HeaderCol.js +46 -0
- package/es/LmTable/components/Item/Item.css +113 -0
- package/es/LmTable/components/Item/Item.d.ts +37 -0
- package/es/LmTable/components/Item/Item.js +88 -0
- package/es/LmTable/components/Item/components/Action/Action.css +41 -0
- package/es/LmTable/components/Item/components/Action/Action.d.ts +10 -0
- package/es/LmTable/components/Item/components/Action/Action.js +35 -0
- package/es/LmTable/components/Item/components/Action/index.d.ts +2 -0
- package/es/LmTable/components/Item/components/Action/index.js +1 -0
- package/es/LmTable/components/Item/components/Handle/index.d.ts +4 -0
- package/es/LmTable/components/Item/components/Handle/index.js +15 -0
- package/es/LmTable/components/Item/components/Remove/index.d.ts +2 -0
- package/es/LmTable/components/Item/components/Remove/index.js +16 -0
- package/es/LmTable/components/Item/components/index.d.ts +3 -0
- package/es/LmTable/components/Item/components/index.js +3 -0
- package/es/LmTable/components/Item/index.d.ts +2 -0
- package/es/LmTable/components/Item/index.js +2 -0
- package/es/LmTable/components/{sortableBoxCol.js → SortableBox.js} +0 -0
- package/es/LmTable/hooks/useDndItems.d.ts +13 -0
- package/es/LmTable/hooks/useDndItems.js +156 -0
- package/es/LmTable/multipleContainersKeyboardCoordinates.d.ts +3 -0
- package/es/LmTable/multipleContainersKeyboardCoordinates.js +117 -0
- package/es/LmTable/style/index.css +1 -2
- package/es/LmTable/style/variables.css +1 -2
- package/es/LmTable/testDemos/group.js +131 -0
- package/es/LmUpload/UploadList/ItemPictureCard.js +2 -9
- package/es/LmUpload/UploadList/index.js +3 -6
- package/es/LmUpload/fns/index.d.ts +1 -0
- package/es/LmUpload/fns/index.js +17 -2
- package/es/index.d.ts +1 -0
- package/es/styles/variables.css +10 -2
- package/lib/LmDrag/LmDrag.d.ts +2 -3
- package/lib/LmEditTable/EditTable.d.ts +14 -4
- package/lib/LmEditTable/EditTable.js +77 -53
- package/lib/LmFilter/components/DropdownFIlter.js +26 -5
- package/lib/LmFilter/style/index.css +9 -0
- package/lib/LmFilter/style/variables.css +9 -0
- package/lib/LmTable/Table.js +132 -125
- package/lib/LmTable/common/index.d.ts +10 -0
- package/lib/LmTable/common/index.js +48 -0
- package/lib/LmTable/components/Container/Container.css +87 -0
- package/lib/LmTable/components/Container/Container.d.ts +18 -0
- package/lib/LmTable/components/Container/Container.js +62 -0
- package/lib/LmTable/components/Container/index.d.ts +2 -0
- package/lib/LmTable/components/Container/index.js +13 -0
- package/lib/LmTable/components/DndContainer.d.ts +37 -5
- package/lib/LmTable/components/DndContainer.js +709 -26
- package/lib/LmTable/components/DndContainer.module.css +6 -0
- package/lib/LmTable/components/HeaderCol.js +46 -0
- package/lib/LmTable/components/Item/Item.css +113 -0
- package/lib/LmTable/components/Item/Item.d.ts +37 -0
- package/lib/LmTable/components/Item/Item.js +104 -0
- package/lib/LmTable/components/Item/components/Action/Action.css +41 -0
- package/lib/LmTable/components/Item/components/Action/Action.d.ts +10 -0
- package/lib/LmTable/components/Item/components/Action/Action.js +50 -0
- package/lib/LmTable/components/Item/components/Action/index.d.ts +2 -0
- package/lib/LmTable/components/Item/components/Action/index.js +13 -0
- package/lib/LmTable/components/Item/components/Handle/index.d.ts +4 -0
- package/lib/LmTable/components/Item/components/Handle/index.js +27 -0
- package/lib/LmTable/components/Item/components/Remove/index.d.ts +2 -0
- package/lib/LmTable/components/Item/components/Remove/index.js +27 -0
- package/lib/LmTable/components/Item/components/index.d.ts +3 -0
- package/lib/LmTable/components/Item/components/index.js +31 -0
- package/lib/LmTable/components/Item/index.d.ts +2 -0
- package/lib/LmTable/components/Item/index.js +33 -0
- package/lib/LmTable/components/{sortableBoxCol.js → SortableBox.js} +0 -0
- package/lib/LmTable/hooks/useDndItems.d.ts +13 -0
- package/lib/LmTable/hooks/useDndItems.js +168 -0
- package/lib/LmTable/multipleContainersKeyboardCoordinates.d.ts +3 -0
- package/lib/LmTable/multipleContainersKeyboardCoordinates.js +126 -0
- package/lib/LmTable/style/index.css +1 -2
- package/lib/LmTable/style/variables.css +1 -2
- package/lib/LmTable/testDemos/group.js +131 -0
- package/lib/LmUpload/UploadList/ItemPictureCard.js +2 -9
- package/lib/LmUpload/UploadList/index.js +3 -6
- package/lib/LmUpload/fns/index.d.ts +1 -0
- package/lib/LmUpload/fns/index.js +17 -2
- package/lib/index.d.ts +1 -0
- package/lib/styles/variables.css +10 -2
- package/package.json +4 -4
- package/dist/LmTable/components/sortableItemCol.d.ts +0 -1
- package/es/LmTable/components/sortableItemCol.js +0 -56
- package/lib/LmTable/components/sortableItemCol.js +0 -56
package/dist/LmDrag/LmDrag.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}, string | number> & React.RefAttributes<unknown>>;
|
|
2
|
+
import { LmDragProps } from '..';
|
|
3
|
+
declare const _default: React.ForwardRefExoticComponent<LmDragProps & React.RefAttributes<unknown>>;
|
|
5
4
|
export default _default;
|
|
@@ -22,6 +22,16 @@ interface ILmEditTable extends TableProps<any> {
|
|
|
22
22
|
};
|
|
23
23
|
/** 是否为强制更新 */
|
|
24
24
|
shouldUpdate?: boolean;
|
|
25
|
+
rowSelection?: TableProps<any>['rowSelection'] & {
|
|
26
|
+
selectedRows?: Record<string, any>;
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
export interface CountdownHandle {
|
|
30
|
+
setRow: (data: any) => void;
|
|
31
|
+
getCheckboxRecords: () => any[];
|
|
32
|
+
clearSelect: () => void;
|
|
33
|
+
customSetCheckboxRecords: (data: any[]) => void;
|
|
34
|
+
valid: () => void;
|
|
25
35
|
}
|
|
26
36
|
interface ILmColumns extends TableColumnType<any> {
|
|
27
37
|
editable?: 'input' | 'number' | 'inputRange' | 'date' | 'select' | 'multiple' | 'checkbox' | 'radio' | 'switch' | 'upload' | 'operate' | 'lm_edit_opetate' | 'render';
|
|
@@ -33,12 +43,12 @@ interface ILmColumns extends TableColumnType<any> {
|
|
|
33
43
|
componentProps?: Record<string, any>;
|
|
34
44
|
relevanceCols?: boolean;
|
|
35
45
|
}
|
|
36
|
-
export declare type TLmEditTable = {
|
|
46
|
+
export declare type TLmEditTable = ILmEditTable & {
|
|
37
47
|
onChange?: (data: any[]) => void;
|
|
38
48
|
columns: ILmColumns[];
|
|
39
|
-
}
|
|
40
|
-
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
|
|
49
|
+
};
|
|
50
|
+
declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ILmEditTable & {
|
|
41
51
|
onChange?: (data: any[]) => void;
|
|
42
52
|
columns: ILmColumns[];
|
|
43
|
-
} &
|
|
53
|
+
} & React.RefAttributes<CountdownHandle>>>;
|
|
44
54
|
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './Container.less';
|
|
3
|
+
export interface Props {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
columns?: number;
|
|
6
|
+
label?: string;
|
|
7
|
+
style?: React.CSSProperties;
|
|
8
|
+
horizontal?: boolean;
|
|
9
|
+
hover?: boolean;
|
|
10
|
+
handleProps?: React.HTMLAttributes<any>;
|
|
11
|
+
scrollable?: boolean;
|
|
12
|
+
shadow?: boolean;
|
|
13
|
+
placeholder?: boolean;
|
|
14
|
+
unstyled?: boolean;
|
|
15
|
+
onClick?: (e: any) => void;
|
|
16
|
+
onRemove?: (e: any) => void;
|
|
17
|
+
}
|
|
18
|
+
export declare const Container: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,5 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CancelDrop, Modifiers, UniqueIdentifier, KeyboardCoordinateGetter } from '@dnd-kit/core';
|
|
3
|
+
import './DndContainer.module.less';
|
|
4
|
+
declare type Items = Record<UniqueIdentifier, UniqueIdentifier[]>;
|
|
5
|
+
interface Props {
|
|
6
|
+
adjustScale?: boolean;
|
|
7
|
+
cancelDrop?: CancelDrop;
|
|
8
|
+
columns?: number;
|
|
9
|
+
containerStyle?: React.CSSProperties;
|
|
10
|
+
coordinateGetter?: KeyboardCoordinateGetter;
|
|
11
|
+
getItemStyles?(args: {
|
|
12
|
+
value: UniqueIdentifier;
|
|
13
|
+
index: number;
|
|
14
|
+
overIndex: number;
|
|
15
|
+
isDragging: boolean;
|
|
16
|
+
containerId: UniqueIdentifier;
|
|
17
|
+
isSorting: boolean;
|
|
18
|
+
isDragOverlay: boolean;
|
|
19
|
+
}): React.CSSProperties;
|
|
20
|
+
wrapperStyle?(args: {
|
|
21
|
+
index: number;
|
|
22
|
+
}): React.CSSProperties;
|
|
23
|
+
itemCount?: number;
|
|
24
|
+
items?: Items;
|
|
25
|
+
handle?: boolean;
|
|
26
|
+
renderItem?: any;
|
|
27
|
+
modifiers?: Modifiers;
|
|
28
|
+
trashable?: boolean;
|
|
29
|
+
scrollable?: boolean;
|
|
30
|
+
children?: React.ReactNode;
|
|
31
|
+
updateItems?(items: Items, resume?: string): void;
|
|
32
|
+
rowGroupTitle?: string;
|
|
33
|
+
colGroupTitle?: string;
|
|
34
|
+
}
|
|
35
|
+
export declare const TRASH_ID = "void";
|
|
36
|
+
export default function DndContainer({ adjustScale, itemCount, cancelDrop, columns, handle, items: initialItems, containerStyle, coordinateGetter, getItemStyles, wrapperStyle, modifiers, renderItem, trashable, scrollable, children, updateItems, rowGroupTitle, colGroupTitle, }: Props): JSX.Element;
|
|
37
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function HeaderCellContent(props: any): JSX.Element;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { DraggableSyntheticListeners } from '@dnd-kit/core';
|
|
3
|
+
import type { Transform } from '@dnd-kit/utilities';
|
|
4
|
+
import './Item.less';
|
|
5
|
+
export interface Props {
|
|
6
|
+
dragOverlay?: boolean;
|
|
7
|
+
color?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
dragging?: boolean;
|
|
10
|
+
handle?: boolean;
|
|
11
|
+
handleProps?: any;
|
|
12
|
+
height?: number;
|
|
13
|
+
index?: number;
|
|
14
|
+
fadeIn?: boolean;
|
|
15
|
+
transform?: Transform | null;
|
|
16
|
+
listeners?: DraggableSyntheticListeners;
|
|
17
|
+
sorting?: boolean;
|
|
18
|
+
style?: React.CSSProperties;
|
|
19
|
+
transition?: string | null;
|
|
20
|
+
wrapperStyle?: React.CSSProperties;
|
|
21
|
+
value: React.ReactNode;
|
|
22
|
+
onRemove?: () => void;
|
|
23
|
+
renderItem?: (args: {
|
|
24
|
+
dragOverlay: boolean;
|
|
25
|
+
dragging: boolean;
|
|
26
|
+
sorting: boolean;
|
|
27
|
+
index: number | undefined;
|
|
28
|
+
fadeIn: boolean;
|
|
29
|
+
listeners: DraggableSyntheticListeners;
|
|
30
|
+
ref: React.Ref<HTMLElement>;
|
|
31
|
+
style: React.CSSProperties | undefined;
|
|
32
|
+
transform: Props['transform'];
|
|
33
|
+
transition: Props['transition'];
|
|
34
|
+
value: Props['value'];
|
|
35
|
+
}) => React.ReactElement;
|
|
36
|
+
}
|
|
37
|
+
export declare const Item: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLIElement>>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { CSSProperties } from 'react';
|
|
2
|
+
import './Action.less';
|
|
3
|
+
export interface Props extends React.HTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
active?: {
|
|
5
|
+
fill: string;
|
|
6
|
+
background: string;
|
|
7
|
+
};
|
|
8
|
+
cursor?: CSSProperties['cursor'];
|
|
9
|
+
}
|
|
10
|
+
export declare const Action: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface IdndItems {
|
|
2
|
+
row?: string[];
|
|
3
|
+
col?: string[];
|
|
4
|
+
tableHeader?: string[];
|
|
5
|
+
}
|
|
6
|
+
declare function useDndItems(props: any): {
|
|
7
|
+
dndColumns: any;
|
|
8
|
+
items: IdndItems;
|
|
9
|
+
groupRowKeys: any[];
|
|
10
|
+
groupColKeys: any[];
|
|
11
|
+
updateItems: (value: IdndItems, resume: string) => void;
|
|
12
|
+
};
|
|
13
|
+
export default useDndItems;
|
|
@@ -15,6 +15,7 @@ declare const useCoreOptions: ({ state, dispatch, props }: {
|
|
|
15
15
|
remove: (file: any) => Promise<void>;
|
|
16
16
|
preview: (file: any) => void;
|
|
17
17
|
download: (file: any) => void;
|
|
18
|
+
move: (active: any, over: any, fileList: any) => void;
|
|
18
19
|
};
|
|
19
20
|
RefMethods: {
|
|
20
21
|
getState: () => any;
|
package/dist/index.d.ts
CHANGED
|
@@ -51,6 +51,7 @@ export type { TooltipProps } from './Tooltip';
|
|
|
51
51
|
export { default as Form } from './Form';
|
|
52
52
|
export { default as Spin } from './Spin';
|
|
53
53
|
export { default as LmEditTable } from './LmEditTable';
|
|
54
|
+
export type { CountdownHandle, TLmEditTable } from './LmEditTable/EditTable';
|
|
54
55
|
export { default as List } from './List';
|
|
55
56
|
export { default as LMQuickMenu } from './QuickMenu';
|
|
56
57
|
export { default as DatePicker } from './DatePicker';
|
package/dist/index.umd.css
CHANGED
|
@@ -27470,6 +27470,373 @@ div.ant-typography-edit-content.ant-typography-rtl {
|
|
|
27470
27470
|
width: auto;
|
|
27471
27471
|
}
|
|
27472
27472
|
|
|
27473
|
+
.dnd_item_actions {
|
|
27474
|
+
display: -webkit-box;
|
|
27475
|
+
display: -ms-flexbox;
|
|
27476
|
+
display: -webkit-flex;
|
|
27477
|
+
display: flex;
|
|
27478
|
+
width: 12px;
|
|
27479
|
+
margin-left: 6px;
|
|
27480
|
+
-webkit-box-align: center;
|
|
27481
|
+
-ms-flex-align: center;
|
|
27482
|
+
align-items: center;
|
|
27483
|
+
-webkit-box-pack: center;
|
|
27484
|
+
-ms-flex-pack: center;
|
|
27485
|
+
justify-content: center;
|
|
27486
|
+
-webkit-box-flex: 0;
|
|
27487
|
+
-ms-flex: 0 0 auto;
|
|
27488
|
+
flex: 0 0 auto;
|
|
27489
|
+
-ms-touch-action: none;
|
|
27490
|
+
touch-action: none;
|
|
27491
|
+
cursor: var(--cursor, pointer);
|
|
27492
|
+
border-radius: 5px;
|
|
27493
|
+
border: none;
|
|
27494
|
+
outline: none;
|
|
27495
|
+
-webkit-appearance: none;
|
|
27496
|
+
-moz-appearance: none;
|
|
27497
|
+
appearance: none;
|
|
27498
|
+
background-color: transparent;
|
|
27499
|
+
-webkit-tap-highlight-color: transparent;
|
|
27500
|
+
}
|
|
27501
|
+
@media (hover: hover) {
|
|
27502
|
+
.dnd_item_actions:hover {
|
|
27503
|
+
background-color: var(--action-background, rgba(0, 0, 0, 0.05));
|
|
27504
|
+
}
|
|
27505
|
+
.dnd_item_actions:hover svg {
|
|
27506
|
+
fill: #6f7b88;
|
|
27507
|
+
}
|
|
27508
|
+
}
|
|
27509
|
+
.dnd_item_actions svg {
|
|
27510
|
+
-webkit-box-flex: 0;
|
|
27511
|
+
-ms-flex: 0 0 auto;
|
|
27512
|
+
flex: 0 0 auto;
|
|
27513
|
+
margin: auto;
|
|
27514
|
+
height: 100%;
|
|
27515
|
+
overflow: visible;
|
|
27516
|
+
fill: #919eab;
|
|
27517
|
+
}
|
|
27518
|
+
.dnd_item_actions:active {
|
|
27519
|
+
background-color: var(--background, rgba(0, 0, 0, 0.05));
|
|
27520
|
+
}
|
|
27521
|
+
.dnd_item_actions:active svg {
|
|
27522
|
+
fill: var(--fill, #788491);
|
|
27523
|
+
}
|
|
27524
|
+
.dnd_item_actions:focus-visible {
|
|
27525
|
+
outline: none;
|
|
27526
|
+
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0px 0px 2px #4c9ffe;
|
|
27527
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0px 0px 2px #4c9ffe;
|
|
27528
|
+
}
|
|
27529
|
+
|
|
27530
|
+
@-webkit-keyframes pop {
|
|
27531
|
+
0% {
|
|
27532
|
+
-webkit-transform: scale(1);
|
|
27533
|
+
transform: scale(1);
|
|
27534
|
+
-webkit-box-shadow: var(--box-shadow);
|
|
27535
|
+
box-shadow: var(--box-shadow);
|
|
27536
|
+
}
|
|
27537
|
+
100% {
|
|
27538
|
+
-webkit-transform: scale(var(--scale));
|
|
27539
|
+
transform: scale(var(--scale));
|
|
27540
|
+
-webkit-box-shadow: var(--box-shadow-picked-up);
|
|
27541
|
+
box-shadow: var(--box-shadow-picked-up);
|
|
27542
|
+
}
|
|
27543
|
+
}
|
|
27544
|
+
@keyframes pop {
|
|
27545
|
+
0% {
|
|
27546
|
+
-webkit-transform: scale(1);
|
|
27547
|
+
transform: scale(1);
|
|
27548
|
+
-webkit-box-shadow: var(--box-shadow);
|
|
27549
|
+
box-shadow: var(--box-shadow);
|
|
27550
|
+
}
|
|
27551
|
+
100% {
|
|
27552
|
+
-webkit-transform: scale(var(--scale));
|
|
27553
|
+
transform: scale(var(--scale));
|
|
27554
|
+
-webkit-box-shadow: var(--box-shadow-picked-up);
|
|
27555
|
+
box-shadow: var(--box-shadow-picked-up);
|
|
27556
|
+
}
|
|
27557
|
+
}
|
|
27558
|
+
@-webkit-keyframes fadeIn {
|
|
27559
|
+
0% {
|
|
27560
|
+
opacity: 0;
|
|
27561
|
+
}
|
|
27562
|
+
100% {
|
|
27563
|
+
opacity: 1;
|
|
27564
|
+
}
|
|
27565
|
+
}
|
|
27566
|
+
@keyframes fadeIn {
|
|
27567
|
+
0% {
|
|
27568
|
+
opacity: 0;
|
|
27569
|
+
}
|
|
27570
|
+
100% {
|
|
27571
|
+
opacity: 1;
|
|
27572
|
+
}
|
|
27573
|
+
}
|
|
27574
|
+
.dnd_com_item_Wrapper {
|
|
27575
|
+
display: -webkit-box;
|
|
27576
|
+
display: -ms-flexbox;
|
|
27577
|
+
display: -webkit-flex;
|
|
27578
|
+
display: flex;
|
|
27579
|
+
-webkit-box-sizing: border-box;
|
|
27580
|
+
box-sizing: border-box;
|
|
27581
|
+
-webkit-transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
|
|
27582
|
+
transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
|
|
27583
|
+
-webkit-transform-origin: 0 0;
|
|
27584
|
+
transform-origin: 0 0;
|
|
27585
|
+
-ms-touch-action: manipulation;
|
|
27586
|
+
touch-action: manipulation;
|
|
27587
|
+
margin-right: 6px;
|
|
27588
|
+
margin-bottom: 6px;
|
|
27589
|
+
}
|
|
27590
|
+
.dnd_com_item_Wrapper.fadeIn {
|
|
27591
|
+
-webkit-animation: fadeIn 500ms ease;
|
|
27592
|
+
animation: fadeIn 500ms ease;
|
|
27593
|
+
}
|
|
27594
|
+
.dnd_com_item_Wrapper.dragOverlay {
|
|
27595
|
+
--scale: 1.05;
|
|
27596
|
+
--box-shadow: 0 0 0 -webkit-calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px -webkit-calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
|
|
27597
|
+
--box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
|
|
27598
|
+
--box-shadow-picked-up: 0 0 0 -webkit-calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05),
|
|
27599
|
+
-1px 0 15px 0 rgba(1, 1, 1, 0.01),
|
|
27600
|
+
0px 15px 15px 0 rgba(34, 33, 81, 0.25);
|
|
27601
|
+
--box-shadow-picked-up: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05),
|
|
27602
|
+
-1px 0 15px 0 rgba(1, 1, 1, 0.01),
|
|
27603
|
+
0px 15px 15px 0 rgba(34, 33, 81, 0.25);
|
|
27604
|
+
z-index: 999;
|
|
27605
|
+
}
|
|
27606
|
+
.dnd_com_Item {
|
|
27607
|
+
position: relative;
|
|
27608
|
+
display: -webkit-box;
|
|
27609
|
+
display: -ms-flexbox;
|
|
27610
|
+
display: -webkit-flex;
|
|
27611
|
+
display: flex;
|
|
27612
|
+
-webkit-box-flex: 1;
|
|
27613
|
+
-ms-flex-positive: 1;
|
|
27614
|
+
flex-grow: 1;
|
|
27615
|
+
-webkit-box-align: center;
|
|
27616
|
+
-ms-flex-align: center;
|
|
27617
|
+
align-items: center;
|
|
27618
|
+
padding: 6px;
|
|
27619
|
+
background-color: #fff;
|
|
27620
|
+
-webkit-box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
|
|
27621
|
+
box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
|
|
27622
|
+
outline: none;
|
|
27623
|
+
border-radius: -webkit-calc(4px / var(--scale-x, 1));
|
|
27624
|
+
border-radius: calc(4px / var(--scale-x, 1));
|
|
27625
|
+
-webkit-box-sizing: border-box;
|
|
27626
|
+
box-sizing: border-box;
|
|
27627
|
+
list-style: none;
|
|
27628
|
+
-webkit-transform-origin: 50% 50%;
|
|
27629
|
+
transform-origin: 50% 50%;
|
|
27630
|
+
-webkit-tap-highlight-color: transparent;
|
|
27631
|
+
color: #333;
|
|
27632
|
+
font-weight: 400;
|
|
27633
|
+
font-size: 12px;
|
|
27634
|
+
white-space: nowrap;
|
|
27635
|
+
-webkit-transform: scale(var(--scale, 1));
|
|
27636
|
+
transform: scale(var(--scale, 1));
|
|
27637
|
+
-webkit-transition: box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
|
|
27638
|
+
-webkit-transition: -webkit-box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
|
|
27639
|
+
transition: -webkit-box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
|
|
27640
|
+
transition: box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
|
|
27641
|
+
transition: box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22), -webkit-box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
|
|
27642
|
+
}
|
|
27643
|
+
.dnd_com_Item:focus-visible {
|
|
27644
|
+
-webkit-box-shadow: 0 0px 4px 1px #4c9ffe, 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
|
|
27645
|
+
box-shadow: 0 0px 4px 1px #4c9ffe, 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
|
|
27646
|
+
}
|
|
27647
|
+
.dnd_com_Item:not(.withHandle) {
|
|
27648
|
+
-ms-touch-action: manipulation;
|
|
27649
|
+
touch-action: manipulation;
|
|
27650
|
+
cursor: -webkit-grab;
|
|
27651
|
+
cursor: grab;
|
|
27652
|
+
}
|
|
27653
|
+
.dnd_com_Item.dragging:not(.dragOverlay) {
|
|
27654
|
+
opacity: var(--dragging-opacity, 0.5);
|
|
27655
|
+
z-index: 0;
|
|
27656
|
+
}
|
|
27657
|
+
.dnd_com_Item.dragging:not(.dragOverlay):focus {
|
|
27658
|
+
-webkit-box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
|
|
27659
|
+
box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
|
|
27660
|
+
}
|
|
27661
|
+
.dnd_com_Item.disabled {
|
|
27662
|
+
color: #999;
|
|
27663
|
+
background-color: #f1f1f1;
|
|
27664
|
+
cursor: not-allowed;
|
|
27665
|
+
}
|
|
27666
|
+
.dnd_com_Item.disabled:focus {
|
|
27667
|
+
-webkit-box-shadow: 0 0px 4px 1px rgba(0, 0, 0, 0.1), 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
|
|
27668
|
+
box-shadow: 0 0px 4px 1px rgba(0, 0, 0, 0.1), 0 0 0 calc(1px / var(--scale-x, 1)) rgba(63, 63, 68, 0.05), 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(34, 33, 81, 0.15);
|
|
27669
|
+
}
|
|
27670
|
+
.dnd_com_Item.dragOverlay {
|
|
27671
|
+
cursor: inherit;
|
|
27672
|
+
/* box-shadow: 0 0px 6px 2px @focused-outline-color; */
|
|
27673
|
+
-webkit-animation: pop 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
|
|
27674
|
+
animation: pop 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
|
|
27675
|
+
-webkit-transform: scale(var(--scale));
|
|
27676
|
+
transform: scale(var(--scale));
|
|
27677
|
+
-webkit-box-shadow: var(--box-shadow-picked-up);
|
|
27678
|
+
box-shadow: var(--box-shadow-picked-up);
|
|
27679
|
+
opacity: 1;
|
|
27680
|
+
}
|
|
27681
|
+
.dnd_com_Item.color:before {
|
|
27682
|
+
content: '';
|
|
27683
|
+
position: absolute;
|
|
27684
|
+
top: 50%;
|
|
27685
|
+
-webkit-transform: translateY(-50%);
|
|
27686
|
+
transform: translateY(-50%);
|
|
27687
|
+
left: 0;
|
|
27688
|
+
height: 100%;
|
|
27689
|
+
width: 3px;
|
|
27690
|
+
display: block;
|
|
27691
|
+
border-top-left-radius: 3px;
|
|
27692
|
+
border-bottom-left-radius: 3px;
|
|
27693
|
+
background-color: var(--color);
|
|
27694
|
+
}
|
|
27695
|
+
.dnd_com_Item:hover .dnd_com_Remove {
|
|
27696
|
+
visibility: visible;
|
|
27697
|
+
}
|
|
27698
|
+
.dnd_com_Remove {
|
|
27699
|
+
margin-left: 6px;
|
|
27700
|
+
color: #666;
|
|
27701
|
+
}
|
|
27702
|
+
.dnd_com_Actions {
|
|
27703
|
+
display: -webkit-box;
|
|
27704
|
+
display: -ms-flexbox;
|
|
27705
|
+
display: -webkit-flex;
|
|
27706
|
+
display: flex;
|
|
27707
|
+
-webkit-box-align: center;
|
|
27708
|
+
-ms-flex-align: center;
|
|
27709
|
+
align-items: center;
|
|
27710
|
+
}
|
|
27711
|
+
|
|
27712
|
+
.dnd_container {
|
|
27713
|
+
display: -webkit-box;
|
|
27714
|
+
display: -ms-flexbox;
|
|
27715
|
+
display: -webkit-flex;
|
|
27716
|
+
display: flex;
|
|
27717
|
+
-webkit-box-orient: vertical;
|
|
27718
|
+
-webkit-box-direction: normal;
|
|
27719
|
+
-ms-flex-direction: column;
|
|
27720
|
+
flex-direction: column;
|
|
27721
|
+
grid-auto-rows: -webkit-max-content;
|
|
27722
|
+
grid-auto-rows: max-content;
|
|
27723
|
+
overflow: hidden;
|
|
27724
|
+
-webkit-box-sizing: border-box;
|
|
27725
|
+
box-sizing: border-box;
|
|
27726
|
+
-webkit-appearance: none;
|
|
27727
|
+
-moz-appearance: none;
|
|
27728
|
+
appearance: none;
|
|
27729
|
+
outline: none;
|
|
27730
|
+
-webkit-box-flex: 1;
|
|
27731
|
+
-ms-flex: 1;
|
|
27732
|
+
flex: 1;
|
|
27733
|
+
border-radius: 5px;
|
|
27734
|
+
margin-bottom: 10px;
|
|
27735
|
+
margin-right: 10px;
|
|
27736
|
+
-webkit-transition: background-color 350ms ease;
|
|
27737
|
+
transition: background-color 350ms ease;
|
|
27738
|
+
background-color: #fff;
|
|
27739
|
+
border: 1px solid rgba(0, 0, 0, 0.05);
|
|
27740
|
+
font-size: 1em;
|
|
27741
|
+
}
|
|
27742
|
+
.dnd_container:last-child {
|
|
27743
|
+
margin-right: 0;
|
|
27744
|
+
}
|
|
27745
|
+
.dnd_container ul {
|
|
27746
|
+
display: -webkit-box;
|
|
27747
|
+
display: -ms-flexbox;
|
|
27748
|
+
display: -webkit-flex;
|
|
27749
|
+
display: flex;
|
|
27750
|
+
-ms-flex-wrap: wrap;
|
|
27751
|
+
flex-wrap: wrap;
|
|
27752
|
+
list-style: none;
|
|
27753
|
+
padding: 10px;
|
|
27754
|
+
margin: 0;
|
|
27755
|
+
min-height: 40px;
|
|
27756
|
+
}
|
|
27757
|
+
.dnd_container.scrollable ul {
|
|
27758
|
+
overflow-y: auto;
|
|
27759
|
+
}
|
|
27760
|
+
.dnd_container.placeholder {
|
|
27761
|
+
-webkit-box-pack: center;
|
|
27762
|
+
-ms-flex-pack: center;
|
|
27763
|
+
justify-content: center;
|
|
27764
|
+
-webkit-box-align: center;
|
|
27765
|
+
-ms-flex-align: center;
|
|
27766
|
+
align-items: center;
|
|
27767
|
+
cursor: pointer;
|
|
27768
|
+
color: rgba(0, 0, 0, 0.5);
|
|
27769
|
+
background-color: transparent;
|
|
27770
|
+
border-style: dashed;
|
|
27771
|
+
border-color: rgba(0, 0, 0, 0.08);
|
|
27772
|
+
}
|
|
27773
|
+
.dnd_container.placeholder:hover {
|
|
27774
|
+
border-color: rgba(0, 0, 0, 0.15);
|
|
27775
|
+
}
|
|
27776
|
+
.dnd_container.hover {
|
|
27777
|
+
background-color: #ebebeb;
|
|
27778
|
+
}
|
|
27779
|
+
.dnd_container.unstyled {
|
|
27780
|
+
overflow: visible;
|
|
27781
|
+
background-color: transparent !important;
|
|
27782
|
+
border: none !important;
|
|
27783
|
+
}
|
|
27784
|
+
.dnd_container.horizontal {
|
|
27785
|
+
width: 100%;
|
|
27786
|
+
}
|
|
27787
|
+
.dnd_container.horizontal ul {
|
|
27788
|
+
grid-auto-flow: column;
|
|
27789
|
+
}
|
|
27790
|
+
.dnd_container.shadow {
|
|
27791
|
+
-webkit-box-shadow: 0 1px 10px 0 rgba(34, 33, 81, 0.1);
|
|
27792
|
+
box-shadow: 0 1px 10px 0 rgba(34, 33, 81, 0.1);
|
|
27793
|
+
}
|
|
27794
|
+
.dnd_container:focus-visible {
|
|
27795
|
+
border-color: transparent;
|
|
27796
|
+
-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0px 0px 2px #4c9ffe;
|
|
27797
|
+
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0px 0px 2px #4c9ffe;
|
|
27798
|
+
}
|
|
27799
|
+
.dnd_header {
|
|
27800
|
+
display: -webkit-box;
|
|
27801
|
+
display: -ms-flexbox;
|
|
27802
|
+
display: -webkit-flex;
|
|
27803
|
+
display: flex;
|
|
27804
|
+
padding: 5px 20px;
|
|
27805
|
+
padding-right: 8px;
|
|
27806
|
+
-webkit-box-align: center;
|
|
27807
|
+
-ms-flex-align: center;
|
|
27808
|
+
align-items: center;
|
|
27809
|
+
-webkit-box-pack: justify;
|
|
27810
|
+
-ms-flex-pack: justify;
|
|
27811
|
+
justify-content: space-between;
|
|
27812
|
+
background-color: #fff;
|
|
27813
|
+
border-top-left-radius: 5px;
|
|
27814
|
+
border-top-right-radius: 5px;
|
|
27815
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
|
|
27816
|
+
}
|
|
27817
|
+
.dnd_header:hover .Actions > * {
|
|
27818
|
+
opacity: 1 !important;
|
|
27819
|
+
}
|
|
27820
|
+
.dnd_actions {
|
|
27821
|
+
display: -webkit-box;
|
|
27822
|
+
display: -ms-flexbox;
|
|
27823
|
+
display: -webkit-flex;
|
|
27824
|
+
display: flex;
|
|
27825
|
+
}
|
|
27826
|
+
.dnd_actions > *:first-child:not(:last-child) {
|
|
27827
|
+
opacity: 0;
|
|
27828
|
+
}
|
|
27829
|
+
.dnd_actions > *:first-child:not(:last-child):focus-visible {
|
|
27830
|
+
opacity: 1;
|
|
27831
|
+
}
|
|
27832
|
+
|
|
27833
|
+
.DndContainer-module_dnd_table_container__28N0s > div {
|
|
27834
|
+
border: none !important;
|
|
27835
|
+
}
|
|
27836
|
+
.DndContainer-module_dnd_table_container__28N0s ul {
|
|
27837
|
+
padding: 0 !important;
|
|
27838
|
+
}
|
|
27839
|
+
|
|
27473
27840
|
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
|
|
27474
27841
|
/* stylelint-disable no-duplicate-selectors */
|
|
27475
27842
|
/* stylelint-disable */
|