@fangzhongya/fang-ui 0.0.56 → 0.0.58

package/dist/css/paging.css

@@ -22,6 +22,9 @@
   color: #9b9b9b;
   white-space: pre-wrap;
 }
+.paging-slot > span {
+  margin-right: 10px;
+}
 .paging .el-pagination__total {
   font-size: 14px;
   font-weight: 400;

package/dist/css/retract.css

@@ -17,7 +17,6 @@
 }
 .retract .retract-but {
   position: absolute;
-  background-color: rgba(201, 201, 201, 0.5);
 }
 .retract .retract-but .retract-icon {
   width: 100%;
@@ -33,6 +32,9 @@
 .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

@@ -22,6 +22,10 @@
   border-radius: 8px;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
 }
+.right-key-box-list-li:hover {
+  background: #ecf5ff;
+  color: #66b1ff;
+}
 .right-key-box-list-li {
   white-space: nowrap;
   display: flex;
@@ -32,10 +36,6 @@
   font-size: 16px;
   cursor: pointer;
 }
-.right-key-box-list-li:hover {
-  background: #ecf5ff;
-  color: #66b1ff;
-}
 .right-key-box-list-li i {
   margin-right: 10px;
 }

package/dist/css/select-scroll.css

@@ -1,25 +1,38 @@
-.select-scroll[data-v-038707dd] {
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.select-scroll {
   flex: 1;
   float: left;
   display: flex;
   flex-direction: column;
   width: 148px;
 }
-.select-scroll[data-v-038707dd]:first-child {
+.select-scroll:first-child {
   margin-right: 12px;
 }
-.select-scroll .select-scroll-div[data-v-038707dd] {
+.select-scroll-div {
   display: flex;
   padding: 2px;
   overflow: hidden;
 }
-.select-scroll .select-scroll-div .select-scroll-box[data-v-038707dd] {
+.select-scroll-box {
   position: relative;
   width: 140px;
   overflow: hidden;
 }
-.select-scroll .select-scroll-div .select-scroll-box .select-scroll-after[data-v-038707dd],
-.select-scroll .select-scroll-div .select-scroll-box .select-scroll-before[data-v-038707dd] {
+.select-scroll-box-after, .select-scroll-box-before {
   position: absolute;
   top: 50%;
   width: 100%;
@@ -27,26 +40,26 @@
   border-top: 1px solid var(--el-border-color-lighter);
   height: 1px;
 }
-.select-scroll .select-scroll-div .select-scroll-list[data-v-038707dd] {
+.select-scroll-list {
   width: 156px;
   height: 100%;
   overflow: auto;
 }
-.select-scroll .select-scroll-div .select-scroll-list[data-v-038707dd]:first-child {
+.select-scroll-list:first-child {
   padding-right: 4px;
 }
-.select-scroll .select-scroll-div .select-scroll-list[data-v-038707dd]:last-child {
+.select-scroll-list:last-child {
   padding-left: 4px;
 }
-.select-scroll .select-scroll-div .select-scroll-list .select-scroll-list-li[data-v-038707dd] {
+.select-scroll-list-li {
   padding: 0 20px 0 7px;
   text-align: center;
 }
-.select-scroll .select-scroll-div .select-scroll-list .select-scroll-list-li[data-v-038707dd]:hover {
+.select-scroll-list-li:hover {
   background-color: var(--el-color-primary);
   cursor: pointer;
 }
-.select-scroll .select-scroll-div .select-scroll-list .select-scroll-list-li.hide[data-v-038707dd] {
+.select-scroll-list-li.hide {
   color: #a8abb2;
   cursor: not-allowed;
 }

package/dist/css/selector.css

@@ -1,64 +1,156 @@
-.selector[data-v-168f911b] {
-  padding: 3px 10px;
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.select-scroll {
+  flex: 1;
+  float: left;
   display: flex;
+  flex-direction: column;
+  width: 148px;
+}
+.select-scroll:first-child {
+  margin-right: 12px;
+}
+.select-scroll-div {
+  display: flex;
+  padding: 2px;
+  overflow: hidden;
+}
+.select-scroll-box {
+  position: relative;
+  width: 140px;
+  overflow: hidden;
+}
+.select-scroll-box-after, .select-scroll-box-before {
+  position: absolute;
+  top: 50%;
+  width: 100%;
+  z-index: 0;
+  border-top: 1px solid var(--el-border-color-lighter);
+  height: 1px;
+}
+.select-scroll-list {
+  width: 156px;
+  height: 100%;
+  overflow: auto;
+}
+.select-scroll-list:first-child {
+  padding-right: 4px;
+}
+.select-scroll-list:last-child {
+  padding-left: 4px;
+}
+.select-scroll-list-li {
+  padding: 0 20px 0 7px;
+  text-align: center;
+}
+.select-scroll-list-li:hover {
+  background-color: var(--el-color-primary);
+  cursor: pointer;
+}
+.select-scroll-list-li.hide {
+  color: #a8abb2;
+  cursor: not-allowed;
+}
+
+.array {
+  width: 100%;
+  display: inline-flex;
   align-items: center;
+  padding: 1px;
   position: relative;
-  box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
-  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
+  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));
 }
-.selector[data-v-168f911b]:hover {
-  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
+.array.is-focus {
+  box-shadow: 0 0 0 1px var(--color-primary) inset;
+}
+.array-error {
+  position: absolute;
+  bottom: -23px;
+  color: #f00;
+  font-size: 0.8rem;
+  border-radius: 4px;
+  left: 12px;
 }
-.selector.is-active[data-v-168f911b] {
-  box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
+.array-error.type-1 {
+  left: calc(50% + 24px);
 }
-.selector.el-date-editor .el-range-separator[data-v-168f911b] {
-  flex: 0;
+.array-error.type-1.is-clear {
+  left: calc(50% + 11px);
 }
-.selector .selector-input[data-v-168f911b] {
+.array-focus {
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+}
+.array-value {
   flex: 1;
-  text-align: center;
+  height: 100%;
 }
-.selector .selector-input .el-input__inner[data-v-168f911b] {
-  text-align: center;
-  border: none;
+.array-range {
+  padding: 0 5px;
 }
-.selector .selector-clearable[data-v-168f911b] {
+.array-clear {
+  cursor: pointer;
   align-items: center;
+  display: inline-flex;
   justify-content: center;
-  width: 20px;
-  height: 100%;
+  padding: 5px;
 }
-.selector .selector-clearable svg[data-v-168f911b] {
+.array-clear svg {
   width: 1rem;
   height: 1rem;
 }
-.selector-popper.el-popover.el-popper[data-v-168f911b] {
+.array .el-input .el-input__wrapper {
+  border: none;
+  box-shadow: none;
+}
+.array .el-input .el-input__wrapper input {
+  text-align: center;
+}
+
+.inputs-input {
+  height: 100%;
+}
+
+.selector-popper.el-popover.el-popper {
   padding: 0;
 }
-.selector-popper .selector-select[data-v-168f911b] {
+.selector-select {
   padding: 5px 10px;
   z-index: 1000;
   width: 300px;
   overflow: hidden;
 }
-.selector-popper .selector-select .selector-select-list[data-v-168f911b] {
+.selector-select-list {
   display: flex;
 }
-.selector-popper .selector-select .selector-select-list .selector-select-list-li[data-v-168f911b] {
+.selector-select-list-li {
   flex: 1;
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.selector-popper .selector-select .selector-select-list .selector-select-list-li .selector-select-list-title[data-v-168f911b] {
+.selector-select-list-title {
   padding: 5px 0;
   border-bottom: 1px solid var(--el-border-color-lighter);
   text-align: center;
 }
-.selector-popper .selector-select .selector-select-buts[data-v-168f911b] {
+.selector-select-buts {
   border-top: 1px solid var(--el-border-color-lighter);
   text-align: right;
   padding-right: 0;
+  padding-top: 5px;
 }

package/dist/css/tables.css

@@ -14,17 +14,17 @@
 
 .tables {
   width: 100%;
-  min-height: 100px;
+  min-height: 160px;
   position: relative;
   flex: 1;
   display: flex;
   flex-direction: column;
 }
-.tables-table {
-  background-color: transparent;
-  --el-table-header-bg-color: rgb(248, 248, 249);
-}
 .tables-table.is-absolute {
   position: absolute;
   inset: 0;
+}
+.tables-table {
+  background-color: transparent;
+  --el-table-header-bg-color: rgb(248, 248, 249);
 }

package/dist/css/tablesp.css

@@ -14,20 +14,20 @@
 
 .tables {
   width: 100%;
-  min-height: 100px;
+  min-height: 160px;
   position: relative;
   flex: 1;
   display: flex;
   flex-direction: column;
 }
-.tables-table {
-  background-color: transparent;
-  --el-table-header-bg-color: rgb(248, 248, 249);
-}
 .tables-table.is-absolute {
   position: absolute;
   inset: 0;
 }
+.tables-table {
+  background-color: transparent;
+  --el-table-header-bg-color: rgb(248, 248, 249);
+}
 
 .paging {
   padding: 10px;
@@ -39,6 +39,9 @@
   color: #9b9b9b;
   white-space: pre-wrap;
 }
+.paging-slot > span {
+  margin-right: 10px;
+}
 .paging .el-pagination__total {
   font-size: 14px;
   font-weight: 400;
@@ -60,6 +63,12 @@
 .tablesp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
   display: none;
 }
+.tablesp-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+  background-color: #eee;
+}
 .tablesp-paginat {
   overflow: hidden;
 }

package/dist/css/tablesv.css

@@ -20,9 +20,6 @@
   display: flex;
   flex-direction: column;
 }
-.tablesv-table {
-  background-color: transparent;
-}
 .tablesv-table.is-absolute {
   position: absolute;
   top: 0;
@@ -30,6 +27,9 @@
   bottom: 0;
   left: 0;
 }
+.tablesv-table {
+  background-color: transparent;
+}
 .tablesv-table .vxe-body--column {
   overflow: hidden;
   padding: 8px 0;
@@ -39,7 +39,6 @@
 }
 .tablesv .fv-custom-checkbox {
   cursor: pointer;
-  position: relative;
 }
 .tablesv .fv-custom-checkbox.is-disabled {
   cursor: not-allowed;
@@ -48,6 +47,9 @@
   color: var(--vxe-table-header-font-color);
   font-weight: var(--vxe-table-header-font-weight);
 }
+.tablesv .fv-custom-checkbox {
+  position: relative;
+}
 .tablesv .fv-custom-checkbox .fv-custom-checkbox-mask {
   position: absolute;
   top: 0;
@@ -59,11 +61,13 @@
 }
 .tablesv .fv-custom-radio {
   cursor: pointer;
-  position: relative;
 }
 .tablesv .fv-custom-radio.is-disabled {
   cursor: not-allowed;
 }
+.tablesv .fv-custom-radio {
+  position: relative;
+}
 .tablesv .fv-custom-radio .el-radio {
   height: auto;
 }

package/dist/css/tablesvp.css

@@ -20,9 +20,6 @@
   display: flex;
   flex-direction: column;
 }
-.tablesv-table {
-  background-color: transparent;
-}
 .tablesv-table.is-absolute {
   position: absolute;
   top: 0;
@@ -30,6 +27,9 @@
   bottom: 0;
   left: 0;
 }
+.tablesv-table {
+  background-color: transparent;
+}
 .tablesv-table .vxe-body--column {
   overflow: hidden;
   padding: 8px 0;
@@ -39,7 +39,6 @@
 }
 .tablesv .fv-custom-checkbox {
   cursor: pointer;
-  position: relative;
 }
 .tablesv .fv-custom-checkbox.is-disabled {
   cursor: not-allowed;
@@ -48,6 +47,9 @@
   color: var(--vxe-table-header-font-color);
   font-weight: var(--vxe-table-header-font-weight);
 }
+.tablesv .fv-custom-checkbox {
+  position: relative;
+}
 .tablesv .fv-custom-checkbox .fv-custom-checkbox-mask {
   position: absolute;
   top: 0;
@@ -59,11 +61,13 @@
 }
 .tablesv .fv-custom-radio {
   cursor: pointer;
-  position: relative;
 }
 .tablesv .fv-custom-radio.is-disabled {
   cursor: not-allowed;
 }
+.tablesv .fv-custom-radio {
+  position: relative;
+}
 .tablesv .fv-custom-radio .el-radio {
   height: auto;
 }
@@ -101,6 +105,9 @@
   color: #9b9b9b;
   white-space: pre-wrap;
 }
+.paging-slot > span {
+  margin-right: 10px;
+}
 .paging .el-pagination__total {
   font-size: 14px;
   font-weight: 400;

package/dist/directives/scroll/index.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
 const vScroll = {
   name: "scroll",
   mounted(el, binding) {
@@ -9,7 +10,12 @@ const vScroll = {
     let is = true;
     let selector = el.getAttribute(`scroll-selector`);
     let distance = el.getAttribute(`scroll-distance`) || 10;
+    let loadText = "加载中...";
+    let endText = "无更多数据";
+    let cssname = "v-scroll-add";
+    let isf = false;
     if (typeof value === "function") {
+      isf = true;
       fun = value;
     } else {
       fun = value.onChange;
@@ -20,12 +26,27 @@ const vScroll = {
       if (value.distance) {
         distance = value.distance;
       }
+      if (value.loadText) {
+        loadText = value.loadText;
+      }
+      if (value.endText) {
+        endText = value.endText;
+      }
+      if (value.cssname) {
+        cssname = value.cssname;
+      }
     }
     let t;
     let tm = () => {
       clearTimeout(t);
       t = setTimeout(() => {
-        fun();
+        if (isf) {
+          fun();
+        } else {
+          if (!vue.toValue(value.load) && !vue.toValue(value.end)) {
+            fun();
+          }
+        }
       }, 100);
     };
     let dom = el;
@@ -36,25 +57,51 @@ const vScroll = {
         dom = selector;
       }
     }
-    if (is) {
+    if (dom && is) {
+      if (!isf) {
+        const adddmm = document.createElement("div");
+        adddmm.className = cssname;
+        adddmm.style.display = "none";
+        dom.appendChild(adddmm);
+        vue.watch(value.load, () => {
+          const v = vue.toValue(value.load);
+          if (v) {
+            adddmm.className = cssname + " " + cssname + "-load";
+            adddmm.style.display = "block";
+            adddmm.innerText = loadText;
+          } else {
+            adddmm.style.display = "none";
+          }
+        });
+        vue.watch(value.end, () => {
+          const v = vue.toValue(value.end);
+          if (v) {
+            setTimeout(() => {
+              adddmm.className = cssname + " " + cssname + "-end";
+              adddmm.style.display = "block";
+              adddmm.innerText = endText;
+            }, 100);
+          } else {
+            adddmm.style.display = "none";
+          }
+        });
+      }
       dom.style.overflowY = "auto";
-    }
-    dom.addEventListener(
-      "scroll",
-      function() {
-        if (is) {
+      dom.addEventListener(
+        "scroll",
+        function() {
           let d = this;
           const s = d.scrollHeight - d.scrollTop;
           const h = d.clientHeight;
           if (s - distance < h) {
             tm();
           }
+        },
+        {
+          passive: true
         }
-      },
-      {
-        passive: true
-      }
-    );
+      );
+    }
   }
 };
 exports.default = vScroll;