@fangzhongya/fang-ui 0.1.45 → 0.1.47

package/dist/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/type.d.ts

@@ -37,7 +37,7 @@ type Rule = {
 	/**
 	 * 校验方法
 	 */
-	judge?: string | Function;
+	check?: string | Function;
 	/**
 	 * 校验失败提示
 	 */
@@ -49,7 +49,7 @@ type Rule = {
 		| string
 		| {
 				prop?: string;
-				judge?: Function;
+				check?: Function;
 		  };
 };
 

package/dist/utils/css.cjs

@@ -1,16 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
-const getCss = require("@fangzhongya/utils/css/getCss");
 function getCssNumber(str = "") {
   return Number(String(str ?? "").replaceAll(/[^0-9.-]/g, ""));
 }
-Object.defineProperty(exports, "setObjStyle", {
-  enumerable: true,
-  get: () => setObjStyle.setObjStyle
-});
-Object.defineProperty(exports, "getCss", {
-  enumerable: true,
-  get: () => getCss.getCss
-});
 exports.getCssNumber = getCssNumber;

package/dist/utils/css.d.ts

@@ -1,3 +1 @@
-export { setObjStyle } from '@fangzhongya/utils/css/setObjStyle';
-export { getCss } from '@fangzhongya/utils/css/getCss';
 export declare function getCssNumber(str?: string): number;

package/dist/utils/css.js

@@ -1,10 +1,6 @@
-import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
-import { getCss } from "@fangzhongya/utils/css/getCss";
 function getCssNumber(str = "") {
   return Number(String(str ?? "").replaceAll(/[^0-9.-]/g, ""));
 }
 export {
-  getCss,
-  getCssNumber,
-  setObjStyle
+  getCssNumber
 };

package/dist/utils/vues/buildProps.d.ts

@@ -1 +1,6 @@
+/**
+ * 构建并返回传入的属性对象
+ * @param props - 要构建的属性对象
+ * @returns 返回传入的属性对象本身
+ */
 export declare function buildProps<T>(props: T): T;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.1.45",
+  "version": "0.1.47",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -51,13 +51,13 @@
     "vue-tsc": "^3.1.5",
     "vxe-table": "4.6.20",
     "@fang-ui/components": "0.0.1-0",
+    "@fang-ui/icons": "0.0.1-0",
     "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/hooks": "0.0.1-0",
-    "@fang-ui/icons": "0.0.1-0",
     "@fang-ui/locale": "0.0.1-0",
+    "@fang-ui/utils": "0.0.1-0",
     "@fang-ui/theme": "0.0.1-0",
-    "@fang-ui/types": "0.0.1-0",
-    "@fang-ui/utils": "0.0.1-0"
+    "@fang-ui/types": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",