@fangzhongya/fang-ui 0.1.34 → 0.1.36

package/dist/css/listspd.css

@@ -1,8 +1,9 @@
+@charset "UTF-8";
 :root {
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -22,6 +23,141 @@
   line-height: var(--lable-array-height);
 }
 
+.list-div .list-table {
+  width: 100%;
+  height: 100%;
+}
+.list-div .list-table td {
+  text-align: left;
+}
+.list-div .list-table th {
+  font-weight: initial;
+}
+.list-div .list-table .is-whole .list-table-auto {
+  width: 100%;
+}
+.list-div .list-table .is-whole .list-table-value {
+  width: 100%;
+  display: block;
+}
+.list-div .list-table .list-table-td,
+.list-div .list-table .list-table-th {
+  padding: var(--list-interval) var(--list-interval-horizon, var(--list-interval));
+}
+.list-div .list-table .list-table-auto {
+  width: 100%;
+  height: 100%;
+  display: inline-flex;
+  word-break: break-all;
+}
+.list-div .list-table .list-table-auto .list-table-td {
+  flex: 1;
+}
+.list-div .list-table .list-table-auto .list-table-th.itemscenter {
+  display: inline-flex;
+  align-items: center;
+}
+.list-div .list-table .list-table-auto .list-table-th.itemsend {
+  display: inline-flex;
+  align-items: end;
+}
+.list-div .list-table .list-table-auto .list-table-th.alignright {
+  display: inline-flex;
+  justify-content: end;
+}
+.list-div .list-table .list-table-auto .list-table-th.aligncenter {
+  display: inline-flex;
+  justify-content: center;
+}
+.list-div .list-table .list-table-auto .list-table-td.itemscenter {
+  display: inline-flex;
+  align-items: center;
+}
+.list-div .list-table .list-table-auto .list-table-td.itemsend {
+  display: inline-flex;
+  align-items: end;
+}
+.list-div .list-table .list-table-auto .list-table-td.alignright {
+  display: inline-flex;
+  justify-content: end;
+}
+.list-div .list-table .list-table-auto .list-table-td.aligncenter {
+  display: inline-flex;
+  justify-content: center;
+}
+.list-div .list-table .list-table-auto .list-table-label {
+  white-space: nowrap;
+}
+.list-div .list-table .is-width .list-table-label {
+  word-break: break-all;
+  white-space: normal;
+  display: block;
+}
+.list-div .list-table .list-table-th {
+  text-align: left;
+}
+.list-div .list-table .list-table-label {
+  white-space: pre-wrap;
+}
+.list-div .list-table .list-table-value {
+  word-break: break-all;
+  white-space: normal;
+  max-height: var(--list-row-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.list-div .list-table.right .list-table-th {
+  text-align: right;
+}
+.list-div .list-table.center .list-table-th {
+  text-align: center;
+}
+.list-div .list-table.top .list-table-th {
+  padding-bottom: 0;
+}
+.list-div .list-table.is-aliquots {
+  table-layout: fixed;
+}
+.list-div .list-table.is-border {
+  border-right: 1px solid var(--list-border-color);
+  border-top: 1px solid var(--list-border-color);
+  border-bottom: 1px solid var(--list-border-color);
+}
+.list-div .list-table.is-border > tr > td {
+  border-bottom: 1px solid var(--list-border-color);
+  border-left: 1px solid var(--list-border-color);
+}
+.list-div .list-table.is-border > tr > td:last-child {
+  border-right: 1px solid var(--list-border-color);
+}
+.list-div .list-table.is-border > tr > th {
+  border-left: 1px solid var(--list-border-color);
+  border-bottom: 1px solid var(--list-border-color);
+}
+.list-div .list-table.is-border > tr > th:last-child {
+  border-right: 1px solid var(--list-border-color);
+}
+.list-div .list-table.is-border > tr:last-child > td {
+  border-bottom: 0;
+}
+.list-div .list-table.is-border > tr:last-child > th {
+  border-bottom: 0;
+}
+.list-div .list-table.is-border.top > tr > th {
+  border-bottom: 0;
+}
+.list-div .list-table .list-com {
+  display: flex;
+  align-items: center;
+}
+.list-div .list-table .list-com-img {
+  width: 50px;
+  height: 50px;
+}
+
 .lists {
   width: 100%;
   min-height: 100px;
@@ -32,6 +168,7 @@
   background-color: #eee;
 }
 .lists-list {
+  overflow-y: auto;
   padding: 0 var(--lists-interval-horizon, var(--lists-interval));
 }
 .lists-list.is-absolute {
@@ -46,7 +183,7 @@
   margin-top: calc(var(--lists-interval) * 2);
 }
 .lists-list-item {
-  background-color: #fff;
+  background-color: #ffffff;
   margin: 0 var(--lists-interval-horizon, var(--lists-interval));
   margin-bottom: calc(var(--lists-interval) * 2);
 }

package/dist/css/menus.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/css/no-data.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/css/page.css

@@ -3,7 +3,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -49,7 +49,7 @@
   display: grid;
 }
 
-.array {
+.double {
   width: 100%;
   display: inline-flex;
   align-items: center;
@@ -58,10 +58,10 @@
   box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
   border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
 }
-.array.is-focus {
+.double.is-focus {
   box-shadow: 0 0 0 1px var(--color-primary) inset;
 }
-.array-error {
+.double-error {
   position: absolute;
   bottom: -23px;
   color: #f00;
@@ -69,40 +69,40 @@
   border-radius: 4px;
   left: 12px;
 }
-.array-error.type-1 {
+.double-error.type-1 {
   left: calc(50% + 24px);
 }
-.array-error.type-1.is-clear {
+.double-error.type-1.is-clear {
   left: calc(50% + 11px);
 }
-.array-focus {
+.double-focus {
   position: absolute;
   z-index: -1;
   opacity: 0;
 }
-.array-value {
+.double-value {
   flex: 1;
   height: 100%;
 }
-.array-range {
+.double-range {
   padding: 0 5px;
 }
-.array-clear {
+.double-clear {
   cursor: pointer;
   align-items: center;
   display: inline-flex;
   justify-content: center;
   padding: 5px;
 }
-.array-clear svg {
+.double-clear svg {
   width: 1rem;
   height: 1rem;
 }
-.array .el-input .el-input__wrapper {
+.double .el-input .el-input__wrapper {
   border: none;
   box-shadow: none;
 }
-.array .el-input .el-input__wrapper input {
+.double .el-input .el-input__wrapper input {
   text-align: center;
 }
 
@@ -506,7 +506,7 @@
   display: none;
   align-items: center;
   justify-content: center;
-  color: #fff;
+  color: #ffffff;
 }
 .uploads-list-li-operation > span {
   font-size: 16px;
@@ -620,6 +620,9 @@
   margin-bottom: 0;
   flex: 1;
 }
+.forms-div--query .forms-li .el-form-item .selects-select {
+  min-width: 120px;
+}
 .forms-li .el-form-item {
   margin-bottom: var(--forms-item-bottom);
   flex: 1;
@@ -703,7 +706,6 @@
   white-space: nowrap;
 }
 .list-div .list-table .is-width .list-table-label {
-  white-space: pre-wrap;
   word-break: break-all;
   white-space: normal;
   display: block;
@@ -715,10 +717,8 @@
   white-space: pre-wrap;
 }
 .list-div .list-table .list-table-value {
-  white-space: pre-wrap;
   word-break: break-all;
   white-space: normal;
-  display: block;
   max-height: var(--list-row-max-height);
   display: -webkit-box;
   -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */

package/dist/css/paging.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/css/popup.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -62,7 +62,7 @@
   padding: 10px;
   position: relative;
   background-color: #467ddc;
-  color: #fff;
+  color: #ffffff;
   align-items: center;
   display: flex;
 }
@@ -96,7 +96,7 @@
   top: 30%;
   left: 30%;
   z-index: 100;
-  background: #fff;
+  background: #ffffff;
   width: 40%;
   height: 40%;
   display: flex;

package/dist/css/retract.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -27,6 +27,7 @@
 }
 .retract .retract-but {
   position: absolute;
+  background-color: rgba(201, 201, 201, 0.5);
 }
 .retract .retract-but .retract-icon {
   width: 100%;
@@ -42,9 +43,6 @@
 .retract .retract-but .retract-icon.is-reverse {
   transform: rotate(-180deg);
 }
-.retract .retract-but {
-  background-color: rgba(201, 201, 201, 0.5);
-}
 .retract .retract-but.is-left {
   top: 50%;
   width: 20px;

package/dist/css/right-key.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -27,7 +27,7 @@
   position: absolute;
   padding: 10px;
   z-index: 9999;
-  background: #fff;
+  background: #ffffff;
   border: 1px solid #cfd7e5;
   border-radius: 8px;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

package/dist/css/seamless-scroll.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/css/select-scroll.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/css/selector.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -74,7 +74,7 @@
   cursor: not-allowed;
 }
 
-.array {
+.double {
   width: 100%;
   display: inline-flex;
   align-items: center;
@@ -83,10 +83,10 @@
   box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
   border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
 }
-.array.is-focus {
+.double.is-focus {
   box-shadow: 0 0 0 1px var(--color-primary) inset;
 }
-.array-error {
+.double-error {
   position: absolute;
   bottom: -23px;
   color: #f00;
@@ -94,40 +94,40 @@
   border-radius: 4px;
   left: 12px;
 }
-.array-error.type-1 {
+.double-error.type-1 {
   left: calc(50% + 24px);
 }
-.array-error.type-1.is-clear {
+.double-error.type-1.is-clear {
   left: calc(50% + 11px);
 }
-.array-focus {
+.double-focus {
   position: absolute;
   z-index: -1;
   opacity: 0;
 }
-.array-value {
+.double-value {
   flex: 1;
   height: 100%;
 }
-.array-range {
+.double-range {
   padding: 0 5px;
 }
-.array-clear {
+.double-clear {
   cursor: pointer;
   align-items: center;
   display: inline-flex;
   justify-content: center;
   padding: 5px;
 }
-.array-clear svg {
+.double-clear svg {
   width: 1rem;
   height: 1rem;
 }
-.array .el-input .el-input__wrapper {
+.double .el-input .el-input__wrapper {
   border: none;
   box-shadow: none;
 }
-.array .el-input .el-input__wrapper input {
+.double .el-input .el-input__wrapper input {
   text-align: center;
 }
 

package/dist/css/selects.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/css/sliders.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/css/switchs.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/css/tables.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/css/tablesp.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/css/tablespd.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/css/tabless.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/css/tablesv.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/css/tablesvp.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/css/tablesvpd.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/css/uploads.css

@@ -3,7 +3,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -64,7 +64,7 @@
   display: none;
   align-items: center;
   justify-content: center;
-  color: #fff;
+  color: #ffffff;
 }
 .uploads-list-li-operation > span {
   font-size: 16px;

package/dist/css/videos.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -27,7 +27,7 @@
   height: 100%;
   border-radius: 8px;
   background: #000;
-  color: #fff;
+  color: #ffffff;
   position: relative;
   --videos-list-width: 20%;
 }
@@ -40,7 +40,7 @@
   bottom: 0;
   width: 100%;
 }
-.videos.is-fullscreen .videos-list {
+.videos.is-fullscreen .videos-controls-list {
   background-color: rgba(238, 238, 238, 0.5);
   position: absolute;
   top: 0;
@@ -50,6 +50,15 @@
 .videos.is-list .videos-controls-bottom {
   width: calc(100% - var(--videos-list-width));
 }
+.videos.is-controls .videos-controls-top {
+  display: none;
+}
+.videos.is-controls .videos-controls-bottom {
+  display: none;
+}
+.videos.is-controls .videos-controls-list {
+  display: none;
+}
 .videos-videos {
   flex: 1;
   height: 100%;
@@ -124,7 +133,7 @@
   width: 60px;
   margin: 0 10px;
 }
-.videos-list {
+.videos-controls-list {
   width: var(--videos-list-width);
   height: 100%;
   box-sizing: border-box;

package/dist/css/window.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -62,7 +62,7 @@
   padding: 10px;
   position: relative;
   background-color: #467ddc;
-  color: #fff;
+  color: #ffffff;
   align-items: center;
   display: flex;
 }
@@ -96,7 +96,7 @@
   top: 30%;
   left: 30%;
   z-index: 100;
-  background: #fff;
+  background: #ffffff;
   width: 40%;
   height: 40%;
   display: flex;