@fangzhongya/fang-ui 0.1.16 → 0.1.18

package/dist/components/common/use.cjs

@@ -53,11 +53,50 @@ function getFormRule(obj) {
     }
   }
 }
+function setComputed(obj, v) {
+  if (obj.computed) {
+    if (obj.default) {
+      const value = obj.default;
+      if (obj.computed instanceof Array) {
+        obj.computed.forEach((k, i) => {
+          if (value instanceof Array) {
+            v[k] = value[i];
+          } else {
+            v[k] = value ? value[k] : void 0;
+          }
+        });
+      } else if (obj.computed.set) {
+        obj.computed.set(value, v, obj);
+      }
+    } else {
+      if (obj.prop) {
+        const r = v[obj.prop];
+        if (obj.computed instanceof Array) {
+          v[obj.prop] = obj.computed.map((k) => {
+            return v[k];
+          });
+        } else if (obj.computed.get) {
+          v[obj.prop] = obj.computed.get(r, v, obj);
+        }
+        obj.default = v[obj.prop];
+      } else {
+        if (obj.computed instanceof Array) {
+          obj.default = obj.computed.map((k) => {
+            return v[k];
+          });
+        } else if (obj.computed.get) {
+          obj.default = obj.computed.get(void 0, v, obj);
+        }
+      }
+    }
+  }
+}
 function setFormDefaultValue(obj, value) {
   let v = util.getChildrenData(obj, value, true) ?? {};
   if (obj.orig) {
     v = value;
   }
+  setComputed(obj, v);
   const prop = obj.prop;
   if (prop) {
     if (obj.pars) {

package/dist/components/common/use.js

@@ -51,11 +51,50 @@ function getFormRule(obj) {
     }
   }
 }
+function setComputed(obj, v) {
+  if (obj.computed) {
+    if (obj.default) {
+      const value = obj.default;
+      if (obj.computed instanceof Array) {
+        obj.computed.forEach((k, i) => {
+          if (value instanceof Array) {
+            v[k] = value[i];
+          } else {
+            v[k] = value ? value[k] : void 0;
+          }
+        });
+      } else if (obj.computed.set) {
+        obj.computed.set(value, v, obj);
+      }
+    } else {
+      if (obj.prop) {
+        const r = v[obj.prop];
+        if (obj.computed instanceof Array) {
+          v[obj.prop] = obj.computed.map((k) => {
+            return v[k];
+          });
+        } else if (obj.computed.get) {
+          v[obj.prop] = obj.computed.get(r, v, obj);
+        }
+        obj.default = v[obj.prop];
+      } else {
+        if (obj.computed instanceof Array) {
+          obj.default = obj.computed.map((k) => {
+            return v[k];
+          });
+        } else if (obj.computed.get) {
+          obj.default = obj.computed.get(void 0, v, obj);
+        }
+      }
+    }
+  }
+}
 function setFormDefaultValue(obj, value) {
   let v = getChildrenData(obj, value, true) ?? {};
   if (obj.orig) {
     v = value;
   }
+  setComputed(obj, v);
   const prop = obj.prop;
   if (prop) {
     if (obj.pars) {

package/dist/components/date-picker/style/element.scss

@@ -1,7 +1,7 @@
-/**
- * @config cover=true
- */
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-// @use '../../date-picker-panel/style/index2.scss' as *;
-@use 'element-plus/theme-chalk/src/popper.scss' as *;
-@use 'element-plus/theme-chalk/src/date-picker.scss' as *;
+/**
+ * @config cover=true
+ */
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+// @use '../../date-picker-panel/style/index2.scss' as *;
+@use 'element-plus/theme-chalk/src/popper.scss' as *;
+@use 'element-plus/theme-chalk/src/date-picker.scss' as *;

package/dist/components/forms/src/setup.cjs

@@ -95,6 +95,20 @@ function setUp(props, emit, cs, refForm, getLocale) {
     }
     return setObjStyle.setObjStyle(vst, obj);
   }
+  function setReset() {
+    const setListValue = (arr, listobj) => {
+      arr == null ? void 0 : arr.forEach((obj) => {
+        if (listobj) {
+          obj.father = obj.father ?? listobj;
+        }
+        if (obj.children) {
+          setListValue(obj.children, obj);
+        }
+        use.setFormDefaultValue(obj, dataForm.value);
+      });
+    };
+    setListValue(props.list);
+  }
   function getRules() {
     const rules = {};
     const setListValue = (arr, listobj) => {
@@ -106,9 +120,7 @@ function setUp(props, emit, cs, refForm, getLocale) {
         if (obj.children) {
           setListValue(obj.children, obj);
         }
-        if (obj.prop) {
-          use.setFormDefaultValue(obj, dataForm.value);
-        }
+        use.setFormDefaultValue(obj, dataForm.value);
         let trigger = 1;
         if (typeof obj.compon == "string") {
           if (Changes.includes(lineToLargeHump.lineToLargeHump(obj.compon))) {
@@ -199,6 +211,7 @@ function setUp(props, emit, cs, refForm, getLocale) {
   function resetFields() {
     var _a;
     (_a = refForm.value) == null ? void 0 : _a.resetFields();
+    setReset();
   }
   function validateField(...arr) {
     var _a;

package/dist/components/forms/src/setup.js

@@ -93,6 +93,20 @@ function setUp(props, emit, cs, refForm, getLocale) {
     }
     return setObjStyle(vst, obj);
   }
+  function setReset() {
+    const setListValue = (arr, listobj) => {
+      arr == null ? void 0 : arr.forEach((obj) => {
+        if (listobj) {
+          obj.father = obj.father ?? listobj;
+        }
+        if (obj.children) {
+          setListValue(obj.children, obj);
+        }
+        setFormDefaultValue(obj, dataForm.value);
+      });
+    };
+    setListValue(props.list);
+  }
   function getRules() {
     const rules = {};
     const setListValue = (arr, listobj) => {
@@ -104,9 +118,7 @@ function setUp(props, emit, cs, refForm, getLocale) {
         if (obj.children) {
           setListValue(obj.children, obj);
         }
-        if (obj.prop) {
-          setFormDefaultValue(obj, dataForm.value);
-        }
+        setFormDefaultValue(obj, dataForm.value);
         let trigger = 1;
         if (typeof obj.compon == "string") {
           if (Changes.includes(lineToLargeHump(obj.compon))) {
@@ -197,6 +209,7 @@ function setUp(props, emit, cs, refForm, getLocale) {
   function resetFields() {
     var _a;
     (_a = refForm.value) == null ? void 0 : _a.resetFields();
+    setReset();
   }
   function validateField(...arr) {
     var _a;

package/dist/components/forms-div/src/index2.cjs

@@ -5,6 +5,7 @@ const data = require("./data.cjs");
 require("../../../utils/index.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const use = require("../../common/use.cjs");
+const isEqual = require("@fangzhongya/utils/basic/object/isEqual");
 const index$1 = require("../../../hooks/props-default/index.cjs");
 const data$1 = require("../../forms/src/data.cjs");
 const objValue = require("@fangzhongya/utils/basic/object/objValue");
@@ -20,7 +21,6 @@ const _sfc_main = vue.defineComponent({
     const prs = index$1.usePropsDefault(data.name, p, data.dataProps);
     index$1.viewProps(prs, data.name);
     const props = prs.listobj;
-    console.log("props", props);
     const compons = vue.inject(data$1.provides.compons, {});
     const formvalue = vue.computed(() => {
       const o = {};
@@ -59,13 +59,24 @@ const _sfc_main = vue.defineComponent({
           r = z;
         }
         if (props.computed) {
+          let c;
           if (props.computed instanceof Array) {
-            r = props.computed.map((k) => {
+            c = props.computed.map((k) => {
               return v[k];
             });
           } else if (props.computed.get) {
-            r = props.computed.get(r, v, props);
+            c = props.computed.get(r, v, props);
           }
+          if (prop) {
+            if (!isEqual.isEqual(c, r)) {
+              if (props.pars) {
+                objValue.setObjValue(v, prop, c);
+              } else {
+                v[prop] = c;
+              }
+            }
+          }
+          r = c;
         }
         return r;
       },

package/dist/components/forms-div/src/index2.js

@@ -3,6 +3,7 @@ import { name, dataProps, dataEmits, dataExpose } from "./data.js";
 import "../../../utils/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { getOnObjs } from "../../common/use.js";
+import { isEqual } from "@fangzhongya/utils/basic/object/isEqual";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { provides } from "../../forms/src/data.js";
 import { setObjValue, getObjValue } from "@fangzhongya/utils/basic/object/objValue";
@@ -18,7 +19,6 @@ const _sfc_main = defineComponent({
     const prs = usePropsDefault(name, p, dataProps);
     viewProps(prs, name);
     const props = prs.listobj;
-    console.log("props", props);
     const compons = inject(provides.compons, {});
     const formvalue = computed(() => {
       const o = {};
@@ -57,13 +57,24 @@ const _sfc_main = defineComponent({
           r = z;
         }
         if (props.computed) {
+          let c;
           if (props.computed instanceof Array) {
-            r = props.computed.map((k) => {
+            c = props.computed.map((k) => {
               return v[k];
             });
           } else if (props.computed.get) {
-            r = props.computed.get(r, v, props);
+            c = props.computed.get(r, v, props);
           }
+          if (prop) {
+            if (!isEqual(c, r)) {
+              if (props.pars) {
+                setObjValue(v, prop, c);
+              } else {
+                v[prop] = c;
+              }
+            }
+          }
+          r = c;
         }
         return r;
       },

package/dist/components/index2.scss

@@ -117,4 +117,5 @@
 @use './tables/style/index2.scss' as *;
 @use './tablesp/style/index2.scss' as *;
 @use './tabless/style/index2.scss' as *;
-@use './tablesv/style/index2.scss' as *;
+@use './tablesv/style/index2.scss' as *;
+@use './tablesvp/style/index2.scss' as *;

package/dist/components/tables/common/pagin.cjs

@@ -9,6 +9,9 @@ const util = require("../../../utils/util.cjs");
 const objValue = require("@fangzhongya/utils/basic/object/objValue");
 const dataProps = {
   ...urls.props,
+  isValue: {
+    type: Boolean
+  },
   // 总表格的配置
   configs: {
     type: Object
@@ -478,7 +481,7 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
   function getFrontPaginatValue(obj) {
     var _a2;
     if (paginat.is && paginat.front) {
-      const list = obj.value;
+      const list = obj.value || [];
       const total = list.length;
       const c = paginat.current;
       const z = paginat.pageSize;
@@ -495,6 +498,39 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
       obj.value = value;
     }
   }
+  function setData(dlist, total) {
+    var _a2;
+    if (dlist instanceof Array === false) {
+      dlist = [dlist];
+    }
+    if (((_a2 = tableConfig.value.paginat) == null ? void 0 : _a2.is) && dlist.length > paginat.pageSize) {
+      dlist = dlist.slice(0, paginat.pageSize);
+    }
+    if (paginat.current != 1 && paginat.scroll) {
+      data.list.push(...dlist);
+    } else {
+      data.list = defaultSort(dlist);
+    }
+    data.total = total || dlist.length;
+    toggleCrossPage();
+  }
+  function setValue() {
+    if (props2.isValue) {
+      vue.watch(
+        () => props2.value,
+        () => {
+          const obj = {
+            value: props2.value
+          };
+          getFrontPaginatValue(obj);
+          setData(obj.value);
+        },
+        {
+          immediate: true
+        }
+      );
+    }
+  }
   function getData(p = {}, callback) {
     var _a2, _b2;
     loading.value = true;
@@ -522,22 +558,9 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
         ...p
       })
     ).then((list) => {
-      var _a3;
       Object.assign(data, paginat);
       let dlist = (list == null ? void 0 : list.list) || [];
-      if (dlist instanceof Array === false) {
-        dlist = [dlist];
-      }
-      if (((_a3 = tableConfig.value.paginat) == null ? void 0 : _a3.is) && dlist.length > paginat.pageSize) {
-        dlist = dlist.slice(0, paginat.pageSize);
-      }
-      if (paginat.current != 1 && paginat.scroll) {
-        data.list.push(...dlist);
-      } else {
-        data.list = defaultSort(dlist);
-      }
-      data.total = (list == null ? void 0 : list.total) || dlist.length;
-      toggleCrossPage();
+      setData(dlist, list == null ? void 0 : list.total);
       loading.value = false;
       if (callback) {
         callback(data);
@@ -614,6 +637,7 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
       onChange: onScroll
     };
   });
+  setValue();
   return {
     height,
     tableConfig,

package/dist/components/tables/common/pagin.d.ts

@@ -1,6 +1,9 @@
 import { Ref, Component, ExtractPropTypes, ComputedRef } from 'vue';
 import { Translator } from '../../types/locale';
 export declare const dataProps: {
+    isValue: {
+        type: BooleanConstructor;
+    };
     configs: {
         type: () => Config;
     };

package/dist/components/tables/common/pagin.js

@@ -7,6 +7,9 @@ import { executionMethod } from "../../../utils/util.js";
 import { setObjValue, getObjValue } from "@fangzhongya/utils/basic/object/objValue";
 const dataProps = {
   ...props,
+  isValue: {
+    type: Boolean
+  },
   // 总表格的配置
   configs: {
     type: Object
@@ -476,7 +479,7 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
   function getFrontPaginatValue(obj) {
     var _a2;
     if (paginat.is && paginat.front) {
-      const list = obj.value;
+      const list = obj.value || [];
       const total = list.length;
       const c = paginat.current;
       const z = paginat.pageSize;
@@ -493,6 +496,39 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
       obj.value = value;
     }
   }
+  function setData(dlist, total) {
+    var _a2;
+    if (dlist instanceof Array === false) {
+      dlist = [dlist];
+    }
+    if (((_a2 = tableConfig.value.paginat) == null ? void 0 : _a2.is) && dlist.length > paginat.pageSize) {
+      dlist = dlist.slice(0, paginat.pageSize);
+    }
+    if (paginat.current != 1 && paginat.scroll) {
+      data.list.push(...dlist);
+    } else {
+      data.list = defaultSort(dlist);
+    }
+    data.total = total || dlist.length;
+    toggleCrossPage();
+  }
+  function setValue() {
+    if (props2.isValue) {
+      watch(
+        () => props2.value,
+        () => {
+          const obj = {
+            value: props2.value
+          };
+          getFrontPaginatValue(obj);
+          setData(obj.value);
+        },
+        {
+          immediate: true
+        }
+      );
+    }
+  }
   function getData(p = {}, callback) {
     var _a2, _b2;
     loading.value = true;
@@ -520,22 +556,9 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
         ...p
       })
     ).then((list) => {
-      var _a3;
       Object.assign(data, paginat);
       let dlist = (list == null ? void 0 : list.list) || [];
-      if (dlist instanceof Array === false) {
-        dlist = [dlist];
-      }
-      if (((_a3 = tableConfig.value.paginat) == null ? void 0 : _a3.is) && dlist.length > paginat.pageSize) {
-        dlist = dlist.slice(0, paginat.pageSize);
-      }
-      if (paginat.current != 1 && paginat.scroll) {
-        data.list.push(...dlist);
-      } else {
-        data.list = defaultSort(dlist);
-      }
-      data.total = (list == null ? void 0 : list.total) || dlist.length;
-      toggleCrossPage();
+      setData(dlist, list == null ? void 0 : list.total);
       loading.value = false;
       if (callback) {
         callback(data);
@@ -612,6 +635,7 @@ const useInit = (props2, emit, refTable, getLocale, isEl) => {
       onChange: onScroll
     };
   });
+  setValue();
   return {
     height,
     tableConfig,

package/dist/icons/index.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.1.16",
+  "version": "0.1.18",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -24,7 +24,7 @@
     "fangui": "bin/fang-ui.js"
   },
   "dependencies": {
-    "@fangzhongya/utils": "0.0.45"
+    "@fangzhongya/utils": "0.0.46"
   },
   "devDependencies": {
     "@fangzhongya/create": "0.2.41",
@@ -48,15 +48,15 @@
     "vue": "^3.5.24",
     "vue-tsc": "^3.1.3",
     "vuedraggable": "4.1.0",
-    "vxe-table": "4.17.12",
-    "@fang-ui/icons": "0.0.1-0",
+    "vxe-table": "4.17.13",
+    "@fang-ui/hooks": "0.0.1-0",
     "@fang-ui/components": "0.0.1-0",
-    "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/locale": "0.0.1-0",
-    "@fang-ui/hooks": "0.0.1-0",
-    "@fang-ui/types": "0.0.1-0",
+    "@fang-ui/icons": "0.0.1-0",
     "@fang-ui/utils": "0.0.1-0",
-    "@fang-ui/theme": "0.0.1-0"
+    "@fang-ui/directives": "0.0.1-0",
+    "@fang-ui/theme": "0.0.1-0",
+    "@fang-ui/types": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",