@fangzhongya/fang-ui 0.0.10 → 0.0.12

package/dist/components/index.css

@@ -63,65 +63,65 @@
   margin: 10px;
 }
 
-.box {
+.box-adjust {
   position: fixed;
-  width: 100%;
-  height: 100%;
+  width: 100vw;
+  height: 100vh;
   z-index: 1000;
   top: 0;
   left: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
 }
-.box .box-body {
-  position: relative;
+.box-adjust .box-adjust-body {
+  position: absolute;
+  top: 30%;
+  left: 30%;
   z-index: 100;
   background: #fff;
-  min-width: 30%;
-  min-height: 20%;
-  max-height: 90%;
+  width: 40%;
+  height: 40%;
   display: flex;
   flex-direction: column;
 }
-.box .box-body .box-body-div {
+.box-adjust .box-adjust-body .box-adjust-body-div {
   flex: 1;
   overflow-y: auto;
   padding: 20px;
 }
-.box .box-body.popup-center .box-body-div {
+.box-adjust .box-adjust-body.popup-center .box-adjust-body-div {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
 
-.box-adjust {
+.box {
   position: fixed;
-  width: 100vw;
-  height: 100vh;
+  width: 100%;
+  height: 100%;
   z-index: 1000;
   top: 0;
   left: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
-.box-adjust .box-adjust-body {
-  position: absolute;
-  top: 30%;
-  left: 30%;
+.box .box-body {
+  position: relative;
   z-index: 100;
   background: #fff;
-  width: 40%;
-  height: 40%;
+  min-width: 30%;
+  min-height: 20%;
+  max-height: 90%;
   display: flex;
   flex-direction: column;
 }
-.box-adjust .box-adjust-body .box-adjust-body-div {
+.box .box-body .box-body-div {
   flex: 1;
   overflow-y: auto;
   padding: 20px;
 }
-.box-adjust .box-adjust-body.popup-center .box-adjust-body-div {
+.box .box-body.popup-center .box-body-div {
   display: flex;
   flex-direction: column;
   align-items: center;

package/dist/components/index.scss

@@ -1,10 +1,10 @@
 @use './cs-title/index.scss' as *;
 @use './drawer/index.scss' as *;
-@use './box/index.scss' as *;
 @use './box-adjust/index.scss' as *;
 @use './box-local/index.scss' as *;
 @use './box-mask/index.scss' as *;
 @use './box-title/index.scss' as *;
+@use './box/index.scss' as *;
 @use './popup/index.scss' as *;
 @use './window/index.scss' as *;
 @use './global-config/index.scss' as *;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { App } from 'vue';
-export * from './packages/components/packages/index';
-export * from './packages/directives/packages/index';
+export * from './components/index';
+export * from './directives/index';
 declare const _default: {
     install: (app: App) => void;
 };

package/dist/theme/box/index.scss

@@ -0,0 +1,44 @@
+// @use '../common.scss' as *;
+
+// @use '../box-mask/index.scss' as *;
+// @use '../box-title/index.scss' as *;
+
+@use '../common.scss' as *;
+@use '../box-mask/index.scss' as *;
+@use '../box-title/index.scss' as *;
+
+.#{$namespace}box {
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	z-index: 1000;
+	top: 0;
+	left: 0;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	.#{$namespace}box-body {
+		position: relative;
+		z-index: 100;
+		background: #fff;
+		min-width: 30%;
+		min-height: 20%;
+		max-height: 90%;
+		display: flex;
+		flex-direction: column;
+		.#{$namespace}box-body-div {
+			flex: 1;
+			overflow-y: auto;
+			padding: 20px;
+		}
+		&.popup-center {
+			.#{$namespace}box-body-div {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+			}
+		}
+	}
+}

package/dist/theme/box-adjust/index.scss

@@ -0,0 +1,41 @@
+// @use '../common.scss' as *;
+
+// @use '../box-mask/index.scss' as *;
+// @use '../box-title/index.scss' as *;
+
+@use '../common.scss' as *;
+@use '../box-mask/index.scss' as *;
+@use '../box-title/index.scss' as *;
+
+.#{$namespace}box-adjust {
+	position: fixed;
+	width: 100vw;
+	height: 100vh;
+	z-index: 1000;
+	top: 0;
+	left: 0;
+	.#{$namespace}box-adjust-body {
+		position: absolute;
+		top: 30%;
+		left: 30%;
+		z-index: 100;
+		background: #fff;
+		width: 40%;
+		height: 40%;
+		display: flex;
+		flex-direction: column;
+		.box-adjust-body-div {
+			flex: 1;
+			overflow-y: auto;
+			padding: 20px;
+		}
+		&.popup-center {
+			.#{$namespace}box-adjust-body-div {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+			}
+		}
+	}
+}

package/dist/theme/box-local/index.scss

@@ -0,0 +1,6 @@
+@use '../common.scss' as *;
+@use '../box/index.scss' as *;
+
+.#{$namespace}box-local {
+	text-align: left;
+}

package/dist/theme/box-mask/index.scss

@@ -0,0 +1,14 @@
+// @use '../common.scss' as *;
+@use '../common.scss' as *;
+
+.#{$namespace}box-mask {
+	display: block;
+	opacity: 0.5;
+	z-index: 0;
+	position: fixed;
+	top: 0;
+	right: 0;
+	left: 0;
+	bottom: 0;
+	background: rgba(2, 28, 39, 0.4);
+}

package/dist/theme/box-title/index.scss

@@ -0,0 +1,26 @@
+// @use '../common.scss' as *;
+@use '../common.scss' as *;
+
+.#{$namespace}box-title {
+	padding: 10px;
+	position: relative;
+	background-color: #467ddc;
+	color: #fff;
+	align-items: center;
+	display: flex;
+	.#{$namespace}box-title-name {
+		flex: 1;
+	}
+	.#{$namespace}box-title-close {
+		right: 10px;
+		font-size: 18px;
+		display: flex;
+		align-items: center;
+		i {
+			width: 20px;
+			height: 20px;
+			margin: 0 4px;
+			cursor: pointer;
+		}
+	}
+}

package/dist/theme/common.scss

@@ -0,0 +1,16 @@
+@use 'sass:map';
+
+$alias: '';
+$namespace: '' !default;
+
+@if $alias != '' {
+	$namespace: $alias + '-';
+}
+
+.#{$namespace}com {
+	font-size: 20px;
+}
+
+// .com-alert {
+// 	text-align: left;
+// }

package/dist/theme/cs-title/index.scss

@@ -0,0 +1,17 @@
+// @use '../common.scss' as *;
+@use '../common.scss' as *;
+
+.#{$namespace}cs-title {
+	margin: 10px;
+	padding: 10px;
+	width: 200px;
+	height: 200px;
+	border: 1px solid rgb(0, 255, 145);
+}
+.dom {
+	width: 200px;
+	display: flex;
+}
+.d {
+	border: 1px solid #f00;
+}

package/dist/theme/drawer/index.scss

@@ -0,0 +1,13 @@
+// @use '../common.scss' as *;
+
+// @use '../box-mask/index.scss' as *;
+// @use '../box-title/index.scss' as *;
+@use './src/cs.scss' as *;
+
+@use '../common.scss' as *;
+@use '../box-mask/index.scss' as *;
+@use '../box-title/index.scss' as *;
+
+.#{$namespace}drawer {
+	margin: 10px;
+}

package/dist/theme/drawer/src/cs.scss

@@ -0,0 +1,12 @@
+// @use '../../common.scss' as *;
+
+// @use '../../box-mask/index.scss' as *;
+// @use '../../box-title/index.scss' as *;
+
+@use '../../common.scss' as *;
+@use '../../box-mask/index.scss' as *;
+@use '../../box-title/index.scss' as *;
+
+.cs {
+	text-align: center;
+}

package/dist/theme/global-config/index.scss

@@ -0,0 +1,10 @@
+// @use '../common.scss' as *;
+
+// @use 'drawer/src/index.scss' as *;
+
+@use '../common.scss' as *;
+@use '../drawer/index.scss' as *;
+
+.#{$namespace}global-config {
+	left: 0;
+}

package/dist/theme/index.scss

@@ -0,0 +1,10 @@
+@use './cs-title/index.scss' as *;
+@use './drawer/index.scss' as *;
+@use './box-adjust/index.scss' as *;
+@use './box-local/index.scss' as *;
+@use './box-mask/index.scss' as *;
+@use './box-title/index.scss' as *;
+@use './box/index.scss' as *;
+@use './popup/index.scss' as *;
+@use './window/index.scss' as *;
+@use './global-config/index.scss' as *;

package/dist/theme/popup/index.scss

@@ -0,0 +1,55 @@
+// @use '../common.scss' as *;
+
+// @use '../box-mask/index.scss' as *;
+// @use '../box-title/index.scss' as *;
+
+@use '../common.scss' as *;
+@use '../box-mask/index.scss' as *;
+@use '../box-title/index.scss' as *;
+
+.#{$namespace}popup {
+	position: fixed;
+	width: 100vw;
+	height: 100vh;
+	z-index: 1000;
+	top: 0;
+	left: 0;
+	.popup-body {
+		position: absolute;
+		top: 30%;
+		left: 30%;
+		z-index: 100;
+		background: #fff;
+		width: 40%;
+		height: 40%;
+		display: flex;
+		flex-direction: column;
+		.popup-body-div {
+			flex: 1;
+			overflow-y: auto;
+			padding: 20px;
+		}
+	}
+	&.popup-center {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		.popup-body {
+			position: relative;
+			width: initial;
+			top: initial;
+			left: initial;
+			height: initial;
+			min-width: 30%;
+			min-height: 20%;
+			max-height: 90%;
+			.popup-body-div {
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				justify-content: center;
+			}
+		}
+	}
+}

package/dist/theme/window/index.scss

@@ -0,0 +1,56 @@
+// @use '../common.scss' as *;
+
+// @use '../box-mask/index.scss' as *;
+// @use '../box-title/index.scss' as *;
+
+@use '../common.scss' as *;
+@use '../box-mask/index.scss' as *;
+@use '../box-title/index.scss' as *;
+
+.#{$namespace}window {
+	position: fixed;
+	width: 100vw;
+	height: 100vh;
+	z-index: 1000;
+	top: 0;
+	left: 0;
+	.window-body {
+		position: absolute;
+		top: 30%;
+		left: 30%;
+		z-index: 100;
+		background: #fff;
+		width: 40%;
+		height: 40%;
+		display: flex;
+		flex-direction: column;
+		.window-title {
+			.com-title-close {
+				i {
+					width: 20px;
+					height: 20px;
+					margin: 0 4px;
+					cursor: pointer;
+				}
+			}
+		}
+		.window-body-div {
+			flex: 1;
+			overflow-y: auto;
+			padding: 20px;
+		}
+		&.max {
+			width: 100vw !important;
+			height: 100vh !important;
+			top: initial !important;
+			left: initial !important;
+
+			&::-webkit-scrollbar {
+				width: 0 !important;
+			}
+		}
+	}
+	// &.min {
+	// 	display: none;
+	// }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.0.10",
+  "version": "0.0.12",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -24,12 +24,12 @@
     "fangui": "bin/fang-ui.js"
   },
   "dependencies": {
-    "@fangzhongya/utils": "0.0.9",
+    "@fangzhongya/utils": "0.0.11",
     "axios": "^1.9.0",
     "element-plus": "^2.9.10"
   },
   "devDependencies": {
-    "@fangzhongya/create": "0.2.21",
+    "@fangzhongya/create": "0.2.23",
     "@types/node": "^22.15.18",
     "@vitejs/plugin-vue": "^5.2.4",
     "fast-glob": "^3.3.3",
@@ -44,14 +44,14 @@
     "vitest": "^3.1.3",
     "vue": "^3.5.14",
     "vue-tsc": "^2.2.10",
+    "@fang-ui/components": "0.0.1-0",
+    "@fang-ui/hooks": "0.0.1-0",
     "@fang-ui/icons": "0.0.1-0",
+    "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/locale": "0.0.1-0",
-    "@fang-ui/hooks": "0.0.1-0",
-    "@fang-ui/components": "0.0.1-0",
-    "@fang-ui/utils": "0.0.1-0",
     "@fang-ui/theme": "0.0.1-0",
-    "@fang-ui/directives": "0.0.1-0",
-    "@fang-ui/types": "0.0.1-0"
+    "@fang-ui/types": "0.0.1-0",
+    "@fang-ui/utils": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -94,11 +94,11 @@
     "docs:dev": "pnpm -C docs docs:dev",
     "docs:build": "pnpm -C docs docs:build",
     "docs:preview": "pnpm -C docs docs:preview",
-    "build": "cd packages/components & pnpm dev & cd ../../ & vue-tsc && vite build",
-    "build:scss": "pnpm build & cd packages/components & pnpm build & cd ../../",
+    "build": "vue-tsc && vite build",
+    "build:scss": "cd packages/components & pnpm dev & cd ../../ & pnpm build & cd packages/components & pnpm build & cd ../../",
     "build:tsup": "pnpm dev:exp & tsup",
     "build:archive": "pnpm run -C archive build",
-    "build:all": "pnpm build:scss & pnpm build:tsup",
+    "build:all": "pnpm build:scss & pnpm build:tsup & cd packages/theme & pnpm move & cd ../../",
     "lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx --max-warnings 0 --cache",
     "pub": "pnpm publish --access public --no-git-checks",
     "all": "pnpm build:all & pnpm dev:v & pnpm pub"