@aiquants/drag-drop-panels 0.7.2 → 0.8.0
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/LICENSE +21 -0
- package/README.md +32 -10
- package/dist/drag-drop/hooks/useCustomDragHandlers.d.ts.map +1 -1
- package/dist/index.es.js +88 -88
- package/dist/index.umd.js +2 -2
- package/dist/styles/drag-drop-panels.standalone.css +3 -0
- package/package.json +11 -4
- package/src/DragDropLayout.tsx +751 -0
- package/src/drag-drop/ColumnControlPanel.tsx +123 -0
- package/src/drag-drop/ColumnInsertPanel.tsx +106 -0
- package/src/drag-drop/DebugComponents.tsx +222 -0
- package/src/drag-drop/DebugControlPanel.tsx +200 -0
- package/src/drag-drop/DebugOverlay.tsx +250 -0
- package/src/drag-drop/DragDropLayout.css +130 -0
- package/src/drag-drop/ResizeHandle.tsx +208 -0
- package/src/drag-drop/ResponsiveControl.tsx +33 -0
- package/src/drag-drop/hooks/dragGhostScale.spec.tsx +153 -0
- package/src/drag-drop/hooks/useColumnLayout.ts +457 -0
- package/src/drag-drop/hooks/useCustomDragHandlers.tsx +333 -0
- package/src/drag-drop/hooks/useDragDropColumns.tsx +446 -0
- package/src/drag-drop/hooks/useDragDropState.tsx +200 -0
- package/src/drag-drop/hooks/useFitScale.ts +48 -0
- package/src/drag-drop/hooks/useMouseTracking.tsx +102 -0
- package/src/drag-drop/hooks/useNormalDragHandlers.tsx +427 -0
- package/src/drag-drop/hooks/usePanelManagement.tsx +238 -0
- package/src/drag-drop/hooks/useResponsiveColumns.ts +210 -0
- package/src/drag-drop/resize-handle.css +71 -0
- package/src/drag-drop/types.ts +248 -0
- package/src/drag-drop/utils/columnIdUtils.ts +104 -0
- package/src/drag-drop/utils/edgeScrollUtils.ts +124 -0
- package/src/drag-drop/utils/simple-logger.ts +162 -0
- package/src/index.ts +60 -0
- package/src/styles/standalone.entry.css +27 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/*! @aiquants/drag-drop-panels standalone CSS — 非 Tailwind ホスト専用。ホストの Tailwind ビルドと混在させないこと */
|
|
2
|
+
/*
|
|
3
|
+
* Artifact B: 構造系 CSS (DragDropLayout.css / resize-handle.css) と JSX ユーティリティを
|
|
4
|
+
* 単一ビルドで自己完結生成する。Tailwind ホストは構造系を "./css" export、
|
|
5
|
+
* ユーティリティをホスト側 @source で取得すること (この standalone は使わない)。
|
|
6
|
+
*/
|
|
7
|
+
@layer theme, base, components, utilities;
|
|
8
|
+
@import "tailwindcss/theme.css" layer(theme);
|
|
9
|
+
@import "tailwindcss/utilities.css" layer(utilities) source(none);
|
|
10
|
+
@import "../drag-drop/DragDropLayout.css" layer(components);
|
|
11
|
+
@import "../drag-drop/resize-handle.css" layer(components);
|
|
12
|
+
@source "../**/*.{ts,tsx}";
|
|
13
|
+
@custom-variant dark (&:where(.dark, .dark *));
|
|
14
|
+
|
|
15
|
+
/*
|
|
16
|
+
* スタンドアロン利用時の radius / ブレークポイント既定値 (var fallback 付きでホスト上書き可)。
|
|
17
|
+
*/
|
|
18
|
+
@theme {
|
|
19
|
+
--breakpoint-sm: 640px;
|
|
20
|
+
--breakpoint-md: 768px;
|
|
21
|
+
--breakpoint-lg: 1024px;
|
|
22
|
+
--breakpoint-xl: 1280px;
|
|
23
|
+
--breakpoint-2xl: 1536px;
|
|
24
|
+
--radius-lg: var(--radius, 0.5rem);
|
|
25
|
+
--radius-md: calc(var(--radius, 0.5rem) - 2px);
|
|
26
|
+
--radius-sm: calc(var(--radius, 0.5rem) - 4px);
|
|
27
|
+
}
|