@fangzhongya/fang-ui 0.1.46 → 0.1.48

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;
@@ -1438,6 +1326,11 @@
   background-color: aqua;
 }
 
+.images-img {
+  width: 100%;
+  height: 100%;
+}
+
 .videos {
   display: flex;
   height: 100%;
@@ -1630,6 +1523,10 @@
   transform: rotate(90deg);
 }
 
+.buttons-li {
+  height: inherit;
+}
+
 .dates2 .dates2-date {
   height: 100%;
   width: 100%;
@@ -1639,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;