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.
Files changed (126) hide show
  1. package/dist/LmDrag/LmDrag.d.ts +2 -3
  2. package/dist/LmEditTable/EditTable.d.ts +14 -4
  3. package/dist/LmTable/common/index.d.ts +10 -0
  4. package/dist/LmTable/components/Container/Container.d.ts +18 -0
  5. package/dist/LmTable/components/Container/index.d.ts +2 -0
  6. package/dist/LmTable/components/DndContainer.d.ts +37 -5
  7. package/dist/LmTable/components/HeaderCol.d.ts +1 -0
  8. package/dist/LmTable/components/Item/Item.d.ts +37 -0
  9. package/dist/LmTable/components/Item/components/Action/Action.d.ts +10 -0
  10. package/dist/LmTable/components/Item/components/Action/index.d.ts +2 -0
  11. package/dist/LmTable/components/Item/components/Handle/index.d.ts +4 -0
  12. package/dist/LmTable/components/Item/components/Remove/index.d.ts +2 -0
  13. package/dist/LmTable/components/Item/components/index.d.ts +3 -0
  14. package/dist/LmTable/components/Item/index.d.ts +2 -0
  15. package/dist/LmTable/components/{sortableBoxCol.d.ts → SortableBox.d.ts} +0 -0
  16. package/dist/LmTable/demos/{excelGroup.d.ts → draggable.d.ts} +0 -0
  17. package/dist/LmTable/hooks/useDndItems.d.ts +13 -0
  18. package/dist/LmTable/multipleContainersKeyboardCoordinates.d.ts +3 -0
  19. package/dist/LmTable/testDemos/group.d.ts +2 -0
  20. package/dist/LmUpload/fns/index.d.ts +1 -0
  21. package/dist/index.d.ts +1 -0
  22. package/dist/index.umd.css +367 -0
  23. package/dist/index.umd.js +1775 -51950
  24. package/dist/index.umd.min.css +1 -1
  25. package/dist/index.umd.min.js +23 -47
  26. package/dist/variables.css +10 -2
  27. package/es/LmDrag/LmDrag.d.ts +2 -3
  28. package/es/LmEditTable/EditTable.d.ts +14 -4
  29. package/es/LmEditTable/EditTable.js +78 -54
  30. package/es/LmFilter/components/DropdownFIlter.js +26 -5
  31. package/es/LmFilter/style/index.css +9 -0
  32. package/es/LmFilter/style/variables.css +9 -0
  33. package/es/LmTable/Table.js +132 -125
  34. package/es/LmTable/common/index.d.ts +10 -0
  35. package/es/LmTable/common/index.js +38 -0
  36. package/es/LmTable/components/Container/Container.css +87 -0
  37. package/es/LmTable/components/Container/Container.d.ts +18 -0
  38. package/es/LmTable/components/Container/Container.js +48 -0
  39. package/es/LmTable/components/Container/index.d.ts +2 -0
  40. package/es/LmTable/components/Container/index.js +1 -0
  41. package/es/LmTable/components/DndContainer.d.ts +37 -5
  42. package/es/LmTable/components/DndContainer.js +699 -24
  43. package/es/LmTable/components/DndContainer.module.css +6 -0
  44. package/es/LmTable/components/HeaderCol.js +46 -0
  45. package/es/LmTable/components/Item/Item.css +113 -0
  46. package/es/LmTable/components/Item/Item.d.ts +37 -0
  47. package/es/LmTable/components/Item/Item.js +88 -0
  48. package/es/LmTable/components/Item/components/Action/Action.css +41 -0
  49. package/es/LmTable/components/Item/components/Action/Action.d.ts +10 -0
  50. package/es/LmTable/components/Item/components/Action/Action.js +35 -0
  51. package/es/LmTable/components/Item/components/Action/index.d.ts +2 -0
  52. package/es/LmTable/components/Item/components/Action/index.js +1 -0
  53. package/es/LmTable/components/Item/components/Handle/index.d.ts +4 -0
  54. package/es/LmTable/components/Item/components/Handle/index.js +15 -0
  55. package/es/LmTable/components/Item/components/Remove/index.d.ts +2 -0
  56. package/es/LmTable/components/Item/components/Remove/index.js +16 -0
  57. package/es/LmTable/components/Item/components/index.d.ts +3 -0
  58. package/es/LmTable/components/Item/components/index.js +3 -0
  59. package/es/LmTable/components/Item/index.d.ts +2 -0
  60. package/es/LmTable/components/Item/index.js +2 -0
  61. package/es/LmTable/components/{sortableBoxCol.js → SortableBox.js} +0 -0
  62. package/es/LmTable/hooks/useDndItems.d.ts +13 -0
  63. package/es/LmTable/hooks/useDndItems.js +156 -0
  64. package/es/LmTable/multipleContainersKeyboardCoordinates.d.ts +3 -0
  65. package/es/LmTable/multipleContainersKeyboardCoordinates.js +117 -0
  66. package/es/LmTable/style/index.css +1 -2
  67. package/es/LmTable/style/variables.css +1 -2
  68. package/es/LmTable/testDemos/group.js +131 -0
  69. package/es/LmUpload/UploadList/ItemPictureCard.js +2 -9
  70. package/es/LmUpload/UploadList/index.js +3 -6
  71. package/es/LmUpload/fns/index.d.ts +1 -0
  72. package/es/LmUpload/fns/index.js +17 -2
  73. package/es/index.d.ts +1 -0
  74. package/es/styles/variables.css +10 -2
  75. package/lib/LmDrag/LmDrag.d.ts +2 -3
  76. package/lib/LmEditTable/EditTable.d.ts +14 -4
  77. package/lib/LmEditTable/EditTable.js +77 -53
  78. package/lib/LmFilter/components/DropdownFIlter.js +26 -5
  79. package/lib/LmFilter/style/index.css +9 -0
  80. package/lib/LmFilter/style/variables.css +9 -0
  81. package/lib/LmTable/Table.js +132 -125
  82. package/lib/LmTable/common/index.d.ts +10 -0
  83. package/lib/LmTable/common/index.js +48 -0
  84. package/lib/LmTable/components/Container/Container.css +87 -0
  85. package/lib/LmTable/components/Container/Container.d.ts +18 -0
  86. package/lib/LmTable/components/Container/Container.js +62 -0
  87. package/lib/LmTable/components/Container/index.d.ts +2 -0
  88. package/lib/LmTable/components/Container/index.js +13 -0
  89. package/lib/LmTable/components/DndContainer.d.ts +37 -5
  90. package/lib/LmTable/components/DndContainer.js +709 -26
  91. package/lib/LmTable/components/DndContainer.module.css +6 -0
  92. package/lib/LmTable/components/HeaderCol.js +46 -0
  93. package/lib/LmTable/components/Item/Item.css +113 -0
  94. package/lib/LmTable/components/Item/Item.d.ts +37 -0
  95. package/lib/LmTable/components/Item/Item.js +104 -0
  96. package/lib/LmTable/components/Item/components/Action/Action.css +41 -0
  97. package/lib/LmTable/components/Item/components/Action/Action.d.ts +10 -0
  98. package/lib/LmTable/components/Item/components/Action/Action.js +50 -0
  99. package/lib/LmTable/components/Item/components/Action/index.d.ts +2 -0
  100. package/lib/LmTable/components/Item/components/Action/index.js +13 -0
  101. package/lib/LmTable/components/Item/components/Handle/index.d.ts +4 -0
  102. package/lib/LmTable/components/Item/components/Handle/index.js +27 -0
  103. package/lib/LmTable/components/Item/components/Remove/index.d.ts +2 -0
  104. package/lib/LmTable/components/Item/components/Remove/index.js +27 -0
  105. package/lib/LmTable/components/Item/components/index.d.ts +3 -0
  106. package/lib/LmTable/components/Item/components/index.js +31 -0
  107. package/lib/LmTable/components/Item/index.d.ts +2 -0
  108. package/lib/LmTable/components/Item/index.js +33 -0
  109. package/lib/LmTable/components/{sortableBoxCol.js → SortableBox.js} +0 -0
  110. package/lib/LmTable/hooks/useDndItems.d.ts +13 -0
  111. package/lib/LmTable/hooks/useDndItems.js +168 -0
  112. package/lib/LmTable/multipleContainersKeyboardCoordinates.d.ts +3 -0
  113. package/lib/LmTable/multipleContainersKeyboardCoordinates.js +126 -0
  114. package/lib/LmTable/style/index.css +1 -2
  115. package/lib/LmTable/style/variables.css +1 -2
  116. package/lib/LmTable/testDemos/group.js +131 -0
  117. package/lib/LmUpload/UploadList/ItemPictureCard.js +2 -9
  118. package/lib/LmUpload/UploadList/index.js +3 -6
  119. package/lib/LmUpload/fns/index.d.ts +1 -0
  120. package/lib/LmUpload/fns/index.js +17 -2
  121. package/lib/index.d.ts +1 -0
  122. package/lib/styles/variables.css +10 -2
  123. package/package.json +4 -4
  124. package/dist/LmTable/components/sortableItemCol.d.ts +0 -1
  125. package/es/LmTable/components/sortableItemCol.js +0 -56
  126. package/lib/LmTable/components/sortableItemCol.js +0 -56
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- declare const _default: React.ForwardRefExoticComponent<Pick<{
3
- [x: string]: any;
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
- } & ILmEditTable;
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
- } & ILmEditTable & React.RefAttributes<unknown>>>;
53
+ } & React.RefAttributes<CountdownHandle>>>;
44
54
  export default _default;
@@ -0,0 +1,10 @@
1
+ /**
2
+ * 查找单极树节点
3
+ * @param tree
4
+ * @param func
5
+ * @param options
6
+ * @returns
7
+ */
8
+ export declare const treeFind: (tree: any[] | Object, func: (node: any) => boolean, options?: any) => any;
9
+ declare const _default: {};
10
+ 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>>;
@@ -0,0 +1,2 @@
1
+ export { Container } from './Container';
2
+ export type { Props as ContainerProps } from './Container';
@@ -1,5 +1,37 @@
1
- declare const DndContainer: ({ children, move }: {
2
- children: any;
3
- move: any;
4
- }) => JSX.Element;
5
- export default DndContainer;
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>>;
@@ -0,0 +1,2 @@
1
+ export { Action } from './Action';
2
+ export type { Props as ActionProps } from './Action';
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { ActionProps } from '../Action';
3
+ declare const Handle: React.ForwardRefExoticComponent<ActionProps & React.RefAttributes<HTMLButtonElement>>;
4
+ export default Handle;
@@ -0,0 +1,2 @@
1
+ import { ActionProps } from '../Action';
2
+ export default function Remove(props: ActionProps): JSX.Element;
@@ -0,0 +1,3 @@
1
+ export { Action } from './Action';
2
+ export { default as Handle } from './Handle';
3
+ export { default as Remove } from './Remove';
@@ -0,0 +1,2 @@
1
+ export { Item } from './Item';
2
+ export { Action, Handle, Remove } from './components';
@@ -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;
@@ -0,0 +1,3 @@
1
+ import { KeyboardCoordinateGetter } from '@dnd-kit/core';
2
+ declare const coordinateGetter: KeyboardCoordinateGetter;
3
+ export default coordinateGetter;
@@ -0,0 +1,2 @@
1
+ export default App;
2
+ declare function App(): JSX.Element;
@@ -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';
@@ -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 */