@fangzhongya/fang-ui 0.1.51 → 0.1.53

package/dist/css/index.css

@@ -1095,6 +1095,14 @@
   white-space: pre-wrap;
 }
 
+.com-limit.is-tooltip {
+  max-height: var(--com-limit-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+}
+
 .tables {
   width: 100%;
   min-height: var(--tables-min-height, 70px);
@@ -1452,9 +1460,17 @@
 .retract {
   position: relative;
 }
+.retract-div.left, .retract-div.right {
+  height: 100%;
+  display: flex;
+}
+.retract-div.top, .retract-div.bottom {
+  width: 100%;
+}
 .retract .retract-but {
   position: absolute;
   background-color: rgba(201, 201, 201, 0.5);
+  z-index: 1000;
 }
 .retract .retract-but .retract-icon {
   width: 100%;
@@ -1477,6 +1493,9 @@
   margin-top: -25px;
   left: -20px;
 }
+.retract .retract-but.is-left.is-adjust {
+  left: -10px;
+}
 .retract .retract-but.is-left .retract-icon {
   transform: rotate(0);
 }
@@ -1490,6 +1509,9 @@
   margin-top: -25px;
   right: -20px;
 }
+.retract .retract-but.is-right.is-adjust {
+  right: -10px;
+}
 .retract .retract-but.is-right .retract-icon {
   transform: rotate(-180deg);
 }
@@ -1503,6 +1525,9 @@
   margin-left: -25px;
   top: -20px;
 }
+.retract .retract-but.is-top.is-adjust {
+  top: -10px;
+}
 .retract .retract-but.is-top .retract-icon {
   transform: rotate(90deg);
 }
@@ -1516,6 +1541,9 @@
   margin-left: -25px;
   bottom: -20px;
 }
+.retract .retract-but.is-bottom.is-adjust {
+  bottom: -10px;
+}
 .retract .retract-but.is-bottom .retract-icon {
   transform: rotate(-90deg);
 }
@@ -1540,6 +1568,127 @@
   width: 120px;
 }
 
+.edit-data-add {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-add-main {
+  flex: 1;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-add-main-top {
+  width: 100%;
+}
+.edit-data-add-main-top-li {
+  display: flex;
+  align-items: center;
+  padding: 10px;
+}
+.edit-data-add-main-top-li-value {
+  flex: 1;
+}
+.edit-data-add-main-content {
+  flex: 1;
+  width: 100%;
+  margin: 10px;
+}
+.edit-data-add-main-content-name {
+  margin-bottom: 10px;
+}
+.edit-data-add-footer {
+  padding-top: 20px;
+  text-align: right;
+}
+
+.edit-data-general-set {
+  display: flex;
+  align-items: center;
+}
+.edit-data-editor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-editor-main {
+  flex: 1;
+  position: relative;
+}
+.edit-data-editor-content {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+}
+.edit-data-editor-content .edit-data-code {
+  height: 100%;
+  width: 100%;
+}
+.edit-data-editor-content .edit-data-code .inputs {
+  height: 100%;
+  width: 100%;
+}
+.edit-data-editor-content .edit-data-code .inputs textarea {
+  height: 100%;
+  width: 100%;
+}
+.edit-data-editor-footer {
+  padding-top: 20px;
+  text-align: right;
+}
+.edit-data-area-array, .edit-data-area-object {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-area-array-main, .edit-data-area-object-main {
+  flex: 1;
+  width: 100%;
+  position: relative;
+}
+.edit-data-area-array-content, .edit-data-area-object-content {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+}
+.edit-data-area-array-json, .edit-data-area-object-json {
+  width: 100%;
+  height: 100%;
+}
+.edit-data-area-array-json .tabs, .edit-data-area-object-json .tabs {
+  width: 100%;
+  height: 100%;
+}
+.edit-data-area-array-json .tabs .tab-pane, .edit-data-area-object-json .tabs .tab-pane {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+}
+.edit-data-area-array-add, .edit-data-area-object-add {
+  margin-bottom: 10px;
+}
+.edit-data-area-comp {
+  width: 100%;
+}
+.edit-data-area-comp-li {
+  min-height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.edit-data-area-comp-li-div {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+.edit-data-area-comp-li-name {
+  padding: 0 10px;
+}
+
 .edit-float-body {
   display: inline-flex;
   align-items: center;

package/dist/css/page.css

@@ -707,6 +707,14 @@
   white-space: pre-wrap;
 }
 
+.com-limit.is-tooltip {
+  max-height: var(--com-limit-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+}
+
 .tables {
   width: 100%;
   min-height: var(--tables-min-height, 70px);

package/dist/css/retract.css

@@ -25,9 +25,17 @@
 .retract {
   position: relative;
 }
+.retract-div.left, .retract-div.right {
+  height: 100%;
+  display: flex;
+}
+.retract-div.top, .retract-div.bottom {
+  width: 100%;
+}
 .retract .retract-but {
   position: absolute;
   background-color: rgba(201, 201, 201, 0.5);
+  z-index: 1000;
 }
 .retract .retract-but .retract-icon {
   width: 100%;
@@ -50,6 +58,9 @@
   margin-top: -25px;
   left: -20px;
 }
+.retract .retract-but.is-left.is-adjust {
+  left: -10px;
+}
 .retract .retract-but.is-left .retract-icon {
   transform: rotate(0);
 }
@@ -63,6 +74,9 @@
   margin-top: -25px;
   right: -20px;
 }
+.retract .retract-but.is-right.is-adjust {
+  right: -10px;
+}
 .retract .retract-but.is-right .retract-icon {
   transform: rotate(-180deg);
 }
@@ -76,6 +90,9 @@
   margin-left: -25px;
   top: -20px;
 }
+.retract .retract-but.is-top.is-adjust {
+  top: -10px;
+}
 .retract .retract-but.is-top .retract-icon {
   transform: rotate(90deg);
 }
@@ -89,6 +106,9 @@
   margin-left: -25px;
   bottom: -20px;
 }
+.retract .retract-but.is-bottom.is-adjust {
+  bottom: -10px;
+}
 .retract .retract-but.is-bottom .retract-icon {
   transform: rotate(-90deg);
 }

package/dist/css/tables.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
@@ -22,6 +23,14 @@
   line-height: var(--lable-array-height);
 }
 
+.com-limit.is-tooltip {
+  max-height: var(--com-limit-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+}
+
 .tables {
   width: 100%;
   min-height: var(--tables-min-height, 70px);

package/dist/css/tablesp.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
@@ -22,6 +23,14 @@
   line-height: var(--lable-array-height);
 }
 
+.com-limit.is-tooltip {
+  max-height: var(--com-limit-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+}
+
 .tables {
   width: 100%;
   min-height: var(--tables-min-height, 70px);

package/dist/css/tablespd.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
@@ -22,6 +23,14 @@
   line-height: var(--lable-array-height);
 }
 
+.com-limit.is-tooltip {
+  max-height: var(--com-limit-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--com-limit-line-clamp, 1); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  text-overflow: ellipsis;
+}
+
 .tables {
   width: 100%;
   min-height: var(--tables-min-height, 70px);

package/dist/directives/adjust/index.cjs

@@ -5,8 +5,8 @@ const getCss = require("@fangzhongya/utils/css/getCss");
 const splitUpper = require("@fangzhongya/utils/basic/string/splitUpper");
 const getShiftEvent = require("@fangzhongya/utils/dom/getShiftEvent");
 const setCss = require("@fangzhongya/utils/css/setCss");
-const interval = 8;
-const interval2 = 14;
+const interval = 10;
+const interval2 = 16;
 const overstep = 1e3;
 const unit = "px";
 function getPosition(el) {
@@ -421,7 +421,7 @@ function getAdjustObj(el, key, param) {
     if (typeof param.adjoin == "boolean") {
       obj.adjoin = getAdjoin(el, key);
     } else if (typeof param.adjoin == "string") {
-      obj.adjoin = (_a = el.parentElement) == null ? void 0 : _a.querySelector(param.adjoin);
+      obj.adjoin = ((_a = el.parentElement) == null ? void 0 : _a.querySelector(param.adjoin)) || void 0;
     } else {
       obj.adjoin = param.adjoin;
     }
@@ -477,7 +477,7 @@ function getAdjustObj(el, key, param) {
   };
 }
 function getArr(obj, el) {
-  const arr = obj.all ? types : Object.keys(obj);
+  const arr = obj.all ? types : Object.keys(obj).filter((key) => types.includes(key));
   return arr.toSorted((a, b) => {
     return b.length - a.length;
   }).map((key) => {
@@ -489,10 +489,18 @@ const vAdjust = {
   name: "Adjust",
   mounted(el, binding) {
     const value = binding.value;
+    if (value.is === false) {
+      return;
+    }
+    if (value.dom) {
+      if (typeof value.dom == "string") {
+        el = el.querySelector(value.dom);
+      } else {
+        el = value.dom;
+      }
+    }
     const often = value.often;
     const onChange = value.onChange;
-    delete value.onChange;
-    delete value.often;
     if (value && Object.keys(value).length > 0) {
       let getVobj = function(e) {
         let is = true;

package/dist/directives/adjust/index.js

@@ -3,8 +3,8 @@ import { getCss } from "@fangzhongya/utils/css/getCss";
 import { splitUpper } from "@fangzhongya/utils/basic/string/splitUpper";
 import { shiftEvent } from "@fangzhongya/utils/dom/getShiftEvent";
 import { setCss } from "@fangzhongya/utils/css/setCss";
-const interval = 8;
-const interval2 = 14;
+const interval = 10;
+const interval2 = 16;
 const overstep = 1e3;
 const unit = "px";
 function getPosition(el) {
@@ -419,7 +419,7 @@ function getAdjustObj(el, key, param) {
     if (typeof param.adjoin == "boolean") {
       obj.adjoin = getAdjoin(el, key);
     } else if (typeof param.adjoin == "string") {
-      obj.adjoin = (_a = el.parentElement) == null ? void 0 : _a.querySelector(param.adjoin);
+      obj.adjoin = ((_a = el.parentElement) == null ? void 0 : _a.querySelector(param.adjoin)) || void 0;
     } else {
       obj.adjoin = param.adjoin;
     }
@@ -475,7 +475,7 @@ function getAdjustObj(el, key, param) {
   };
 }
 function getArr(obj, el) {
-  const arr = obj.all ? types : Object.keys(obj);
+  const arr = obj.all ? types : Object.keys(obj).filter((key) => types.includes(key));
   return arr.toSorted((a, b) => {
     return b.length - a.length;
   }).map((key) => {
@@ -487,10 +487,18 @@ const vAdjust = {
   name: "Adjust",
   mounted(el, binding) {
     const value = binding.value;
+    if (value.is === false) {
+      return;
+    }
+    if (value.dom) {
+      if (typeof value.dom == "string") {
+        el = el.querySelector(value.dom);
+      } else {
+        el = value.dom;
+      }
+    }
     const often = value.often;
     const onChange = value.onChange;
-    delete value.onChange;
-    delete value.often;
     if (value && Object.keys(value).length > 0) {
       let getVobj = function(e) {
         let is = true;