phecda-vue 1.2.7 → 1.2.8

package/README.md

@@ -0,0 +1,16 @@
+# phecda-vue
+provide store/form/table with phecda function to vue
+
+## store
+```ts
+// in model
+import { useR, useV } from 'phecda-vue'
+export class Test {
+  name = 'phecda'
+  changeName() {
+    this.name = 'vue'
+  }
+}
+const state = useR(Test) // reactive
+const { name, changeName } = useV(Test)// ref
+```

package/dist/index.d.ts

@@ -75,7 +75,10 @@ declare function createFilter<Data extends Record<string, any>>(initState?: Obje
 
 declare function createForm<P extends {
     $props: any;
-}>(compSet: Record<string, Component> | any, form: Component<P>, formItem: Component | false, modelKey?: string): DefineComponent<{
+}>(compSet: Record<string, Component> | any, form: Component<P>, formItem: Component | false, options?: {
+    modelKey?: string;
+    onUpdate?: (key: string) => void;
+}): DefineComponent<{
     config: Object;
     data: Object;
 } & P['$props']>;

package/dist/index.js

@@ -427,17 +427,20 @@ __reExport(src_exports, require("phecda-core"), module.exports);
 
 // src/components/createForm.ts
 var import_vue5 = require("vue");
-function createForm(compSet, form, formItem, modelKey = "modelValue") {
+function createForm(compSet, form, formItem, options = {}) {
+  const { modelKey = "modelValue", onUpdate } = options;
   function generateChildVNode(props) {
     return props._children?.map((item) => item._active === false ? null : (0, import_vue5.h)(compSet[item._component], item));
   }
   __name(generateChildVNode, "generateChildVNode");
   function generateVNode(props) {
-    return (0, import_vue5.h)(compSet[props.config[props.property]._component], {
-      ...props.config[props.property],
-      [`${modelKey}`]: props.data[props.property],
+    const { property } = props;
+    return (0, import_vue5.h)(compSet[props.config[property]._component], {
+      ...props.config[property],
+      [`${modelKey}`]: props.data[property],
       [`onUpdate:${modelKey}`]: (v) => {
-        props.data[props.property] = v;
+        props.data[property] = v;
+        onUpdate?.(property);
       }
     }, {
       default: () => generateChildVNode(props.config[props.property])
@@ -514,17 +517,36 @@ function createForm(compSet, form, formItem, modelKey = "modelValue") {
 __name(createForm, "createForm");
 
 // src/components/formFilter.ts
+var import_vue6 = require("vue");
 function createFormData(schema, initData = {}, options = {}) {
   const { data, filter } = createFilter(initData, options);
   initlize(schema, data.value);
   const filterRet = filter(schema);
+  watchChange(schema, data.value);
   function initlize(obj1, obj2) {
     for (const i in obj1) {
-      if (obj1[i]._default)
+      if ("_default" in obj1[i])
         obj2[i] = obj1[i]._default;
     }
   }
   __name(initlize, "initlize");
+  function watchChange(schema2, data2) {
+    for (const i in schema2) {
+      if ("_active" in schema2[i]) {
+        (0, import_vue6.watch)(() => filterRet[i]._active, (n) => {
+          if (n) {
+            if ("_default" in schema2[i])
+              data2[i] = schema2[i]._default;
+          } else {
+            delete data2[i];
+          }
+        }, {
+          immediate: true
+        });
+      }
+    }
+  }
+  __name(watchChange, "watchChange");
   return {
     config: filterRet,
     data
@@ -624,22 +646,22 @@ __name(getNutUIRules, "getNutUIRules");
 var getVantRules = getNutUIRules;
 
 // src/components/createModal.ts
-var import_vue6 = require("vue");
+var import_vue7 = require("vue");
 var createModal = /* @__PURE__ */ __name(function(modalWrapper, props = {}, modelKey = "modelValue") {
   let isMounted = false;
-  const isShow = (0, import_vue6.ref)(true);
-  const content = (0, import_vue6.shallowRef)();
-  const propsRef = (0, import_vue6.ref)({});
-  const wrapper = (0, import_vue6.defineComponent)({
+  const isShow = (0, import_vue7.ref)(true);
+  const content = (0, import_vue7.shallowRef)();
+  const propsRef = (0, import_vue7.ref)({});
+  const wrapper = (0, import_vue7.defineComponent)({
     setup() {
-      return () => (0, import_vue6.h)(modalWrapper, {
+      return () => (0, import_vue7.h)(modalWrapper, {
         [modelKey]: isShow.value,
         [`onUpdate:${modelKey}`]: (v) => {
           isShow.value = v;
         },
         ...props
       }, {
-        default: () => content.value && (0, import_vue6.h)(content.value, propsRef.value)
+        default: () => content.value && (0, import_vue7.h)(content.value, propsRef.value)
       });
     }
   });
@@ -648,8 +670,8 @@ var createModal = /* @__PURE__ */ __name(function(modalWrapper, props = {}, mode
     propsRef.value = props2;
     if (!isMounted) {
       const el = document.createElement("div");
-      const vnode = (0, import_vue6.h)(wrapper);
-      document.body.appendChild(((0, import_vue6.render)(vnode, el), el));
+      const vnode = (0, import_vue7.h)(wrapper);
+      document.body.appendChild(((0, import_vue7.render)(vnode, el), el));
       isMounted = true;
     } else {
       isShow.value = true;
@@ -658,9 +680,9 @@ var createModal = /* @__PURE__ */ __name(function(modalWrapper, props = {}, mode
 }, "createModal");
 
 // src/components/createTable.ts
-var import_vue7 = require("vue");
+var import_vue8 = require("vue");
 function createTable(compSet, table, tableColumn, data) {
-  const TableColumn = (0, import_vue7.defineComponent)({
+  const TableColumn = (0, import_vue8.defineComponent)({
     name: "PhecdaTableColumn",
     props: {
       tableColumn: {
@@ -670,11 +692,11 @@ function createTable(compSet, table, tableColumn, data) {
     },
     setup(props) {
       const compName = props.tableColumn._component;
-      return () => (0, import_vue7.h)(tableColumn, {
+      return () => (0, import_vue8.h)(tableColumn, {
         ...props.tableColumn
       }, {
         default: (scope) => {
-          return compName ? (0, import_vue7.h)(compSet[compName], {
+          return compName ? (0, import_vue8.h)(compSet[compName], {
             scope,
             data,
             ...props.tableColumn._props || {}
@@ -683,7 +705,7 @@ function createTable(compSet, table, tableColumn, data) {
       });
     }
   });
-  return (0, import_vue7.defineComponent)({
+  return (0, import_vue8.defineComponent)({
     name: "PhecdaTable",
     props: {
       config: {
@@ -692,18 +714,18 @@ function createTable(compSet, table, tableColumn, data) {
       }
     },
     setup(props, ctx) {
-      const dom = (0, import_vue7.ref)();
-      (0, import_vue7.onMounted)(() => {
+      const dom = (0, import_vue8.ref)();
+      (0, import_vue8.onMounted)(() => {
         ctx.expose({
           ...dom.value
         });
       });
       return () => {
-        return (0, import_vue7.h)(table, Object.assign({
+        return (0, import_vue8.h)(table, Object.assign({
           ref: dom
         }, ctx.attrs), {
           default: () => props.config.map((item) => {
-            return (0, import_vue7.h)(TableColumn, {
+            return (0, import_vue8.h)(TableColumn, {
               tableColumn: item
             });
           })
@@ -715,10 +737,10 @@ function createTable(compSet, table, tableColumn, data) {
 __name(createTable, "createTable");
 
 // src/components/helper/pipe.ts
-var import_vue8 = require("vue");
+var import_vue9 = require("vue");
 function createPipe(comp, props, to = "default", slot) {
   const vnodeMap = {
-    [`${to}`]: () => (0, import_vue8.h)(comp, props, slot)
+    [`${to}`]: () => (0, import_vue9.h)(comp, props, slot)
   };
   return {
     to(comp2, props2, to2 = "default") {

package/dist/index.mjs

@@ -368,17 +368,20 @@ export * from "phecda-core";
 
 // src/components/createForm.ts
 import { defineComponent, h, onMounted, ref as ref2 } from "vue";
-function createForm(compSet, form, formItem, modelKey = "modelValue") {
+function createForm(compSet, form, formItem, options = {}) {
+  const { modelKey = "modelValue", onUpdate } = options;
   function generateChildVNode(props) {
     return props._children?.map((item) => item._active === false ? null : h(compSet[item._component], item));
   }
   __name(generateChildVNode, "generateChildVNode");
   function generateVNode(props) {
-    return h(compSet[props.config[props.property]._component], {
-      ...props.config[props.property],
-      [`${modelKey}`]: props.data[props.property],
+    const { property } = props;
+    return h(compSet[props.config[property]._component], {
+      ...props.config[property],
+      [`${modelKey}`]: props.data[property],
       [`onUpdate:${modelKey}`]: (v) => {
-        props.data[props.property] = v;
+        props.data[property] = v;
+        onUpdate?.(property);
       }
     }, {
       default: () => generateChildVNode(props.config[props.property])
@@ -455,17 +458,36 @@ function createForm(compSet, form, formItem, modelKey = "modelValue") {
 __name(createForm, "createForm");
 
 // src/components/formFilter.ts
+import { watch } from "vue";
 function createFormData(schema, initData = {}, options = {}) {
   const { data, filter } = createFilter(initData, options);
   initlize(schema, data.value);
   const filterRet = filter(schema);
+  watchChange(schema, data.value);
   function initlize(obj1, obj2) {
     for (const i in obj1) {
-      if (obj1[i]._default)
+      if ("_default" in obj1[i])
         obj2[i] = obj1[i]._default;
     }
   }
   __name(initlize, "initlize");
+  function watchChange(schema2, data2) {
+    for (const i in schema2) {
+      if ("_active" in schema2[i]) {
+        watch(() => filterRet[i]._active, (n) => {
+          if (n) {
+            if ("_default" in schema2[i])
+              data2[i] = schema2[i]._default;
+          } else {
+            delete data2[i];
+          }
+        }, {
+          immediate: true
+        });
+      }
+    }
+  }
+  __name(watchChange, "watchChange");
   return {
     config: filterRet,
     data

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "phecda-vue",
-  "version": "1.2.7",
-  "description": "",
+  "version": "1.2.8",
+  "description": "provide store/form/table with phecda function to vue",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",