@kangtae49/just-layout 0.0.3

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 (6) hide show
  1. package/README.md +103 -0
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.es.js +18688 -0
  4. package/dist/index.umd.js +653 -0
  5. package/dist/just-layout.css +1 -0
  6. package/package.json +57 -0
package/dist/just-layout.css ADDED
@@ -0,0 +1 @@
1
+ .just-layout{width:100%;height:100%;background-color:#272d30;--layout-bg-color: #272d30;--title-bg-color: #191a1c;--title-font-color: rgb(255, 255, 255, .7);--splitter-border-color1: #1e1f22;--splitter-border-color2: #1e1f22;--splitter-bg-color: #1e1f22;overflow:hidden}.just-node{display:flex;flex:1;width:100%;height:100%}.just-win{display:flex;flex-direction:column;flex:1;width:100%;height:100%}.just-win .just-win-title{flex:0 0 40px;display:flex;box-sizing:border-box}.just-win .just-win-body{flex:1;min-height:0;width:100%;height:100%}.just-win-title .just-title-list{flex:1;overflow-x:overlay;display:flex;box-sizing:border-box;height:100%}.just-win-title .just-title-list:hover{padding-bottom:0}.just-title-list::-webkit-scrollbar{height:4px}.just-title-list::-webkit-scrollbar-thumb{background:#4d4d4d;background-clip:padding-box}.just-title-list::-webkit-scrollbar-thumb:hover{background:#ffc233}.just-title-list::-webkit-scrollbar-track{background:transparent}.just-win-title .just-title-menus{display:flex;align-items:center;padding-right:3px}.just-title-menus .just-menu-item.active{background-color:#3574f066}.just-title-menu{flex:0 0 26px;height:26px;display:flex;align-items:center;justify-content:center;padding:3px;border-radius:3px;box-sizing:border-box}.just-title-menu:hover{background-color:#ffffff1a}.just-title-menu svg{color:#fff}.just-layout .just-column{display:flex;flex-direction:column;width:100%;height:100%}.just-layout .just-row{display:flex;flex-direction:row;width:100%;height:100%}.just-layout .just-first,.just-layout .just-second{display:flex;overflow:hidden}.just-layout .just-primary{flex-grow:0;flex-shrink:0;min-width:0}.just-layout .just-secondary{flex:1}.just-layout .just-splitter{flex:0 0 3px;padding:0;margin:0;box-sizing:border-box}.just-row>.just-splitter{cursor:ew-resize}.just-column>.just-splitter{cursor:ns-resize}.dragging{cursor:move;border:1px dashed gray;box-sizing:border-box}.just-win-title{display:flex;background-color:var(--title-bg-color)}.just-draggable-title{display:flex;margin:0;padding:4px;height:36px;align-items:center;white-space:nowrap;background-color:var(--title-bg-color);color:var(--title-font-color);font-size:12px;border-top:4px solid transparent;box-sizing:border-box}.just-draggable-title.just-active{border-top:4px solid #008080;border-left:1px solid #43454a;border-right:1px solid #43454a;border-bottom:1px solid #43454a;box-sizing:border-box;background-color:#2b2d30}.just-draggable-title:hover{background-color:#2b2d30}.just-draggable-title.last-active{background:linear-gradient(135deg,#174aaeb3,#08186acc)}.just-draggable-title .just-icon{display:flex;flex:0 0 25px;align-items:center;justify-content:center}.just-icon svg{width:16px;height:16px}.just-close:hover svg{color:#fff}.just-draggable-title .just-title{flex:1;height:100%;display:flex;align-items:center}.just-draggable-title.just-title-menus .szh-menu svg{color:#ffc233}.just-title-menus .szh-menu-container{display:flex;background-color:#2b2d30}.just-title-menus .szh-menu{background-color:#2b2d30;color:#fff;padding:5px;border:1px solid #393b40;display:flex;flex-direction:column;justify-content:center;outline:none;z-index:99999!important}.just-title-menus .szh-menu__item{background-color:#2b2d30;flex:0 0 26px;display:flex;font-size:12px;border-radius:3px;padding:0;outline:none}.just-title-menus .szh-menu__item:hover{background-color:#3574f066}.just-menu-item{display:flex;margin:0;padding:3px;height:100%;align-items:center;white-space:nowrap;background-color:var(--title-bg-color);color:var(--title-font-color);font-size:12px;box-sizing:border-box}.just-menu-item.just-active{border-bottom:4px solid #3574f0;box-sizing:border-box}.just-menu-item .just-icon{display:flex;flex:0 0 25px;align-items:center;justify-content:center}.just-icon svg{width:16px;height:16px;color:#ffffff4d}.just-menu-item .just-title{flex:1;height:100%;display:flex;align-items:center}.just-menu-item>div{height:100%}.just-overlay{position:absolute;z-index:9999;background-color:#00000080;pointer-events:none}
package/package.json ADDED
@@ -0,0 +1,57 @@
1
+ {
2
+ "name": "@kangtae49/just-layout",
3
+ "private": false,
4
+ "version": "0.0.3",
5
+ "type": "module",
6
+ "files": [
7
+ "dist"
8
+ ],
9
+ "main": "./dist/index.umd.cjs",
10
+ "module": "./dist/index.js",
11
+ "types": "./dist/index.d.ts",
12
+ "exports": {
13
+ ".": {
14
+ "types": "./dist/index.d.ts",
15
+ "import": "./dist/index.es.js",
16
+ "require": "./dist/index.umd.js"
17
+ },
18
+ "./style.css": "./dist/just-layout.css"
19
+ },
20
+ "dependencies": {
21
+ "@fortawesome/free-solid-svg-icons": "^7.1.0",
22
+ "@fortawesome/react-fontawesome": "^3.1.1",
23
+ "@szhsin/react-menu": "^4.5.1",
24
+ "classnames": "^2.5.1",
25
+ "immutability-helper": "^3.1.1",
26
+ "inversify": "^7.11.0",
27
+ "lodash": "^4.17.23",
28
+ "mobx-react-lite": "^4.1.1",
29
+ "react": "^19.2.0",
30
+ "react-dnd": "^16.0.1",
31
+ "react-dnd-html5-backend": "^16.0.1",
32
+ "react-dom": "^19.2.0"
33
+ },
34
+ "devDependencies": {
35
+ "@eslint/js": "^9.39.1",
36
+ "@types/lodash": "^4.17.23",
37
+ "@types/node": "^24.10.1",
38
+ "@types/react": "^19.2.5",
39
+ "@types/react-dom": "^19.2.3",
40
+ "@vitejs/plugin-react": "^5.1.1",
41
+ "@vitejs/plugin-react-swc": "^4.2.2",
42
+ "eslint": "^9.39.1",
43
+ "eslint-plugin-react-hooks": "^7.0.1",
44
+ "eslint-plugin-react-refresh": "^0.4.24",
45
+ "globals": "^16.5.0",
46
+ "typescript": "~5.9.3",
47
+ "typescript-eslint": "^8.46.4",
48
+ "vite": "^7.2.4",
49
+ "vite-plugin-dts": "^4.5.4"
50
+ },
51
+ "scripts": {
52
+ "dev": "vite",
53
+ "build": "tsc -b && vite build",
54
+ "lint": "eslint .",
55
+ "preview": "vite preview"
56
+ }
57
+ }