@fangzhongya/fang-ui 0.1.46 → 0.1.48

package/dist/components/tablesv/src/index2.js

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, useAttrs, ref, computed, watch, onMounted, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, withModifiers, withCtx, createVNode, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, useSlots, useAttrs, ref, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, withModifiers, withCtx, createVNode, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { VxeTable } from "vxe-table/es/table";
 import "../../loading/index.js";
 import { name, dataProps, dataExpose, dataEmits } from "./data.js";
@@ -203,11 +203,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const getRef = () => {
       return tableRef.value;
     };
+    const onClickTotal = () => {
+      isfocus.value = false;
+    };
     onMounted(() => {
       if (globalThis) {
-        globalThis.addEventListener("click", () => {
-          isfocus.value = false;
-        });
+        globalThis.addEventListener("click", onClickTotal);
+      }
+    });
+    onUnmounted(() => {
+      if (globalThis) {
+        globalThis.removeEventListener("click", onClickTotal);
       }
     });
     __expose({

package/dist/css/cascaders.css

@@ -26,7 +26,13 @@
   height: 100%;
   width: 100%;
 }
+.cascaders-cascader .el-input {
+  height: 100%;
+}
 .cascaders-tree {
   height: 100%;
   width: 100%;
+}
+.cascaders-tree .el-select__wrapper {
+  height: 100%;
 }

package/dist/css/dates-divide.css

@@ -25,7 +25,13 @@
 .dates-divide {
   display: inline-flex;
   align-items: center;
+  width: 100%;
 }
 .dates-divide-range {
   padding: 0 10px;
+}
+.dates-divide .dates-divide-date {
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
 }

package/dist/css/dates-picker.css

@@ -22,12 +22,12 @@
   line-height: var(--lable-array-height);
 }
 
-.dates2 .dates2-date {
+.dates-picker .dates-picker-date {
   height: 100%;
   width: 100%;
   box-sizing: border-box;
 }
-.dates2 .dates2-separate {
+.dates-picker .dates-picker-separate {
   display: flex;
   align-items: center;
 }

package/dist/css/dates2.css

@@ -25,10 +25,16 @@
 .dates-divide {
   display: inline-flex;
   align-items: center;
+  width: 100%;
 }
 .dates-divide-range {
   padding: 0 10px;
 }
+.dates-divide .dates-divide-date {
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
 
 .selects-select {
   height: 100%;
@@ -47,4 +53,7 @@
 .dates2 .dates2-separate {
   display: flex;
   align-items: center;
+}
+.dates2 .dates2-separate-select {
+  width: 120px;
 }

package/dist/css/double.css

@@ -22,26 +22,63 @@
   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;
+}
+
 .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);
@@ -57,6 +94,8 @@
 .double-value {
   flex: 1;
   height: 100%;
+  display: flex;
+  align-items: center;
 }
 .double-range {
   padding: 0 5px;
@@ -68,10 +107,6 @@
   justify-content: center;
   padding: 5px;
 }
-.double-clear svg {
-  width: 1rem;
-  height: 1rem;
-}
 .double .el-input .el-input__wrapper {
   border: none;
   box-shadow: none;

package/dist/css/forms-item.css

@@ -46,4 +46,7 @@
 .forms-item-el-item.is-top .el-form-item__content {
   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;
 }

package/dist/css/forms-items.css

@@ -47,6 +47,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%;

package/dist/css/forms.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%;