tsanie/ui-lib
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add: getText compatibility.

Browse Source 
add: `AssetSelector` and `TemplateSelector`.
add: `popup-selector` style class.
add: `ui.resolvePopup` function.
add: `switch` in checkbox.
add: `GridColumn.filterTemplate` supports.
add: add `action` callback in `createIcon`.
change: replace `setTimeout(..., 0)` with `requestAnimationFrame`.
change: Popup result structure adjustment ({ result: any, popup: Popup }).
change: complete add work order flow.
change: reduce Popup title height.
fix: Grid column sort in number.
This commit is contained in:
Chen Lily
2024-06-21 17:28:11 +08:00
parent 1a7aa1ab66
commit 5baf00de64
34 changed files with 1772 additions and 365 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
lib/ui/css/checkbox.scss
View File

@ -55,6 +55,10 @@
user-select: none;
cursor: pointer;
&.disabled {
cursor: default;
}
>span:first-of-type {
display: inline-flex;
align-items: center;
@ -101,9 +105,10 @@
}
&:disabled+span:first-of-type {
cursor: default;
&::before {
opacity: .5;
opacity: .3;
}
}
}

3
lib/ui/css/common.scss
View File

@ -7,7 +7,8 @@
@include outborder();
&.validation-error {
&.validation-error,
&:invalid {
border-color: var(--red-color);
&:focus,

3
lib/ui/css/dropdown.scss
View File

@ -30,7 +30,8 @@ $listMaxHeight: 210px;
flex: 1 1 auto;
cursor: pointer;
font-size: var(--font-size);
// line-height: $headerHeight;
line-height: $headerHeight;
min-height: $headerHeight;
padding: 0 6px;
overflow: hidden;
text-overflow: ellipsis;

20
lib/ui/css/grid.scss
View File

@ -45,6 +45,7 @@
--header-filter-padding: 4px 26px 4px 8px;
--spacing-s: 4px;
--spacing-cell: 9px 4px 9px 8px;
--spacing-drop-cell: 5px 4px 5px 8px;
--filter-line-height: 30px;
--filter-item-padding: 0 4px;
}
@ -122,8 +123,10 @@
}
}
>.ui-check-wrapper {
>.ui-check-wrapper,
>.ui-switch {
height: 20px;
padding: 0 4px 0 0;
}
>svg {
@ -398,10 +401,12 @@
@include scrollbar();
}
.ui-check-wrapper {
.ui-check-wrapper,
.ui-switch {
display: inline-flex;
justify-content: center;
height: var(--row-height);
padding: 0 8px;
.ui-check-inner {
@ -410,6 +415,14 @@
transition: none;
}
}
>span:first-of-type {
&:before,
&:after {
transition: none;
}
}
}
.ui-drop-span {
@ -439,7 +452,7 @@
height: 100%;
>.ui-drop-text {
padding: var(--spacing-cell);
padding: var(--spacing-drop-cell);
}
}
}
@ -708,6 +721,7 @@
.ui-popup-mask .ui-popup-container .ui-popup-footer {
>.ui-sort-layout {
flex: 1 1 auto;
margin-left: 8px;
}
}

20
lib/ui/css/popup.scss
View File

@ -62,7 +62,7 @@ $buttonHeight: 28px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 10px 0 6px 12px;
padding: 5px 0 3px 12px;
}
>.ui-popup-header-title,
@ -76,7 +76,7 @@ $buttonHeight: 28px;
>.ui-popup-header-icons {
flex: 0 0 auto;
padding: 10px 12px 6px 0;
padding: 5px 12px 3px 0;
display: flex;
>svg {
@ -145,8 +145,9 @@ $buttonHeight: 28px;
margin: 10px;
>svg {
width: 40px;
height: 40px;
width: 30px;
height: 30px;
fill: unset;
+span {
padding-left: 16px;
@ -204,6 +205,10 @@ $buttonHeight: 28px;
align-items: center;
justify-content: flex-end;
padding: 4px 10px 16px 2px;
}
.ui-popup-body,
.ui-popup-footer {
.ui-popup-button {
margin-left: 12px;
@ -212,7 +217,7 @@ $buttonHeight: 28px;
line-height: $buttonHeight;
color: var(--title-color);
border-radius: var(--corner-radius);
padding: 4px 16px;
padding: 1px 16px;
box-sizing: border-box;
min-width: 70px;
text-align: center;
@ -227,6 +232,11 @@ $buttonHeight: 28px;
}
@include outline();
&:disabled {
opacity: .4;
cursor: default;
}
}
}

2
lib/ui/css/variables/definition.scss
View File

@ -38,7 +38,7 @@
--border-radius: 2px;
--text-indent: 4px;
--line-height: 18px;
--settings-line-height: 28px;
--settings-line-height: 32px;
--font-size: .8125rem; // 13px
--font-smaller-size: .75rem; // 12px