@vc-shell/framework 1.0.316 → 1.0.317

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.316",
+  "version": "1.0.317",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -59,9 +59,9 @@
   },
   "devDependencies": {
     "@types/dompurify": "^3.0.5",
-    "@vc-shell/api-client-generator": "^1.0.316",
-    "@vc-shell/config-generator": "^1.0.316",
-    "@vc-shell/ts-config": "^1.0.316",
+    "@vc-shell/api-client-generator": "^1.0.317",
+    "@vc-shell/config-generator": "^1.0.317",
+    "@vc-shell/ts-config": "^1.0.317",
     "@vitejs/plugin-vue": "5.0.3",
     "cypress-signalr-mock": "^1.5.0",
     "sass": "^1.69.6",

package/shared/modules/dynamic/components/SchemaRender.ts

@@ -15,7 +15,7 @@ import { ControlSchema } from "../types";
 import * as _ from "lodash-es";
 import { DetailsBladeContext } from "../factories/types";
 import { nodeBuilder } from "../helpers/nodeBuilder";
-import { visibilityHandler } from "../helpers/visibilityHandler";
+import { methodHandler } from "../helpers/methodHandler";
 import { toValue } from "@vueuse/core";
 import { safeIn } from "../helpers/safeIn";
 import { unrefNested } from "../helpers/unrefNested";
@@ -53,14 +53,18 @@ export default defineComponent({
 
     watch(
       () => props.modelValue,
-      (newVal) => {
-        Object.assign(internalFormData, toRefs(newVal));
+      (newVal): void => {
+        if (!_.isEqual(internalFormData, toRefs(newVal))) {
+          Object.assign(internalFormData, toRefs(newVal));
+        }
       },
       { deep: true, immediate: true },
     );
 
     function updateFormData(newVal: ToRefs<unknown>) {
-      ctx.emit("update:modelValue", unrefNested(newVal));
+      if (!_.isEqual(toRefs(newVal), internalFormData)) {
+        ctx.emit("update:modelValue", unrefNested(newVal));
+      }
     }
 
     return () =>
@@ -75,7 +79,7 @@ export default defineComponent({
           if (
             safeIn("visibility", field) &&
             field.visibility?.method &&
-            !visibilityHandler(toValue(props.context?.scope)?.[field.visibility.method], props.context, field)
+            !methodHandler(toValue(props.context?.scope)?.[field.visibility.method], props.context, field)
           ) {
             return arr;
           }

package/shared/modules/dynamic/components/fields/DynamicProperty.ts

@@ -71,6 +71,8 @@ export default {
       exclude: props.element?.exclude,
     });
 
+    const initialProps = _.cloneDeep(dynamicProps.value);
+
     const properties: UnwrapNestedRefs<IDynamicProperties[]> = reactiveComputed(() => {
       return (dynamicProps.value || [])?.map((prop) =>
         DynamicProperties({
@@ -99,6 +101,7 @@ export default {
                 value: args.value,
                 dictionary: args.dictionary,
                 locale: args.locale,
+                initialProp: _.cloneDeep(initialProps?.find((x) => x.id === prop.id)),
               });
               if (props.fieldContext) {
                 setModel({ context: props.fieldContext, property: props.element.property, value: internalModel.value });

package/shared/modules/dynamic/components/fields/InputField.ts

@@ -1,10 +1,11 @@
-import { ExtractPropTypes, h, VNode, Component } from "vue";
+import { ExtractPropTypes, h, VNode, Component, toValue } from "vue";
 import { InputField } from "../factories";
 import componentProps from "./props";
 import ValidationField from "./ValidationField";
 import { InputSchema, ControlSchema } from "../../types";
 import { nodeBuilder } from "../../helpers/nodeBuilder";
 import { unrefNested } from "../../helpers/unrefNested";
+import { methodHandler } from "../../helpers/methodHandler";
 
 const slotsMap = {
   append: "append",
@@ -27,6 +28,13 @@ export default {
             clearable: props.element.clearable || false,
             maxlength: props.element.maxlength,
             datePickerOptions: props.element.datePickerOptions,
+            loading: props.element.loading?.method
+              ? methodHandler(
+                  toValue(props.bladeContext?.scope)?.[props.element.loading?.method],
+                  props.fieldContext,
+                  props.element,
+                )
+              : false,
           },
           unrefNested(props.baseProps),
           {

package/shared/modules/dynamic/factories/types/index.ts

@@ -167,6 +167,7 @@ export interface DetailsBaseBladeScope<Item = Record<string, any>> extends BaseB
       value: string | Record<string, any>[];
       dictionary?: Record<string, any>[];
       locale?: string;
+      initialProp?: Record<string, any>;
     }) => void;
   };
   assetsHandler?: {

package/shared/modules/dynamic/helpers/{visibilityHandler.ts → methodHandler.ts}

@@ -1,8 +1,8 @@
-import { ControlSchema } from "./../types/index";
+import { ControlSchema } from "../types/index";
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { ComputedRef, toValue } from "vue";
 
-export const visibilityHandler = (
+export const methodHandler = (
   visibility:
     | ComputedRef<boolean | undefined>
     | ((schema: ControlSchema, fieldContext: Record<string, any> | undefined) => boolean)

package/shared/modules/dynamic/helpers/nodeBuilder.ts

@@ -9,7 +9,7 @@ import { unwrapInterpolation } from "./unwrapInterpolation";
 import { DetailsBladeContext } from "../factories";
 import { safeIn } from "./safeIn";
 import { i18n } from "./../../../../core/plugins/i18n";
-import { visibilityHandler } from "./visibilityHandler";
+import { methodHandler } from "./methodHandler";
 import { toRefs } from "@vueuse/core";
 import { unrefNested } from "./unrefNested";
 import { usePermissions } from "../../../../core/composables";
@@ -176,7 +176,7 @@ function nodeBuilder<
           if (
             safeIn("visibility", fieldItem) &&
             fieldItem.visibility?.method &&
-            !visibilityHandler(bladeContext.scope?.[fieldItem.visibility?.method], modelItem, fieldItem)
+            !methodHandler(bladeContext.scope?.[fieldItem.visibility?.method], modelItem, fieldItem)
           ) {
             return arr;
           }
@@ -205,7 +205,7 @@ function nodeBuilder<
         if (
           safeIn("visibility", field) &&
           field.visibility?.method &&
-          !visibilityHandler(bladeContext.scope?.[field.visibility?.method], internalContext, field)
+          !methodHandler(bladeContext.scope?.[field.visibility?.method], internalContext, field)
         ) {
           return arr;
         }

package/shared/modules/dynamic/types/index.ts

@@ -495,6 +495,13 @@ export interface InputSchema extends SchemaBase {
    * Datepicker options.
    */
   datePickerOptions?: ComponentProps<typeof VcInput>["datePickerOptions"];
+  /**
+   * Whether the input is in loading state or not.
+   * @type {boolean}
+   */
+  loading?: {
+    method: string;
+  };
 }
 
 /**

package/dist/external-providers-ooV6TgBS.js

@@ -1,4 +0,0 @@
-import { b as f } from "./index-BCwBSU0q.js";
-export {
-  f as default
-};

package/dist/shared/modules/dynamic/helpers/visibilityHandler.d.ts

@@ -1,4 +0,0 @@
-import { ControlSchema } from "./../types/index";
-import { ComputedRef } from "vue";
-export declare const visibilityHandler: (visibility: ComputedRef<boolean | undefined> | ((schema: ControlSchema, fieldContext: Record<string, any> | undefined) => boolean) | undefined, fieldContext: Record<string, any> | undefined, schema: ControlSchema) => boolean | undefined;
-//# sourceMappingURL=visibilityHandler.d.ts.map

package/dist/shared/modules/dynamic/helpers/visibilityHandler.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"visibilityHandler.d.ts","sourceRoot":"","sources":["../../../../../shared/modules/dynamic/helpers/visibilityHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAW,MAAM,KAAK,CAAC;AAE3C,eAAO,MAAM,iBAAiB,4DAGd,aAAa,gBAAgB,OAAO,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,KAAK,OAAO,6BAExE,OAAO,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,UACrC,aAAa,wBAWtB,CAAC"}