@fangzhongya/fang-ui 0.1.18 → 0.1.19

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

@@ -29,6 +29,12 @@ const dataProps = {
   valueobj: {
     type: Object
   },
+  compon: {
+    type: [String, Object]
+  },
+  componValueName: {
+    type: String
+  },
   /**
    * 传入值
    * @props { Object } modelValue={} ( )

package/dist/components/forms-div/src/data.d.ts

@@ -27,6 +27,12 @@ export declare const dataProps: {
     valueobj: {
         type: ObjectConstructor;
     };
+    compon: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    componValueName: {
+        type: StringConstructor;
+    };
     /**
      * 传入值
      * @props { Object } modelValue={} ( )

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

@@ -27,6 +27,12 @@ const dataProps = {
   valueobj: {
     type: Object
   },
+  compon: {
+    type: [String, Object]
+  },
+  componValueName: {
+    type: String
+  },
   /**
    * 传入值
    * @props { Object } modelValue={} ( )

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

@@ -32,6 +32,31 @@ const _sfc_main = vue.defineComponent({
       }
       return o;
     });
+    const record = vue.ref();
+    const setPropComputedValue = (prop, computed2, value2) => {
+      if (!isEqual.isEqual(prop, computed2)) {
+        if (prop !== record.value) {
+          if (props.computed instanceof Array) {
+            props.computed.forEach((k, i) => {
+              if (prop instanceof Array) {
+                value2[k] = prop[i];
+              } else {
+                value2[k] = prop ? prop[k] : void 0;
+              }
+            });
+          } else if (props.computed.set) {
+            props.computed.set(prop, value2, props);
+          }
+        } else {
+          if (props.pars) {
+            objValue.setObjValue(value2, props.prop, computed2);
+          } else {
+            value2[props.prop] = computed2;
+          }
+        }
+      }
+      record.value = prop;
+    };
     const binds = vue.computed(() => {
       const obj = { ...props.config, ...formvalue.value };
       const binds2 = {};
@@ -68,13 +93,7 @@ const _sfc_main = vue.defineComponent({
             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;
-              }
-            }
+            setPropComputedValue(r, c, v);
           }
           r = c;
         }
@@ -127,8 +146,8 @@ const _sfc_main = vue.defineComponent({
       }
     });
     const render = () => {
-      const compon = props.compon || "input";
-      const componValueName = "modelValue";
+      const compon = props.compon || prs.compon || "input";
+      const componValueName = prs.componValueName || "modelValue";
       const componObj = {
         ...binds.value,
         ...use.getOnObjs(

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

@@ -1,4 +1,4 @@
-import { defineComponent, inject, computed, h, resolveComponent } from "vue";
+import { defineComponent, inject, computed, ref, h, resolveComponent } from "vue";
 import { name, dataProps, dataEmits, dataExpose } from "./data.js";
 import "../../../utils/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
@@ -30,6 +30,31 @@ const _sfc_main = defineComponent({
       }
       return o;
     });
+    const record = ref();
+    const setPropComputedValue = (prop, computed2, value2) => {
+      if (!isEqual(prop, computed2)) {
+        if (prop !== record.value) {
+          if (props.computed instanceof Array) {
+            props.computed.forEach((k, i) => {
+              if (prop instanceof Array) {
+                value2[k] = prop[i];
+              } else {
+                value2[k] = prop ? prop[k] : void 0;
+              }
+            });
+          } else if (props.computed.set) {
+            props.computed.set(prop, value2, props);
+          }
+        } else {
+          if (props.pars) {
+            setObjValue(value2, props.prop, computed2);
+          } else {
+            value2[props.prop] = computed2;
+          }
+        }
+      }
+      record.value = prop;
+    };
     const binds = computed(() => {
       const obj = { ...props.config, ...formvalue.value };
       const binds2 = {};
@@ -66,13 +91,7 @@ const _sfc_main = defineComponent({
             c = props.computed.get(r, v, props);
           }
           if (prop) {
-            if (!isEqual(c, r)) {
-              if (props.pars) {
-                setObjValue(v, prop, c);
-              } else {
-                v[prop] = c;
-              }
-            }
+            setPropComputedValue(r, c, v);
           }
           r = c;
         }
@@ -125,8 +144,8 @@ const _sfc_main = defineComponent({
       }
     });
     const render = () => {
-      const compon = props.compon || "input";
-      const componValueName = "modelValue";
+      const compon = props.compon || prs.compon || "input";
+      const componValueName = prs.componValueName || "modelValue";
       const componObj = {
         ...binds.value,
         ...getOnObjs(

package/dist/components/index.scss

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

package/dist/css/index.css

@@ -1772,4 +1772,26 @@
   left: 0;
   z-index: 1;
   opacity: 0;
+}
+
+.tablesvp {
+  width: 100%;
+  height: var(--tablesvp-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesvp-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesvp-paginat {
+  overflow: hidden;
+}
+.tablesvp-paginat .el-pagination {
+  justify-content: flex-end;
 }

package/dist/icons/index.json

@@ -1,7 +1,7 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1762769052882,
+    "lastModified": 1762779395198,
     "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.css

@@ -1772,4 +1772,26 @@
   left: 0;
   z-index: 1;
   opacity: 0;
+}
+
+.tablesvp {
+  width: 100%;
+  height: var(--tablesvp-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesvp-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesvp-paginat {
+  overflow: hidden;
+}
+.tablesvp-paginat .el-pagination {
+  justify-content: flex-end;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.1.18",
+  "version": "0.1.19",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -49,14 +49,14 @@
     "vue-tsc": "^3.1.3",
     "vuedraggable": "4.1.0",
     "vxe-table": "4.17.13",
-    "@fang-ui/hooks": "0.0.1-0",
     "@fang-ui/components": "0.0.1-0",
-    "@fang-ui/locale": "0.0.1-0",
-    "@fang-ui/icons": "0.0.1-0",
-    "@fang-ui/utils": "0.0.1-0",
     "@fang-ui/directives": "0.0.1-0",
+    "@fang-ui/icons": "0.0.1-0",
+    "@fang-ui/hooks": "0.0.1-0",
+    "@fang-ui/locale": "0.0.1-0",
     "@fang-ui/theme": "0.0.1-0",
-    "@fang-ui/types": "0.0.1-0"
+    "@fang-ui/types": "0.0.1-0",
+    "@fang-ui/utils": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",