hy-dispatch-ui-v3 0.1.6 → 0.2.0

package/README.md

@@ -1,3 +1,50 @@
 # hy-dispatch-ui-v3
 
 > 微前端指挥调度台v3版的UI组件库
+
+## 开发
+
+### 运行环境
+
+```
+node >= 22.22.1
+```
+
+### 安装依赖
+
+```bash
+$ pnpm i
+```
+
+### 运行命令
+
+```bash
+# 组件库运行开发调试
+$ npm run dev
+
+# 文档运行开发调试
+$ npm run docs:dev
+```
+
+### 打包
+
+```bash
+# 组件库构建打包
+$ npm run compile
+
+# 文档构建打包
+$ npm run docs:build
+```
+
+### 代码规范格式化
+
+```bash
+# 组件库代码格式化
+$ npm run prettier
+```
+
+### 生成新组件
+
+```bash
+$ npm run create:comp
+```

package/dist/tailwind.css

@@ -616,6 +616,18 @@ video {
   position: sticky;
 }
 
+.\!right-\[43px\] {
+  right: 43px !important;
+}
+
+.-left-1 {
+  left: -0.25rem;
+}
+
+.-left-1\.5 {
+  left: -0.375rem;
+}
+
 .left-0 {
   left: 0px;
 }
@@ -624,6 +636,18 @@ video {
   left: 1rem;
 }
 
+.right-0 {
+  right: 0px;
+}
+
+.right-1\/2 {
+  right: 50%;
+}
+
+.right-3 {
+  right: 0.75rem;
+}
+
 .right-4 {
   right: 1rem;
 }
@@ -640,14 +664,45 @@ video {
   z-index: 1;
 }
 
+.z-\[3\] {
+  z-index: 3;
+}
+
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
+
+.my-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.my-1\.5 {
+  margin-top: 0.375rem;
+  margin-bottom: 0.375rem;
+}
+
+.-mt-0\.5 {
+  margin-top: -0.125rem;
+}
+
 .mb-1\.5 {
   margin-bottom: 0.375rem;
 }
 
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
+
 .mb-4 {
   margin-bottom: 1rem;
 }
 
+.mb-\[14px\] {
+  margin-bottom: 14px;
+}
+
 .mb-\[26px\] {
   margin-bottom: 26px;
 }
@@ -656,6 +711,10 @@ video {
   margin-left: 0.25rem;
 }
 
+.ml-1\.5 {
+  margin-left: 0.375rem;
+}
+
 .ml-2 {
   margin-left: 0.5rem;
 }
@@ -664,10 +723,18 @@ video {
   margin-left: 0.75rem;
 }
 
+.ml-\[4px\] {
+  margin-left: 4px;
+}
+
 .ml-auto {
   margin-left: auto;
 }
 
+.mr-1 {
+  margin-right: 0.25rem;
+}
+
 .mr-1\.5 {
   margin-right: 0.375rem;
 }
@@ -676,10 +743,30 @@ video {
   margin-right: 0.5rem;
 }
 
+.mt-0\.5 {
+  margin-top: 0.125rem;
+}
+
+.mt-1 {
+  margin-top: 0.25rem;
+}
+
+.mt-2 {
+  margin-top: 0.5rem;
+}
+
+.mt-2\.5 {
+  margin-top: 0.625rem;
+}
+
 .mt-3 {
   margin-top: 0.75rem;
 }
 
+.mt-4 {
+  margin-top: 1rem;
+}
+
 .mt-\[10px\] {
   margin-top: 10px;
 }
@@ -708,6 +795,10 @@ video {
   display: flex;
 }
 
+.inline-flex {
+  display: inline-flex;
+}
+
 .table {
   display: table;
 }
@@ -724,10 +815,30 @@ video {
   height: 0.75rem !important;
 }
 
+.\!h-4 {
+  height: 1rem !important;
+}
+
+.\!h-5 {
+  height: 1.25rem !important;
+}
+
+.\!h-\[12px\] {
+  height: 12px !important;
+}
+
 .\!h-\[20px\] {
   height: 20px !important;
 }
 
+.\!h-\[24px\] {
+  height: 24px !important;
+}
+
+.\!h-\[40px\] {
+  height: 40px !important;
+}
+
 .\!h-\[46px\] {
   height: 46px !important;
 }
@@ -736,10 +847,30 @@ video {
   height: 0px;
 }
 
+.h-3 {
+  height: 0.75rem;
+}
+
+.h-4 {
+  height: 1rem;
+}
+
 .h-\[12px\] {
   height: 12px;
 }
 
+.h-\[16px\] {
+  height: 16px;
+}
+
+.h-\[22px\] {
+  height: 22px;
+}
+
+.h-\[30px\] {
+  height: 30px;
+}
+
 .h-\[32px\] {
   height: 32px;
 }
@@ -756,14 +887,30 @@ video {
   height: 38px;
 }
 
+.h-\[42px\] {
+  height: 42px;
+}
+
+.h-\[44px\] {
+  height: 44px;
+}
+
 .h-\[45px\] {
   height: 45px;
 }
 
+.h-\[48px\] {
+  height: 48px;
+}
+
 .h-\[500px\] {
   height: 500px;
 }
 
+.h-\[54px\] {
+  height: 54px;
+}
+
 .h-full {
   height: 100%;
 }
@@ -780,10 +927,34 @@ video {
   width: 0.75rem !important;
 }
 
+.\!w-4 {
+  width: 1rem !important;
+}
+
+.\!w-5 {
+  width: 1.25rem !important;
+}
+
+.\!w-\[12px\] {
+  width: 12px !important;
+}
+
 .\!w-\[20px\] {
   width: 20px !important;
 }
 
+.\!w-\[24px\] {
+  width: 24px !important;
+}
+
+.\!w-\[37\%\] {
+  width: 37% !important;
+}
+
+.\!w-\[40px\] {
+  width: 40px !important;
+}
+
 .\!w-\[46px\] {
   width: 46px !important;
 }
@@ -792,6 +963,14 @@ video {
   width: 0px;
 }
 
+.w-0\.5 {
+  width: 0.125rem;
+}
+
+.w-4 {
+  width: 1rem;
+}
+
 .w-5 {
   width: 1.25rem;
 }
@@ -800,18 +979,34 @@ video {
   width: 12px;
 }
 
-.w-\[160px\] {
-  width: 160px;
+.w-\[16px\] {
+  width: 16px;
 }
 
-.w-\[200px\] {
-  width: 200px;
+.w-\[22px\] {
+  width: 22px;
 }
 
 .w-\[30px\] {
   width: 30px;
 }
 
+.w-\[32px\] {
+  width: 32px;
+}
+
+.w-\[40px\] {
+  width: 40px;
+}
+
+.w-\[42px\] {
+  width: 42px;
+}
+
+.w-\[54px\] {
+  width: 54px;
+}
+
 .w-full {
   width: 100%;
 }
@@ -824,6 +1019,10 @@ video {
   min-width: 120px !important;
 }
 
+.min-w-full {
+  min-width: 100%;
+}
+
 .max-w-\[300px\] {
   max-width: 300px;
 }
@@ -836,6 +1035,10 @@ video {
   flex-shrink: 1;
 }
 
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+
 .flex-grow {
   flex-grow: 1;
 }
@@ -844,6 +1047,11 @@ video {
   border-collapse: collapse;
 }
 
+.-translate-x-full {
+  --tw-translate-x: -100%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .-translate-y-1\/2 {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -901,6 +1109,10 @@ video {
   align-items: center;
 }
 
+.justify-end {
+  justify-content: flex-end;
+}
+
 .\!justify-center {
   justify-content: center !important;
 }
@@ -933,6 +1145,11 @@ video {
   gap: 10px;
 }
 
+.gap-x-6 {
+  -moz-column-gap: 1.5rem;
+       column-gap: 1.5rem;
+}
+
 .overflow-hidden {
   overflow: hidden;
 }
@@ -961,6 +1178,14 @@ video {
   border-radius: 4px;
 }
 
+.rounded-\[6px\] {
+  border-radius: 6px;
+}
+
+.rounded-full {
+  border-radius: 9999px;
+}
+
 .rounded-md {
   border-radius: 0.375rem;
 }
@@ -973,6 +1198,14 @@ video {
   border-width: 0px;
 }
 
+.border-\[1px\] {
+  border-width: 1px;
+}
+
+.border-\[2px\] {
+  border-width: 2px;
+}
+
 .border-b {
   border-bottom-width: 1px;
 }
@@ -985,10 +1218,18 @@ video {
   border-right-width: 1px;
 }
 
+.border-t {
+  border-top-width: 1px;
+}
+
 .border-solid {
   border-style: solid;
 }
 
+.border-dashed {
+  border-style: dashed;
+}
+
 .\!border-border {
   --tw-border-opacity: 1 !important;
   border-color: rgb(var(--hy-border), var(--tw-border-opacity, 1)) !important;
@@ -999,6 +1240,10 @@ video {
   border-color: rgb(var(--hy-theme), var(--tw-border-opacity, 1)) !important;
 }
 
+.border-\[rgba\(var\(--hy-theme\)\2c 0\.5\)\] {
+  border-color: rgba(var(--hy-theme),0.5);
+}
+
 .border-background-3 {
   --tw-border-opacity: 1;
   border-color: rgb(var(--hy-background-3), var(--tw-border-opacity, 1));
@@ -1009,20 +1254,44 @@ video {
   border-color: rgb(var(--hy-border), var(--tw-border-opacity, 1));
 }
 
+.border-theme {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--hy-theme), var(--tw-border-opacity, 1));
+}
+
+.border-transparent {
+  border-color: transparent;
+}
+
 .\!bg-background {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(var(--hy-background), var(--tw-bg-opacity, 1)) !important;
 }
 
+.bg-\[\#3D6286\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(61 98 134 / var(--tw-bg-opacity, 1));
+}
+
 .bg-\[rgba\(var\(--hy-theme\)\2c 0\.2\)\] {
   background-color: rgba(var(--hy-theme),0.2);
 }
 
+.bg-background {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--hy-background), var(--tw-bg-opacity, 1));
+}
+
 .bg-background-2 {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--hy-background-2), var(--tw-bg-opacity, 1));
 }
 
+.bg-background-3 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--hy-background-3), var(--tw-bg-opacity, 1));
+}
+
 .bg-info {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--hy-info), var(--tw-bg-opacity, 1));
@@ -1037,6 +1306,11 @@ video {
   background-color: rgb(var(--hy-success), 0.5);
 }
 
+.bg-theme {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--hy-theme), var(--tw-bg-opacity, 1));
+}
+
 .\!p-0 {
   padding: 0px !important;
 }
@@ -1045,6 +1319,10 @@ video {
   padding: 1.5rem;
 }
 
+.p-\[10px\] {
+  padding: 10px;
+}
+
 .p-\[1px\] {
   padding: 1px;
 }
@@ -1058,6 +1336,11 @@ video {
   padding-right: 0.375rem;
 }
 
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -1068,6 +1351,11 @@ video {
   padding-right: 1rem;
 }
 
+.px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
+
 .px-\[10px\] {
   padding-left: 10px;
   padding-right: 10px;
@@ -1078,11 +1366,21 @@ video {
   padding-right: 14px;
 }
 
+.px-\[34px\] {
+  padding-left: 34px;
+  padding-right: 34px;
+}
+
 .px-\[6px\] {
   padding-left: 6px;
   padding-right: 6px;
 }
 
+.py-0\.5 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+
 .py-\[10px\] {
   padding-top: 10px;
   padding-bottom: 10px;
@@ -1140,14 +1438,26 @@ video {
   padding-right: 10px;
 }
 
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
 .pt-2\.5 {
   padding-top: 0.625rem;
 }
 
+.pt-3 {
+  padding-top: 0.75rem;
+}
+
 .pt-5 {
   padding-top: 1.25rem;
 }
 
+.pt-6 {
+  padding-top: 1.5rem;
+}
+
 .pt-\[11px\] {
   padding-top: 11px;
 }
@@ -1233,6 +1543,11 @@ video {
   color: rgb(var(--hy-main), var(--tw-text-opacity, 1));
 }
 
+.text-success {
+  --tw-text-opacity: 1;
+  color: rgb(var(--hy-success), var(--tw-text-opacity, 1));
+}
+
 .text-theme {
   --tw-text-opacity: 1;
   color: rgb(var(--hy-theme), var(--tw-text-opacity, 1));
@@ -1249,6 +1564,12 @@ video {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.shadow-\[0px_0px_10px_2px_var\(--dangerv2\)\] {
+  --tw-shadow: 0px 0px 10px 2px var(--dangerv2);
+  --tw-shadow-colored: 0px 0px 10px 2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .shadow-success {
   --tw-shadow-color: rgb(var(--hy-success), 1);
   --tw-shadow: var(--tw-shadow-colored);
@@ -1300,6 +1621,15 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
+.ease-out {
+  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
+}
+
+.hover\:border-theme:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--hy-theme), var(--tw-border-opacity, 1));
+}
+
 .hover\:bg-background-2:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--hy-background-2), var(--tw-bg-opacity, 1));
@@ -1309,3 +1639,18 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--hy-background-3), var(--tw-bg-opacity, 1));
 }
+
+.hover\:font-bold:hover {
+  font-weight: 700;
+}
+
+.hover\:text-main:hover {
+  --tw-text-opacity: 1;
+  color: rgb(var(--hy-main), var(--tw-text-opacity, 1));
+}
+
+.hover\:shadow-\[0px_0px_5px_0px_rgba\(var\(--hy-theme\)\2c 0\.5\)\]:hover {
+  --tw-shadow: 0px 0px 5px 0px rgba(var(--hy-theme),0.5);
+  --tw-shadow-colored: 0px 0px 5px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}