@fangzhongya/fang-ui 0.1.35 → 0.1.37

package/dist/hooks/props-default/index.js

@@ -5,7 +5,7 @@ function getProps(props) {
     return props;
   }
   const value = {};
-  Object.keys(props).forEach((key) => {
+  for (const key of Object.keys(props)) {
     const v = props[key];
     if (v && typeof v === "object" && "default" in v) {
       const { default: _, ...rest } = v;
@@ -13,72 +13,59 @@ function getProps(props) {
     } else {
       value[key] = v;
     }
-  });
+  }
   return value;
 }
 function usePropsDefault(key, props, dataProps = {}, keyObj) {
   if (!useGlobalConfig("isPropsConfig").value) {
-    if (keyObj) {
-      if (Object.keys(keyObj).length > 0) {
-        return new Proxy(props, {
-          get(_target, k) {
-            const v = _target[k];
-            if (v === void 0) {
-              if (typeof k === "string" && hasOwn(keyObj, k)) {
-                if (typeof keyObj[k] === "function") {
-                  return keyObj[k]();
-                } else {
-                  return keyObj[k];
-                }
-              }
-              return v;
-            }
-            return _target[k];
-          }
-        });
-      }
+    if (!keyObj || Object.keys(keyObj).length === 0) {
+      return props;
     }
-    return props;
+    return new Proxy(props, {
+      get(target, k) {
+        const v = target[k];
+        if (v !== void 0) return v;
+        return getKeyObjValue(k, keyObj);
+      }
+    });
   }
   const defaultConfig = useGlobalConfig("defaultConfig", {});
   const value = defaultConfig.value[key] || {};
-  const getValue = (k) => {
-    var _a;
-    const v = value[k] ?? useGlobalConfig(k).value;
-    if (v === void 0) {
-      if (keyObj && hasOwn(keyObj, k)) {
-        if (typeof keyObj[k] === "function") {
-          return keyObj[k]();
-        } else {
-          return keyObj[k];
-        }
-      }
-      if (hasOwn(dataProps, k)) {
-        const d = dataProps[k]["default"];
-        if (d !== void 0) {
-          if (typeof ((_a = dataProps[k]) == null ? void 0 : _a.type()) === "function") {
-            return d;
-          } else if (typeof d === "function") {
-            return d();
-          }
-          return d;
-        }
-      }
-    }
-    return v;
-  };
   return new Proxy(props, {
     get(target, propKey) {
       const v = target[propKey];
-      if (v === void 0) {
-        if (typeof propKey === "string") {
-          return getValue(propKey);
-        }
+      if (v !== void 0) return v;
+      if (typeof propKey === "string") {
+        return getConfigValue(propKey, value, keyObj, dataProps);
       }
       return v;
     }
   });
 }
+function getKeyObjValue(k, keyObj) {
+  if (typeof k !== "string" || !hasOwn(keyObj, k)) {
+    return void 0;
+  }
+  const keyValue = keyObj[k];
+  return typeof keyValue === "function" ? keyValue() : keyValue;
+}
+function getConfigValue(k, value, keyObj, dataProps = {}) {
+  const configValue = value[k] ?? useGlobalConfig(k).value;
+  if (configValue !== void 0) return configValue;
+  const keyObjValue = keyObj ? getKeyObjValue(k, keyObj) : void 0;
+  if (keyObjValue !== void 0) return keyObjValue;
+  return getDataPropsValue(k, dataProps);
+}
+function getDataPropsValue(k, dataProps) {
+  if (!hasOwn(dataProps, k)) return void 0;
+  const propConfig = dataProps[k];
+  const defaultValue = propConfig.default;
+  if (defaultValue === void 0) return void 0;
+  if (typeof (propConfig == null ? void 0 : propConfig.type()) === "function") {
+    return defaultValue;
+  }
+  return typeof defaultValue === "function" ? defaultValue() : defaultValue;
+}
 function viewProps(target, name = "") {
 }
 export {

package/dist/icons/iconify.cjs

@@ -41,7 +41,7 @@ const iconify = (app, ify, { prefix = config.defaultPrefix } = {}) => {
     height: ify.height
   };
   const icons = ify.icons;
-  Object.keys(icons).forEach((key) => {
+  for (const key of Object.keys(icons)) {
     app.component(
       prefix + lineToLargeHump.lineToLargeHump(key),
       createSVG({
@@ -50,9 +50,9 @@ const iconify = (app, ify, { prefix = config.defaultPrefix } = {}) => {
         ...icons[key]
       })
     );
-  });
+  }
   const aliases = ify.aliases;
-  Object.keys(aliases).forEach((key) => {
+  for (const key of Object.keys(aliases)) {
     const a = aliases[key];
     app.component(
       prefix + lineToLargeHump.lineToLargeHump(key),
@@ -62,6 +62,6 @@ const iconify = (app, ify, { prefix = config.defaultPrefix } = {}) => {
         ...icons[a.parent]
       })
     );
-  });
+  }
 };
 exports.iconify = iconify;

package/dist/icons/iconify.js

@@ -39,7 +39,7 @@ const iconify = (app, ify, { prefix = defaultPrefix } = {}) => {
     height: ify.height
   };
   const icons = ify.icons;
-  Object.keys(icons).forEach((key) => {
+  for (const key of Object.keys(icons)) {
     app.component(
       prefix + lineToLargeHump(key),
       createSVG({
@@ -48,9 +48,9 @@ const iconify = (app, ify, { prefix = defaultPrefix } = {}) => {
         ...icons[key]
       })
     );
-  });
+  }
   const aliases = ify.aliases;
-  Object.keys(aliases).forEach((key) => {
+  for (const key of Object.keys(aliases)) {
     const a = aliases[key];
     app.component(
       prefix + lineToLargeHump(key),
@@ -60,7 +60,7 @@ const iconify = (app, ify, { prefix = defaultPrefix } = {}) => {
         ...icons[a.parent]
       })
     );
-  });
+  }
 };
 export {
   iconify

package/dist/icons/index.json

@@ -1,7 +1,7 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1763621868916,
+    "lastModified": 1764079293714,
     "icons": {
         "bar": {
             "body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "

package/dist/index.cjs

@@ -151,14 +151,14 @@ const index$2h = require("./components/select-dialog/index.cjs");
 const index$2i = require("./components/select-popover/index.cjs");
 const index$2j = require("./components/tree-select-box/index.cjs");
 const index$2k = require("./components/user-select/index.cjs");
-const index$2l = require("./components/array/index.cjs");
-const index$2m = require("./components/buttons/index.cjs");
-const index$2n = require("./components/cascaders/index.cjs");
-const index$2o = require("./components/checks/index.cjs");
-const index$2p = require("./components/dates-divide/index.cjs");
-const index$2q = require("./components/dates-picker/index.cjs");
-const index$2r = require("./components/dates/index.cjs");
-const index$2s = require("./components/dates2/index.cjs");
+const index$2l = require("./components/buttons/index.cjs");
+const index$2m = require("./components/cascaders/index.cjs");
+const index$2n = require("./components/checks/index.cjs");
+const index$2o = require("./components/dates-divide/index.cjs");
+const index$2p = require("./components/dates-picker/index.cjs");
+const index$2q = require("./components/dates/index.cjs");
+const index$2r = require("./components/dates2/index.cjs");
+const index$2s = require("./components/double/index.cjs");
 const index$2t = require("./components/edit-float/index.cjs");
 const index$2u = require("./components/edit/index.cjs");
 const index$2v = require("./components/history/index.cjs");
@@ -198,15 +198,15 @@ const index$30 = require("./directives/stick/index.cjs");
 const index = {
   install: function(app) {
     const com = index$31;
-    Object.keys(com).forEach((key) => {
+    for (const key of Object.keys(com)) {
       if (com[key].install) {
         com[key].install(app);
       }
-    });
+    }
     const dire = index$32;
-    Object.keys(dire).forEach((key) => {
+    for (const key of Object.keys(dire)) {
       app.directive(key, dire[key]);
-    });
+    }
     index$33.default(app);
   }
 };
@@ -317,14 +317,14 @@ exports.SelectDialog = index$2h.SelectDialog;
 exports.SelectPopover = index$2i.SelectPopover;
 exports.TreeSelectBox = index$2j.TreeSelectBox;
 exports.UserSelect = index$2k.UserSelect;
-exports.Array = index$2l.Array;
-exports.Buttons = index$2m.Buttons;
-exports.Cascaders = index$2n.Cascaders;
-exports.Checks = index$2o.Checks;
-exports.DatesDivide = index$2p.DatesDivide;
-exports.DatesPicker = index$2q.DatesPicker;
-exports.Dates = index$2r.Dates;
-exports.Dates2 = index$2s.Dates2;
+exports.Buttons = index$2l.Buttons;
+exports.Cascaders = index$2m.Cascaders;
+exports.Checks = index$2n.Checks;
+exports.DatesDivide = index$2o.DatesDivide;
+exports.DatesPicker = index$2p.DatesPicker;
+exports.Dates = index$2q.Dates;
+exports.Dates2 = index$2r.Dates2;
+exports.Double = index$2s.Double;
 exports.EditFloat = index$2t.EditFloat;
 exports.Edit = index$2u.Edit;
 exports.History = index$2v.History;

package/dist/index.css

@@ -3,7 +3,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -49,19 +49,20 @@
   display: grid;
 }
 
-.array {
+.double {
   width: 100%;
   display: inline-flex;
   align-items: center;
-  padding: 1px;
+  box-sizing: content-box;
+  padding: 1.2px 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));
 }
-.array.is-focus {
+.double.is-focus {
   box-shadow: 0 0 0 1px var(--color-primary) inset;
 }
-.array-error {
+.double-error {
   position: absolute;
   bottom: -23px;
   color: #f00;
@@ -69,40 +70,40 @@
   border-radius: 4px;
   left: 12px;
 }
-.array-error.type-1 {
+.double-error.type-1 {
   left: calc(50% + 24px);
 }
-.array-error.type-1.is-clear {
+.double-error.type-1.is-clear {
   left: calc(50% + 11px);
 }
-.array-focus {
+.double-focus {
   position: absolute;
   z-index: -1;
   opacity: 0;
 }
-.array-value {
+.double-value {
   flex: 1;
   height: 100%;
 }
-.array-range {
+.double-range {
   padding: 0 5px;
 }
-.array-clear {
+.double-clear {
   cursor: pointer;
   align-items: center;
   display: inline-flex;
   justify-content: center;
   padding: 5px;
 }
-.array-clear svg {
+.double-clear svg {
   width: 1rem;
   height: 1rem;
 }
-.array .el-input .el-input__wrapper {
+.double .el-input .el-input__wrapper {
   border: none;
   box-shadow: none;
 }
-.array .el-input .el-input__wrapper input {
+.double .el-input .el-input__wrapper input {
   text-align: center;
 }
 
@@ -506,7 +507,7 @@
   display: none;
   align-items: center;
   justify-content: center;
-  color: #fff;
+  color: #ffffff;
 }
 .uploads-list-li-operation > span {
   font-size: 16px;
@@ -680,7 +681,7 @@
   padding: 10px;
   position: relative;
   background-color: #467ddc;
-  color: #fff;
+  color: #ffffff;
   align-items: center;
   display: flex;
 }
@@ -714,7 +715,7 @@
   top: 30%;
   left: 30%;
   z-index: 100;
-  background: #fff;
+  background: #ffffff;
   width: 40%;
   height: 40%;
   display: flex;
@@ -764,7 +765,7 @@
 .box-body {
   position: relative;
   z-index: 100;
-  background: #fff;
+  background: #ffffff;
   min-width: 30%;
   min-height: 20%;
   max-height: 90%;
@@ -798,7 +799,7 @@
 }
 .dialogs.el-dialog .el-dialog__header .el-dialog__title,
 .dialogs.el-dialog .el-dialog__header .el-dialog__close {
-  color: #fff;
+  color: #ffffff;
 }
 .dialogs.el-dialog .el-dialog__header .el-dialog__headerbtn {
   width: 56px;
@@ -816,7 +817,7 @@
 .full-screen {
   width: 100%;
   height: 100%;
-  background-color: #fff;
+  background-color: #ffffff;
   position: relative;
 }
 .full-screen-buts {
@@ -849,7 +850,7 @@
   top: 30%;
   left: 30%;
   z-index: 100;
-  background: #fff;
+  background: #ffffff;
   width: 40%;
   height: 40%;
   display: flex;
@@ -888,7 +889,7 @@
   position: absolute;
   padding: 10px;
   z-index: 9999;
-  background: #fff;
+  background: #ffffff;
   border: 1px solid #cfd7e5;
   border-radius: 8px;
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
@@ -942,7 +943,7 @@
   top: 30%;
   left: 30%;
   z-index: 100;
-  background: #fff;
+  background: #ffffff;
   width: 40%;
   height: 40%;
   display: flex;
@@ -1118,7 +1119,6 @@
   white-space: nowrap;
 }
 .list-div .list-table .is-width .list-table-label {
-  white-space: pre-wrap;
   word-break: break-all;
   white-space: normal;
   display: block;
@@ -1130,10 +1130,8 @@
   white-space: pre-wrap;
 }
 .list-div .list-table .list-table-value {
-  white-space: pre-wrap;
   word-break: break-all;
   white-space: normal;
-  display: block;
   max-height: var(--list-row-max-height);
   display: -webkit-box;
   -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
@@ -1421,7 +1419,7 @@
   height: 100%;
   border-radius: 8px;
   background: #000;
-  color: #fff;
+  color: #ffffff;
   position: relative;
   --videos-list-width: 20%;
 }
@@ -1539,6 +1537,7 @@
 }
 .retract .retract-but {
   position: absolute;
+  background-color: rgba(201, 201, 201, 0.5);
 }
 .retract .retract-but .retract-icon {
   width: 100%;
@@ -1554,9 +1553,6 @@
 .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;
@@ -1659,6 +1655,7 @@
   background-color: #eee;
 }
 .lists-list {
+  overflow-y: auto;
   padding: 0 var(--lists-interval-horizon, var(--lists-interval));
 }
 .lists-list.is-absolute {
@@ -1673,7 +1670,7 @@
   margin-top: calc(var(--lists-interval) * 2);
 }
 .lists-list-item {
-  background-color: #fff;
+  background-color: #ffffff;
   margin: 0 var(--lists-interval-horizon, var(--lists-interval));
   margin-bottom: calc(var(--lists-interval) * 2);
 }

package/dist/index.js

@@ -150,7 +150,6 @@ import { SelectDialog } from "./components/select-dialog/index.js";
 import { SelectPopover } from "./components/select-popover/index.js";
 import { TreeSelectBox } from "./components/tree-select-box/index.js";
 import { UserSelect } from "./components/user-select/index.js";
-import { Array } from "./components/array/index.js";
 import { Buttons } from "./components/buttons/index.js";
 import { Cascaders } from "./components/cascaders/index.js";
 import { Checks } from "./components/checks/index.js";
@@ -158,6 +157,7 @@ import { DatesDivide } from "./components/dates-divide/index.js";
 import { DatesPicker } from "./components/dates-picker/index.js";
 import { Dates } from "./components/dates/index.js";
 import { Dates2 } from "./components/dates2/index.js";
+import { Double } from "./components/double/index.js";
 import { EditFloat } from "./components/edit-float/index.js";
 import { Edit } from "./components/edit/index.js";
 import { History } from "./components/history/index.js";
@@ -197,22 +197,21 @@ import { default as default9 } from "./directives/stick/index.js";
 const index = {
   install: function(app) {
     const com = index$K;
-    Object.keys(com).forEach((key) => {
+    for (const key of Object.keys(com)) {
       if (com[key].install) {
         com[key].install(app);
       }
-    });
+    }
     const dire = index$L;
-    Object.keys(dire).forEach((key) => {
+    for (const key of Object.keys(dire)) {
       app.directive(key, dire[key]);
-    });
+    }
     icons(app);
   }
 };
 export {
   default2 as Adjust,
   Alert,
-  Array,
   Audios,
   Autocomplete,
   Box,
@@ -248,6 +247,7 @@ export {
   Dialog,
   Dialogs,
   Divider,
+  Double,
   default3 as Drag,
   Draggable,
   Drawer,

package/dist/type.d.ts

@@ -38,6 +38,10 @@ type Rule = {
 	 * 校验方法
 	 */
 	judge: string;
+	/**
+	 * 校验失败提示
+	 */
+	error?: string;
 };
 
 type ListObj = {
@@ -66,7 +70,7 @@ type ListObj = {
 	/**
 	 * 展示字段名称
 	 */
-	label?: string | ListObj;
+	label?: string | ListObj | Function;
 	/**
 	 * 展示字段名称的文本，用来校验提示，输入框提示
 	 */

package/dist/utils/local.cjs

@@ -4,12 +4,10 @@ const local = "";
 function getKey(key, isCom) {
   if (isCom) {
     return key;
+  } else if (local) {
+    return `${local}-${key}`;
   } else {
-    if (local) {
-      return `${local}-${key}`;
-    } else {
-      return key;
-    }
+    return key;
   }
 }
 function setLocal(key, value = "", isCom = false) {

package/dist/utils/local.js

@@ -2,12 +2,10 @@ const local = "";
 function getKey(key, isCom) {
   if (isCom) {
     return key;
+  } else if (local) {
+    return `${local}-${key}`;
   } else {
-    if (local) {
-      return `${local}-${key}`;
-    } else {
-      return key;
-    }
+    return key;
   }
 }
 function setLocal(key, value = "", isCom = false) {