@fangzhongya/fang-ui 0.1.45 → 0.1.47

package/dist/css/index.css

@@ -48,6 +48,9 @@
   min-height: var(--forms-item-row-height);
   display: grid;
 }
+.forms-item-el-item.is-error .double {
+  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
+}
 
 .forms-items {
   width: 100%;
@@ -67,26 +70,63 @@
   --el-color-danger: var(--el-input-focus-border);
 }
 
+.icon {
+  --color: inherit;
+  height: 1em;
+  width: 1em;
+  line-height: 1em;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  fill: currentColor;
+  color: var(--color);
+  font-size: inherit;
+}
+.icon-cont {
+  border: 0;
+  display: inline-flex;
+  align-items: center;
+  object-fit: contain;
+  justify-content: center;
+  font-size: inherit !important;
+  width: inherit !important;
+  height: inherit !important;
+}
+
 .double {
   width: 100%;
   display: inline-flex;
   align-items: center;
-  box-sizing: content-box;
-  padding: 1.2px 1px;
+  box-sizing: border-box;
+  padding: 1px 1px;
   position: relative;
   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));
 }
 .double.is-focus {
-  box-shadow: 0 0 0 1px var(--color-primary) inset;
+  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
+}
+.double.is-error {
+  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
+}
+.double.is-disabled {
+  cursor: not-allowed;
+  background-color: var(--el-disabled-bg-color);
+}
+.double.is-disabled .double-range {
+  color: var(--el-disabled-text-color);
 }
 .double-error {
   position: absolute;
-  bottom: -23px;
-  color: #f00;
-  font-size: 0.8rem;
+  padding-top: 2px;
+  color: var(--el-color-danger);
+  bottom: -15px;
+  font-size: 12px;
+  line-height: 1;
   border-radius: 4px;
   left: 12px;
+  white-space: nowrap;
 }
 .double-error.type-1 {
   left: calc(50% + 24px);
@@ -102,6 +142,8 @@
 .double-value {
   flex: 1;
   height: 100%;
+  display: flex;
+  align-items: center;
 }
 .double-range {
   padding: 0 5px;
@@ -113,10 +155,6 @@
   justify-content: center;
   padding: 5px;
 }
-.double-clear svg {
-  width: 1rem;
-  height: 1rem;
-}
 .double .el-input .el-input__wrapper {
   border: none;
   box-shadow: none;
@@ -164,171 +202,34 @@
   height: 100%;
 }
 
-.buttons-li {
-  height: inherit;
-}
-
 .dates-divide {
   display: inline-flex;
   align-items: center;
+  width: 100%;
 }
 .dates-divide-range {
   padding: 0 10px;
 }
-
-.dates2 .dates2-date {
+.dates-divide .dates-divide-date {
   height: 100%;
   width: 100%;
   box-sizing: border-box;
 }
-.dates2 .dates2-separate {
-  display: flex;
-  align-items: center;
-}
 
-.edit-float-body {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.edit-float-value {
-  min-width: 3px;
-}
-.edit-float-icon {
-  margin-left: 4px;
-  cursor: pointer;
-}
-.edit-float-input {
-  padding: 10px 0;
-}
-.edit-float-but {
-  text-align: right;
-}
-
-.edit {
-  display: inline-flex;
-  align-items: center;
-}
-.edit-value {
-  display: inline-block;
-  min-width: 3px;
-}
-.edit-icon {
-  display: inline-flex;
-  align-items: center;
+.dates-picker .dates-picker-date {
   height: 100%;
-  min-width: 3px;
-  font-size: 16px;
-  margin: 0 4px;
-  cursor: pointer;
-}
-
-.history {
-  display: flex;
-}
-.history-icon {
-  cursor: pointer;
-}
-.history-icon.is-disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-}
-
-.images-img {
   width: 100%;
-  height: 100%;
+  box-sizing: border-box;
 }
-
-.input-array {
-  width: 100%;
-  display: inline-flex;
+.dates-picker .dates-picker-separate {
+  display: flex;
   align-items: center;
-  padding: 1px;
-  position: relative;
-  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));
-}
-.input-array.is-focus {
-  box-shadow: 0 0 0 1px var(--color-primary) inset;
-}
-.input-array-focus {
-  position: absolute;
-  z-index: -1;
-  opacity: 0;
-}
-.input-array-input {
-  height: 100%;
-  flex: 1;
-}
-.input-array-range {
-  padding: 0 5px;
-}
-.input-array-icon {
-  cursor: pointer;
-}
-.input-array-icon svg {
-  width: 1rem;
-  height: 1rem;
-}
-.input-array .el-input .el-input__wrapper {
-  border: none;
-  box-shadow: none;
-}
-.input-array .el-input .el-input__wrapper input {
-  text-align: center;
 }
 
-.input-history {
-  display: flex;
-}
-.input-history-popper {
-  padding: 6px 0 !important;
-}
-.input-history-select {
-  max-height: 274px;
+.input-select {
   height: 100%;
-  overflow-y: auto;
-}
-.input-history-select-ul {
-  list-style: none;
-  margin: 6px 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-.input-history-select-ul .input-history-select-li {
-  padding: 0 32px 0 20px;
-  position: relative;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: #606266;
-  height: 34px;
-  line-height: 34px;
-  box-sizing: border-box;
-  cursor: pointer;
-}
-.input-history-select-ul .input-history-select-li.hover, .input-history-select-ul .input-history-select-li:hover {
-  background-color: #f5f7fa;
-}
-.input-history-select-ul .input-history-select-li.hover .input-history-select-li-clean, .input-history-select-ul .input-history-select-li:hover .input-history-select-li-clean {
-  display: inline-flex;
-}
-.input-history-select-ul .input-history-select-li.selected {
-  color: var(--bv-color-primary);
-  font-weight: 700;
-}
-.input-history-select-ul .input-history-select-li.is-disabled {
-  background-color: #ffffff;
-  color: #a8abb2;
-  cursor: not-allowed;
-}
-.input-history-select-ul .input-history-select-li-clean {
-  align-items: center;
-  justify-content: center;
-  display: none;
-  margin-left: 5px;
+  width: 100%;
 }
-
 .input-select-select-icon {
   margin-left: 8px;
   display: inline-flex;
@@ -342,13 +243,13 @@
 .input-select-select-icon.is-reverse {
   transform: rotate(-180deg);
 }
-.input-select-select-icon svg {
-  width: 1rem;
-  height: 1rem;
-}
 .input-select.is-disabled .input-select-select-icon {
   cursor: not-allowed;
 }
+.input-select-input {
+  height: 100%;
+  width: 100%;
+}
 .input-select-popper {
   padding: 6px 0 !important;
 }
@@ -376,11 +277,11 @@
   cursor: pointer;
 }
 .input-select-popper .input-select-select .input-select-select-li.hover, .input-select-popper .input-select-select .input-select-select-li:hover {
-  background-color: #f5f7fa;
+  background-color: var(--el-fill-color-light);
 }
 .input-select-popper .input-select-select .input-select-select-li.selected {
-  color: var(--bv-color-primary);
-  font-weight: 700;
+  color: var(--el-color-primary);
+  font-weight: bold;
 }
 .input-select-popper .input-select-select .input-select-select-li.is-disabled {
   background-color: #ffffff;
@@ -443,6 +344,11 @@
 .selector-popper.el-popover.el-popper {
   padding: 0;
 }
+.selector-double {
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
 .selector-select {
   padding: 5px 10px;
   z-index: 1000;
@@ -474,10 +380,16 @@
   height: 100%;
   width: 100%;
 }
+.cascaders-cascader .el-input {
+  height: 100%;
+}
 .cascaders-tree {
   height: 100%;
   width: 100%;
 }
+.cascaders-tree .el-select__wrapper {
+  height: 100%;
+}
 
 .input-num-input {
   height: 100%;
@@ -671,30 +583,6 @@
   background: rgba(2, 28, 39, 0.4);
 }
 
-.icon {
-  --color: inherit;
-  height: 1em;
-  width: 1em;
-  line-height: 1em;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  fill: currentColor;
-  color: var(--color);
-  font-size: inherit;
-}
-.icon-cont {
-  border: 0;
-  display: inline-flex;
-  align-items: center;
-  object-fit: contain;
-  justify-content: center;
-  font-size: inherit !important;
-  width: inherit !important;
-  height: inherit !important;
-}
-
 .box-title {
   padding: 10px;
   position: relative;
@@ -1075,10 +963,10 @@
   width: 100%;
   height: 100%;
 }
-.list-div .list-table td {
+.list-div .list-table-td {
   text-align: left;
 }
-.list-div .list-table th {
+.list-div .list-table-th {
   font-weight: initial;
 }
 .list-div .list-table .is-whole .list-table-auto {
@@ -1150,11 +1038,13 @@
 .list-div .list-table .list-table-value {
   word-break: break-all;
   white-space: pre-wrap;
+  overflow: hidden;
+}
+.list-div .list-table .list-table-value.is-tooltip {
   max-height: var(--list-row-max-height);
   display: -webkit-box;
-  -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
+  -webkit-line-clamp: var(--list-line-clamp, 1); /* 显示的行数 */
   -webkit-box-orient: vertical;
-  overflow: hidden;
   text-overflow: ellipsis;
 }
 .list-div .list-table.right .list-table-th {
@@ -1174,36 +1064,35 @@
   border-top: 1px solid var(--list-border-color);
   border-bottom: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr > td {
+.list-div .list-table.is-border > .list-table-tr > .list-table-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 {
+.list-div .list-table.is-border > .list-table-tr > .list-table-td:last-child {
   border-right: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr > th {
+.list-div .list-table.is-border > .list-table-tr > .list-table-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 {
+.list-div .list-table.is-border > .list-table-tr > .list-table-th:last-child {
   border-right: 1px solid var(--list-border-color);
 }
-.list-div .list-table.is-border > tr:last-child > td {
+.list-div .list-table.is-border > .list-table-tr:last-child > .list-table-td {
   border-bottom: 0;
 }
-.list-div .list-table.is-border > tr:last-child > th {
+.list-div .list-table.is-border > .list-table-tr:last-child > .list-table-th {
   border-bottom: 0;
 }
-.list-div .list-table.is-border.top > tr > th {
+.list-div .list-table.is-border.top > .list-table-tr > .list-table-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;
+.list-div .el-tooltip {
+  white-space: pre-wrap;
 }
 
 .tables {
@@ -1227,6 +1116,11 @@
 }
 .tables-table.el-table--default .cell {
   white-space: pre-wrap;
+}
+.tables-table.el-table--default .cell.el-tooltip {
+  white-space: nowrap;
+}
+.tables-table.el-table--default .cell {
   padding: 0 var(--tables-interval-horizon, var(--tables-interval));
 }
 
@@ -1432,6 +1326,11 @@
   background-color: aqua;
 }
 
+.images-img {
+  width: 100%;
+  height: 100%;
+}
+
 .videos {
   display: flex;
   height: 100%;
@@ -1624,6 +1523,10 @@
   transform: rotate(90deg);
 }
 
+.buttons-li {
+  height: inherit;
+}
+
 .dates2 .dates2-date {
   height: 100%;
   width: 100%;
@@ -1633,6 +1536,150 @@
   display: flex;
   align-items: center;
 }
+.dates2 .dates2-separate-select {
+  width: 120px;
+}
+
+.edit-float-body {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.edit-float-value {
+  min-width: 3px;
+}
+.edit-float-icon {
+  margin-left: 4px;
+  cursor: pointer;
+}
+.edit-float-input {
+  padding: 10px 0;
+}
+.edit-float-but {
+  text-align: right;
+}
+
+.edit {
+  display: inline-flex;
+  align-items: center;
+}
+.edit-value {
+  display: inline-block;
+  min-width: 3px;
+}
+.edit-icon {
+  display: inline-flex;
+  align-items: center;
+  height: 100%;
+  min-width: 3px;
+  font-size: 16px;
+  margin: 0 4px;
+  cursor: pointer;
+}
+
+.history {
+  display: flex;
+}
+.history-icon {
+  cursor: pointer;
+}
+.history-icon.is-disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+.input-array {
+  width: 100%;
+  display: inline-flex;
+  align-items: center;
+  padding: 1px;
+  position: relative;
+  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));
+}
+.input-array.is-focus {
+  box-shadow: 0 0 0 1px var(--color-primary) inset;
+}
+.input-array-focus {
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+}
+.input-array-input {
+  height: 100%;
+  flex: 1;
+}
+.input-array-range {
+  padding: 0 5px;
+}
+.input-array-icon {
+  cursor: pointer;
+}
+.input-array-icon svg {
+  width: 1rem;
+  height: 1rem;
+}
+.input-array .el-input .el-input__wrapper {
+  border: none;
+  box-shadow: none;
+}
+.input-array .el-input .el-input__wrapper input {
+  text-align: center;
+}
+
+.input-history {
+  display: flex;
+}
+.input-history-popper {
+  padding: 6px 0 !important;
+}
+.input-history-input {
+  width: 100%;
+}
+.input-history-select {
+  max-height: 274px;
+  height: 100%;
+  overflow-y: auto;
+}
+.input-history-select-ul {
+  list-style: none;
+  margin: 6px 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+.input-history-select-ul .input-history-select-li {
+  padding: 0 32px 0 20px;
+  position: relative;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: #606266;
+  height: 34px;
+  line-height: 34px;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+.input-history-select-ul .input-history-select-li.hover, .input-history-select-ul .input-history-select-li:hover {
+  background-color: #f5f7fa;
+}
+.input-history-select-ul .input-history-select-li.hover .input-history-select-li-clean, .input-history-select-ul .input-history-select-li:hover .input-history-select-li-clean {
+  display: inline-flex;
+}
+.input-history-select-ul .input-history-select-li.selected {
+  color: var(--bv-color-primary);
+  font-weight: 700;
+}
+.input-history-select-ul .input-history-select-li.is-disabled {
+  background-color: #ffffff;
+  color: #a8abb2;
+  cursor: not-allowed;
+}
+.input-history-select-ul .input-history-select-li-clean {
+  align-items: center;
+  justify-content: center;
+  display: none;
+  margin-left: 5px;
+}
 
 .sliders {
   width: 100%;

package/dist/css/input-history.css

@@ -28,6 +28,9 @@
 .input-history-popper {
   padding: 6px 0 !important;
 }
+.input-history-input {
+  width: 100%;
+}
 .input-history-select {
   max-height: 274px;
   height: 100%;

package/dist/css/input-select.css

@@ -22,6 +22,34 @@
   line-height: var(--lable-array-height);
 }
 
+.icon {
+  --color: inherit;
+  height: 1em;
+  width: 1em;
+  line-height: 1em;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  fill: currentColor;
+  color: var(--color);
+  font-size: inherit;
+}
+.icon-cont {
+  border: 0;
+  display: inline-flex;
+  align-items: center;
+  object-fit: contain;
+  justify-content: center;
+  font-size: inherit !important;
+  width: inherit !important;
+  height: inherit !important;
+}
+
+.input-select {
+  height: 100%;
+  width: 100%;
+}
 .input-select-select-icon {
   margin-left: 8px;
   display: inline-flex;
@@ -35,13 +63,13 @@
 .input-select-select-icon.is-reverse {
   transform: rotate(-180deg);
 }
-.input-select-select-icon svg {
-  width: 1rem;
-  height: 1rem;
-}
 .input-select.is-disabled .input-select-select-icon {
   cursor: not-allowed;
 }
+.input-select-input {
+  height: 100%;
+  width: 100%;
+}
 .input-select-popper {
   padding: 6px 0 !important;
 }
@@ -69,11 +97,11 @@
   cursor: pointer;
 }
 .input-select-popper .input-select-select .input-select-select-li.hover, .input-select-popper .input-select-select .input-select-select-li:hover {
-  background-color: #f5f7fa;
+  background-color: var(--el-fill-color-light);
 }
 .input-select-popper .input-select-select .input-select-select-li.selected {
-  color: var(--bv-color-primary);
-  font-weight: 700;
+  color: var(--el-color-primary);
+  font-weight: bold;
 }
 .input-select-popper .input-select-select .input-select-select-li.is-disabled {
   background-color: #ffffff;