@vunk/form 2.18.2 → 2.19.0

package/composables/index.cjs

@@ -1,161 +1 @@
-'use strict';
-
-var vue = require('vue');
-var core = require('@vunk/core');
-
-const useSourceManager = (source, opts = {}) => {
-  if (!vue.isRef(source)) {
-    source = vue.ref(source);
-  }
-  const op = {
-    ...opts,
-    slotsChildren: ["default"]
-  };
-  opts.slotsChildren && op.slotsChildren.push(...opts.slotsChildren);
-  const manager = vue.computed(() => {
-    const keyRecord = {};
-    const propRecord = {};
-    const idRecord = {};
-    function intoData(list, k = []) {
-      list.forEach((item, index) => {
-        const currentK = [...k, index];
-        const managerInfo = {
-          source: item,
-          key: currentK,
-          nextKey: [...k, index + 1],
-          prop: item.prop,
-          id: item.id
-        };
-        keyRecord[currentK.join()] = managerInfo;
-        if (item.prop) {
-          propRecord[item.prop] = managerInfo;
-        }
-        if (item.id) {
-          idRecord[item.id] = managerInfo;
-        }
-        if (item.templateSlots) {
-          if (Array.isArray(item.templateSlots)) {
-            currentK.push("templateSlots");
-            intoData(item.templateSlots, currentK);
-          }
-          op.slotsChildren.forEach((filed) => {
-            if (Array.isArray(item.templateSlots[filed])) {
-              currentK.push("templateSlots", filed);
-              intoData(item.templateSlots[filed], currentK);
-            }
-          });
-        }
-      });
-    }
-    intoData(vue.unref(source));
-    return {
-      keyRecord,
-      propRecord,
-      idRecord
-    };
-  });
-  const getManagerInfoByProp = (prop) => {
-    return manager.value.propRecord[prop];
-  };
-  const getManagerInfoByKey = (key) => {
-    return manager.value.keyRecord[key.join()];
-  };
-  const getManagerInfoById = (id) => {
-    return manager.value.idRecord[id];
-  };
-  return [
-    source,
-    {
-      manager,
-      getManagerInfoByProp,
-      getManagerInfoByKey,
-      getManagerInfoById
-    }
-  ];
-};
-
-const useForm = () => {
-  return vue.inject("vkfFormVm", null);
-};
-
-const useComputedReadonly = (props) => {
-  const form = useForm();
-  const readonly = vue.computed(() => {
-    return props.readonly ?? form?.props.readonly ?? false;
-  });
-  return readonly;
-};
-
-const PARENT_KEY = Symbol("PARENT_KEY");
-const useTemplateInstances = () => {
-  const templateInstances = vue.inject(
-    "vkTemplateInstances",
-    null
-  );
-  return templateInstances;
-};
-const useTemplateInstancesContext = () => {
-  const templateInstances = useTemplateInstances();
-  const getParent = (ins) => {
-    return ins?.[PARENT_KEY];
-  };
-  const getTemplateInstance = (key) => {
-    let instance = templateInstances?.[key];
-    if (instance) return instance;
-    let parent = getParent(templateInstances);
-    while (parent) {
-      instance = parent?.[key];
-      if (instance) return instance;
-      parent = getParent(parent);
-    }
-    return null;
-  };
-  return {
-    templateInstances,
-    getTemplateInstance,
-    getParent
-  };
-};
-const initTemplateInstances = () => {
-  const perent = useTemplateInstances();
-  const templateInstances = vue.shallowReactive({});
-  templateInstances[PARENT_KEY] = perent;
-  vue.provide("vkTemplateInstances", templateInstances);
-  return templateInstances;
-};
-
-const initRendererData = (props, ctx) => {
-  const data = vue.computed(() => props.data);
-  const emitSetData = (e) => {
-    ctx.emit("setData", {
-      intoUndefined: core.defaultIntoUndefined,
-      ...e
-    });
-  };
-  const getDataValue = (key) => {
-    return core.getValue(data.value, key, core.defaultIntoUndefined, true);
-  };
-  const rendererData = {
-    data,
-    emitSetData,
-    getDataValue
-  };
-  vue.provide("vkRendererData", rendererData);
-  return rendererData;
-};
-const useRendererData = () => {
-  const rendererData = vue.inject(
-    "vkRendererData",
-    {}
-  );
-  return rendererData;
-};
-
-exports.initRendererData = initRendererData;
-exports.initTemplateInstances = initTemplateInstances;
-exports.useComputedReadonly = useComputedReadonly;
-exports.useForm = useForm;
-exports.useRendererData = useRendererData;
-exports.useSourceManager = useSourceManager;
-exports.useTemplateInstances = useTemplateInstances;
-exports.useTemplateInstancesContext = useTemplateInstancesContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),m=require("@vunk/core"),T=(t,n={})=>{a.isRef(t)||(t=a.ref(t));const s={...n,slotsChildren:["default"]};n.slotsChildren&&s.slotsChildren.push(...n.slotsChildren);const e=a.computed(()=>{const u={},g={},I={};function i(S,R=[]){S.forEach((o,h)=>{const d=[...R,h],p={source:o,key:d,nextKey:[...R,h+1],prop:o.prop,id:o.id};u[d.join()]=p,o.prop&&(g[o.prop]=p),o.id&&(I[o.id]=p),o.templateSlots&&(Array.isArray(o.templateSlots)&&(d.push("templateSlots"),i(o.templateSlots,d)),s.slotsChildren.forEach(f=>{Array.isArray(o.templateSlots[f])&&(d.push("templateSlots",f),i(o.templateSlots[f],d))}))})}return i(a.unref(t)),{keyRecord:u,propRecord:g,idRecord:I}});return[t,{manager:e,getManagerInfoByProp:u=>e.value.propRecord[u],getManagerInfoByKey:u=>e.value.keyRecord[u.join()],getManagerInfoById:u=>e.value.idRecord[u]}]},v=()=>a.inject("vkfFormVm",null),C=t=>{const n=v();return a.computed(()=>t.readonly??(n==null?void 0:n.props.readonly)??!1)},M=t=>{const n=a.ref(0),s=a.computed(()=>{n.value;const r=t.value;return r?r.matches(":dir(rtl)")||getComputedStyle(r).direction==="rtl":!1});let e=null;const l=r=>{e==null||e.disconnect(),e=new MutationObserver(()=>{n.value++});let c=r.parentElement;for(;c;)e.observe(c,{attributes:!0,attributeFilter:["dir","style","class"]}),c=c.parentElement};return a.watch(t,r=>{r?l(r):e==null||e.disconnect()},{immediate:!0,flush:"post"}),a.onBeforeUnmount(()=>e==null?void 0:e.disconnect()),s},D=Symbol("PARENT_KEY"),y=()=>a.inject("vkTemplateInstances",null),E=()=>{const t=y(),n=e=>e==null?void 0:e[D];return{templateInstances:t,getTemplateInstance:e=>{let l=t==null?void 0:t[e];if(l)return l;let r=n(t);for(;r;){if(l=r==null?void 0:r[e],l)return l;r=n(r)}return null},getParent:n}},k=()=>{const t=y(),n=a.shallowReactive({});return n[D]=t,a.provide("vkTemplateInstances",n),n},A=(t,n)=>{const s=a.computed(()=>t.data),r={data:s,emitSetData:c=>{n.emit("setData",{intoUndefined:m.defaultIntoUndefined,...c})},getDataValue:c=>m.getValue(s.value,c,m.defaultIntoUndefined,!0)};return a.provide("vkRendererData",r),r},B=()=>a.inject("vkRendererData",{});exports.initRendererData=A;exports.initTemplateInstances=k;exports.useComputedReadonly=C;exports.useForm=v;exports.useRendererData=B;exports.useRtl=M;exports.useSourceManager=T;exports.useTemplateInstances=y;exports.useTemplateInstancesContext=E;

package/composables/index.d.ts

@@ -1,5 +1,6 @@
 export * from './useSourceManager';
 export * from './useForm';
 export * from './useComputedReadonly';
+export * from './useRtl';
 export * from './useTemplateInstances';
 export * from './useRendererData';

package/composables/index.mjs

@@ -1,152 +1,119 @@
-import { isRef, ref, computed, unref, inject, shallowReactive, provide } from 'vue';
-import { defaultIntoUndefined, getValue } from '@vunk/core';
-
-const useSourceManager = (source, opts = {}) => {
-  if (!isRef(source)) {
-    source = ref(source);
-  }
-  const op = {
-    ...opts,
+import { isRef as E, ref as D, computed as d, unref as M, inject as m, watch as k, onBeforeUnmount as A, shallowReactive as B, provide as v } from "vue";
+import { defaultIntoUndefined as R, getValue as w } from "@vunk/core";
+const j = (t, n = {}) => {
+  E(t) || (t = D(t));
+  const o = {
+    ...n,
     slotsChildren: ["default"]
   };
-  opts.slotsChildren && op.slotsChildren.push(...opts.slotsChildren);
-  const manager = computed(() => {
-    const keyRecord = {};
-    const propRecord = {};
-    const idRecord = {};
-    function intoData(list, k = []) {
-      list.forEach((item, index) => {
-        const currentK = [...k, index];
-        const managerInfo = {
-          source: item,
-          key: currentK,
-          nextKey: [...k, index + 1],
-          prop: item.prop,
-          id: item.id
+  n.slotsChildren && o.slotsChildren.push(...n.slotsChildren);
+  const e = d(() => {
+    const c = {}, y = {}, g = {};
+    function i(C, I = []) {
+      C.forEach((a, h) => {
+        const u = [...I, h], p = {
+          source: a,
+          key: u,
+          nextKey: [...I, h + 1],
+          prop: a.prop,
+          id: a.id
         };
-        keyRecord[currentK.join()] = managerInfo;
-        if (item.prop) {
-          propRecord[item.prop] = managerInfo;
-        }
-        if (item.id) {
-          idRecord[item.id] = managerInfo;
-        }
-        if (item.templateSlots) {
-          if (Array.isArray(item.templateSlots)) {
-            currentK.push("templateSlots");
-            intoData(item.templateSlots, currentK);
-          }
-          op.slotsChildren.forEach((filed) => {
-            if (Array.isArray(item.templateSlots[filed])) {
-              currentK.push("templateSlots", filed);
-              intoData(item.templateSlots[filed], currentK);
-            }
-          });
-        }
+        c[u.join()] = p, a.prop && (y[a.prop] = p), a.id && (g[a.id] = p), a.templateSlots && (Array.isArray(a.templateSlots) && (u.push("templateSlots"), i(a.templateSlots, u)), o.slotsChildren.forEach((f) => {
+          Array.isArray(a.templateSlots[f]) && (u.push("templateSlots", f), i(a.templateSlots[f], u));
+        }));
       });
     }
-    intoData(unref(source));
-    return {
-      keyRecord,
-      propRecord,
-      idRecord
+    return i(M(t)), {
+      keyRecord: c,
+      propRecord: y,
+      idRecord: g
     };
   });
-  const getManagerInfoByProp = (prop) => {
-    return manager.value.propRecord[prop];
-  };
-  const getManagerInfoByKey = (key) => {
-    return manager.value.keyRecord[key.join()];
-  };
-  const getManagerInfoById = (id) => {
-    return manager.value.idRecord[id];
-  };
   return [
-    source,
+    t,
     {
-      manager,
-      getManagerInfoByProp,
-      getManagerInfoByKey,
-      getManagerInfoById
+      manager: e,
+      getManagerInfoByProp: (c) => e.value.propRecord[c],
+      getManagerInfoByKey: (c) => e.value.keyRecord[c.join()],
+      getManagerInfoById: (c) => e.value.idRecord[c]
     }
   ];
-};
-
-const useForm = () => {
-  return inject("vkfFormVm", null);
-};
-
-const useComputedReadonly = (props) => {
-  const form = useForm();
-  const readonly = computed(() => {
-    return props.readonly ?? form?.props.readonly ?? false;
+}, K = () => m("vkfFormVm", null), F = (t) => {
+  const n = K();
+  return d(() => t.readonly ?? (n == null ? void 0 : n.props.readonly) ?? !1);
+}, U = (t) => {
+  const n = D(0), o = d(() => {
+    n.value;
+    const r = t.value;
+    return r ? r.matches(":dir(rtl)") || getComputedStyle(r).direction === "rtl" : !1;
   });
-  return readonly;
-};
-
-const PARENT_KEY = Symbol("PARENT_KEY");
-const useTemplateInstances = () => {
-  const templateInstances = inject(
-    "vkTemplateInstances",
-    null
-  );
-  return templateInstances;
-};
-const useTemplateInstancesContext = () => {
-  const templateInstances = useTemplateInstances();
-  const getParent = (ins) => {
-    return ins?.[PARENT_KEY];
-  };
-  const getTemplateInstance = (key) => {
-    let instance = templateInstances?.[key];
-    if (instance) return instance;
-    let parent = getParent(templateInstances);
-    while (parent) {
-      instance = parent?.[key];
-      if (instance) return instance;
-      parent = getParent(parent);
-    }
-    return null;
-  };
-  return {
-    templateInstances,
-    getTemplateInstance,
-    getParent
-  };
-};
-const initTemplateInstances = () => {
-  const perent = useTemplateInstances();
-  const templateInstances = shallowReactive({});
-  templateInstances[PARENT_KEY] = perent;
-  provide("vkTemplateInstances", templateInstances);
-  return templateInstances;
-};
-
-const initRendererData = (props, ctx) => {
-  const data = computed(() => props.data);
-  const emitSetData = (e) => {
-    ctx.emit("setData", {
-      intoUndefined: defaultIntoUndefined,
-      ...e
+  let e = null;
+  const s = (r) => {
+    e == null || e.disconnect(), e = new MutationObserver(() => {
+      n.value++;
     });
+    let l = r.parentElement;
+    for (; l; )
+      e.observe(l, {
+        attributes: !0,
+        attributeFilter: ["dir", "style", "class"]
+      }), l = l.parentElement;
   };
-  const getDataValue = (key) => {
-    return getValue(data.value, key, defaultIntoUndefined, true);
+  return k(
+    t,
+    (r) => {
+      r ? s(r) : e == null || e.disconnect();
+    },
+    { immediate: !0, flush: "post" }
+  ), A(() => e == null ? void 0 : e.disconnect()), o;
+}, S = Symbol("PARENT_KEY"), T = () => m(
+  "vkTemplateInstances",
+  null
+), x = () => {
+  const t = T(), n = (e) => e == null ? void 0 : e[S];
+  return {
+    templateInstances: t,
+    getTemplateInstance: (e) => {
+      let s = t == null ? void 0 : t[e];
+      if (s)
+        return s;
+      let r = n(t);
+      for (; r; ) {
+        if (s = r == null ? void 0 : r[e], s)
+          return s;
+        r = n(r);
+      }
+      return null;
+    },
+    getParent: n
   };
-  const rendererData = {
-    data,
-    emitSetData,
-    getDataValue
+}, N = () => {
+  const t = T(), n = B({});
+  return n[S] = t, v("vkTemplateInstances", n), n;
+}, Y = (t, n) => {
+  const o = d(() => t.data), r = {
+    data: o,
+    emitSetData: (l) => {
+      n.emit("setData", {
+        intoUndefined: R,
+        ...l
+      });
+    },
+    getDataValue: (l) => w(o.value, l, R, !0)
   };
-  provide("vkRendererData", rendererData);
-  return rendererData;
-};
-const useRendererData = () => {
-  const rendererData = inject(
-    "vkRendererData",
-    {}
-  );
-  return rendererData;
+  return v("vkRendererData", r), r;
+}, _ = () => m(
+  "vkRendererData",
+  {}
+);
+export {
+  Y as initRendererData,
+  N as initTemplateInstances,
+  F as useComputedReadonly,
+  K as useForm,
+  _ as useRendererData,
+  U as useRtl,
+  j as useSourceManager,
+  T as useTemplateInstances,
+  x as useTemplateInstancesContext
 };
-
-export { initRendererData, initTemplateInstances, useComputedReadonly, useForm, useRendererData, useSourceManager, useTemplateInstances, useTemplateInstancesContext };

package/composables/useForm.d.ts

@@ -1,6 +1,6 @@
 import { ComponentInternalInstance } from 'vue';
 import { VkfForm } from '@vunk/form/components/form';
 import { VueComponentPropsType } from '@vunk/core';
-export declare const useForm: () => ComponentInternalInstance & {
+export declare const useForm: () => (ComponentInternalInstance & {
     props: VueComponentPropsType<typeof VkfForm>;
-};
+}) | null;

package/composables/useRtl.d.ts

@@ -0,0 +1,18 @@
+import { type ComputedRef, type Ref } from 'vue';
+/**
+ * Detect whether the given element is rendered in an RTL context.
+ *
+ * The check delegates to the browser's CSS engine via
+ * `Element.matches(':dir(rtl)')` — the same code path the selector uses
+ * for actual style matching. This means it covers every edge case the
+ * browser covers: `dir="auto"` resolved by content sniffing, CSS
+ * `direction` overrides via stylesheet, inline `style="..."`, etc.
+ *
+ * Falls back to `getComputedStyle(el).direction === 'rtl'` for browsers
+ * without `:dir()` support (Safari < 16.4).
+ *
+ * Reactivity: a `MutationObserver` watches `dir` / `style` / `class`
+ * changes on every ancestor up to the document root, so flipping
+ * `dir="rtl"` on a parent at runtime re-evaluates the result.
+ */
+export declare const useRtl: (target: Ref<HTMLElement | null | undefined>) => ComputedRef<boolean>;

package/composables/useSourceManager.d.ts

@@ -10,6 +10,6 @@ export declare const useSourceManager: <T = FormItemRendererSource>(source: Mayb
         idRecord: Record<string, ManagerInfo<T>>;
     }>;
     readonly getManagerInfoByProp: <I = T>(prop: string) => ManagerInfo<I>;
-    readonly getManagerInfoByKey: <I = T>(key: (string | number)[]) => ManagerInfo<I>;
-    readonly getManagerInfoById: <I = T>(id: string) => ManagerInfo<I>;
+    readonly getManagerInfoByKey: <I_1 = T>(key: (string | number)[]) => ManagerInfo<I_1>;
+    readonly getManagerInfoById: <I_2 = T>(id: string) => ManagerInfo<I_2>;
 }];

package/composables/useTemplateInstances.d.ts

@@ -1,8 +1,8 @@
 import { TemplateInstances } from '@vunk/form/shared';
-export declare const useTemplateInstances: () => TemplateInstances;
+export declare const useTemplateInstances: () => TemplateInstances | null;
 export declare const useTemplateInstancesContext: () => {
-    templateInstances: TemplateInstances;
-    getTemplateInstance: (key: string) => import("vue").ComponentInternalInstance;
+    templateInstances: TemplateInstances | null;
+    getTemplateInstance: (key: string) => import("vue").ComponentInternalInstance | null;
     getParent: (ins: TemplateInstances | null) => any;
 };
 export declare const initTemplateInstances: () => import("vue").ShallowReactive<TemplateInstances>;