cnhis-design-vue 3.1.40-beta.11 → 3.1.40-beta.15

package/es/components/form-render/src/components/renderer/radio_checkbox.js

@@ -1,111 +1 @@
-import { defineComponent, createVNode, isVNode } from 'vue';
-import { connect, mapProps } from '@formily/vue';
-import { NSpace, NRadio, NRadioGroup, NCheckbox, NCheckboxGroup } from 'naive-ui';
-import '../../../index.js';
-import { useComplexOptions } from '../../hooks/useComplexOptions.js';
-import '../../utils/index.js';
-import { useAutographOptions } from '../../hooks/useFormRenderOptions.js';
-import { useCommonInjection } from '../../hooks/useCommonInjection.js';
-import { assignUpdateValue, createVisitedSetter } from '../../utils/schema.js';
-import { useFormField } from '../../hooks/useFormField.js';
-
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-function createComponent(name, Wrapper, Item) {
-  return defineComponent({
-    name,
-    props: {
-      value: {
-        type: [String, Number, Object, Array]
-      },
-      options: {
-        type: Array,
-        default: () => []
-      },
-      autograph: {
-        type: String
-      },
-      lazyRequest: {
-        type: Boolean,
-        default: false
-      },
-      requestCache: {
-        type: Boolean,
-        default: true
-      },
-      wordbook: {
-        type: Object
-      },
-      vertical: {
-        type: Boolean,
-        default: false
-      },
-      onChange: {}
-    },
-    emits: ["update:value"],
-    setup(props, {
-      emit
-    }) {
-      const {
-        field
-      } = useFormField();
-      const {
-        renderComplexOption,
-        checkValueRef,
-        valueRef
-      } = useComplexOptions(props, emit);
-      const {
-        labelKey,
-        valueKey,
-        options
-      } = useAutographOptions(props, valueRef);
-      const {
-        injectValueBindKey,
-        injectValueValidate
-      } = useCommonInjection();
-      injectValueValidate(valueRef);
-      const key = injectValueBindKey(valueRef);
-      return () => {
-        return createVNode(Wrapper, {
-          "key": key.value,
-          "value": valueRef.value,
-          "onUpdate:value": ($event) => valueRef.value = $event,
-          "onClick": createVisitedSetter(field)
-        }, {
-          default: () => [createVNode(NSpace, {
-            "vertical": props.vertical,
-            "vertical-space": props.vertical
-          }, {
-            default: () => {
-              var _a;
-              return [(_a = options.value) == null ? void 0 : _a.map((option) => {
-                let _slot;
-                return createVNode(Item, {
-                  "key": option[valueKey.value],
-                  "value": option[valueKey.value],
-                  "disabled": option.disabled
-                }, _isSlot(_slot = renderComplexOption({
-                  value: checkValueRef.value,
-                  option,
-                  valueKey: valueKey.value,
-                  labelKey: labelKey.value
-                })) ? _slot : {
-                  default: () => [_slot]
-                });
-              })];
-            }
-          })]
-        });
-      };
-    }
-  });
-}
-const RADIO = connect(createComponent("FormRadio", NRadioGroup, NRadio), mapProps({
-  dataSource: "options"
-}, assignUpdateValue));
-const CHECKBOX = connect(createComponent("FormCheckbox", NCheckboxGroup, NCheckbox), mapProps({
-  dataSource: "options"
-}, assignUpdateValue));
-
-export { CHECKBOX, RADIO };
+import{defineComponent as e,createVNode as o,isVNode as t}from"vue";import{connect as a,mapProps as l}from"@formily/vue";import{NSpace as r,NRadio as u,NRadioGroup as i,NCheckbox as n,NCheckboxGroup as p}from"naive-ui";import"../../../index.js";import{useComplexOptions as s}from"../../hooks/useComplexOptions.js";import"../../utils/index.js";import{useAutographOptions as m}from"../../hooks/useFormRenderOptions.js";import{useCommonInjection as v}from"../../hooks/useCommonInjection.js";import{assignUpdateValue as c,createVisitedSetter as d}from"../../utils/schema.js";import{useFormField as f}from"../../hooks/useFormField.js";function y(a,l,u){return e({name:a,props:{value:{type:[String,Number,Object,Array]},options:{type:Array,default:()=>[]},autograph:{type:String},lazyRequest:{type:Boolean,default:!1},requestCache:{type:Boolean,default:!0},wordbook:{type:Object},vertical:{type:Boolean,default:!1},onChange:{}},emits:["update:value"],setup(e,{emit:a}){const{field:i}=f(),{renderComplexOption:n,checkValueRef:p,valueRef:c}=s(e,a),{labelKey:y,valueKey:j,options:b}=m(e,c),{injectValueBindKey:h,injectValueValidate:k}=v();k(c);const C=h(c);return()=>o(l,{key:C.value,value:c.value,"onUpdate:value":e=>c.value=e,onClick:d(i)},{default:()=>[o(r,{vertical:e.vertical,"vertical-space":e.vertical},{default:()=>{var e;return[null==(e=b.value)?void 0:e.map((e=>{let a;return o(u,{key:e[j.value],value:e[j.value],disabled:e.disabled},"function"==typeof(l=a=n({value:p.value,option:e,valueKey:j.value,labelKey:y.value}))||"[object Object]"===Object.prototype.toString.call(l)&&!t(l)?a:{default:()=>[a]});var l}))]}})]})}})}const j=a(y("FormRadio",i,u),l({dataSource:"options"},c)),b=a(y("FormCheckbox",p,n),l({dataSource:"options"},c));export{b as CHECKBOX,j as RADIO};

package/es/components/form-render/src/components/renderer/remoteSearch.js

@@ -1,139 +1 @@
-import { defineComponent, ref, computed, inject, watch, createVNode } from 'vue';
-import { connect, mapProps } from '@formily/vue';
-import { useVModel, useDebounceFn } from '@vueuse/core';
-import { isString, isArray, cloneDeep, isEqual } from 'lodash-es';
-import { NSelect } from 'naive-ui';
-import '../../../index.js';
-import { InjectionAsyncQueue, InjectionChangeContextCollector, InjectionFormItemDepsCollector } from '../../constants/index.js';
-import { createUrlConfigParams, formRenderLog } from '../../utils/index.js';
-import { useCommonInjection, useSelectOptionProps } from '../../hooks/useCommonInjection.js';
-import { useFormField } from '../../hooks/useFormField.js';
-import { createVisitedSetter, assignUpdateValue, assignClearBindVisited } from '../../utils/schema.js';
-
-const script = defineComponent({
-  name: "FormRemoteSearch",
-  props: {
-    value: {
-      type: String
-    },
-    requestCache: {
-      type: Boolean,
-      default: true
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    urlConfig: {
-      type: Object
-    },
-    onChange: {}
-  },
-  emits: ["update:value"],
-  setup(props, {
-    slots,
-    emit
-  }) {
-    const valueRef = useVModel(props, "value", emit);
-    const {
-      field,
-      fieldKey
-    } = useFormField();
-    const remoteOptions = ref(null);
-    const labelKey = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.urlConfig) == null ? void 0 : _a.nameKey) != null ? _b : "text";
-    });
-    const valueKey = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.urlConfig) == null ? void 0 : _a.valueKey) != null ? _b : "value";
-    });
-    const asyncQueue = inject(InjectionAsyncQueue);
-    const fetchData = useDebounceFn(async (content = "", contentType = "label") => {
-      if (!props.urlConfig) {
-        return remoteOptions.value = null;
-      }
-      try {
-        remoteOptions.value = await asyncQueue.addAsync(await createUrlConfigParams({
-          config: {
-            ...props.urlConfig,
-            params: {
-              ...props.urlConfig.params,
-              [contentType === "value" ? valueKey.value : "keyword"]: content
-            }
-          },
-          cache: props.requestCache,
-          field: field.value
-        }));
-      } catch (e) {
-        isString(e) && formRenderLog(e);
-      }
-    });
-    const parsedOptions = computed(() => {
-      if (isArray(remoteOptions.value))
-        return remoteOptions.value;
-      if (isArray(props.options))
-        return props.options;
-      return [];
-    });
-    const {
-      injectValueValidate,
-      injectValueBindKey
-    } = useCommonInjection();
-    injectValueValidate(valueRef);
-    const key = injectValueBindKey(valueRef);
-    watch(valueRef, (value) => {
-      if (!value || parsedOptions.value.find((option) => option[valueKey.value] === value))
-        return;
-      return fetchData(value, "value");
-    });
-    const changeContextCollector = inject(InjectionChangeContextCollector);
-    changeContextCollector.setContext(fieldKey.value, (v) => {
-      return {
-        currentOption: cloneDeep(getCurrentOption(v))
-      };
-      function getCurrentOption(v2) {
-        return parsedOptions.value.find((option) => option[valueKey.value] === v2);
-      }
-    });
-    const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
-    watch(() => props.urlConfig, (config, oldConfig) => {
-      if (isEqual(config, oldConfig))
-        return;
-      remoteOptions.value = null;
-      if (!config)
-        return;
-      formItemDepsCollector.setDeps(fieldKey.value, config.dependKey || [], async () => {
-        remoteOptions.value = null;
-        valueRef.value = null;
-      });
-      valueRef.value && fetchData(valueRef.value, "value");
-    }, {
-      immediate: true
-    });
-    const {
-      menuProps,
-      nodeProps
-    } = useSelectOptionProps();
-    return () => {
-      return createVNode(NSelect, {
-        "remote": true,
-        "filterable": true,
-        "key": key.value,
-        "value": valueRef.value,
-        "onUpdate:value": ($event) => valueRef.value = $event,
-        "labelField": labelKey.value,
-        "valueField": valueKey.value,
-        "menu-props": menuProps,
-        "node-props": nodeProps,
-        "onSearch": fetchData,
-        "onUpdate:show": (show) => show && fetchData(),
-        "options": parsedOptions.value,
-        "onFocus": createVisitedSetter(field)
-      }, slots);
-    };
-  }
-});
-const REMOTE_SEARCH = connect(script, mapProps(assignUpdateValue, assignClearBindVisited));
-
-export { REMOTE_SEARCH };
+import{defineComponent as e,ref as l,computed as o,inject as u,watch as a,createVNode as r}from"vue";import{connect as t,mapProps as n}from"@formily/vue";import{useVModel as i,useDebounceFn as s}from"@vueuse/core";import{isString as v,isArray as m,cloneDeep as p,isEqual as d}from"lodash-es";import{NSelect as f}from"naive-ui";import"../../../index.js";import{InjectionAsyncQueue as c,InjectionChangeContextCollector as y,InjectionFormItemDepsCollector as h}from"../../constants/index.js";import{createUrlConfigParams as C,formRenderLog as g}from"../../utils/index.js";import{useCommonInjection as j,useSelectOptionProps as x}from"../../hooks/useCommonInjection.js";import{useFormField as F}from"../../hooks/useFormField.js";import{createVisitedSetter as K,assignUpdateValue as b,assignClearBindVisited as k}from"../../utils/schema.js";const w=t(e({name:"FormRemoteSearch",props:{value:{type:String},requestCache:{type:Boolean,default:!0},options:{type:Array,default:()=>[]},urlConfig:{type:Object},onChange:{}},emits:["update:value"],setup(e,{slots:t,emit:n}){const b=i(e,"value",n),{field:k,fieldKey:w}=F(),S=l(null),V=o((()=>{var l,o;return null!=(o=null==(l=e.urlConfig)?void 0:l.nameKey)?o:"text"})),q=o((()=>{var l,o;return null!=(o=null==(l=e.urlConfig)?void 0:l.valueKey)?o:"value"})),A=u(c),B=s((async(l="",o="label")=>{if(!e.urlConfig)return S.value=null;try{S.value=await A.addAsync(await C({config:{...e.urlConfig,params:{...e.urlConfig.params,["value"===o?q.value:"keyword"]:l}},cache:e.requestCache,field:k.value}))}catch(e){v(e)&&g(e)}})),O=o((()=>m(S.value)?S.value:m(e.options)?e.options:[])),{injectValueValidate:P,injectValueBindKey:U}=j();P(b);const D=U(b);a(b,(e=>{if(e&&!O.value.find((l=>l[q.value]===e)))return B(e,"value")}));u(y).setContext(w.value,(e=>{return{currentOption:p((l=e,O.value.find((e=>e[q.value]===l))))};var l}));const I=u(h);a((()=>e.urlConfig),((e,l)=>{d(e,l)||(S.value=null,e&&(I.setDeps(w.value,e.dependKey||[],(async()=>{S.value=null,b.value=null})),b.value&&B(b.value,"value")))}),{immediate:!0});const{menuProps:R,nodeProps:z}=x();return()=>r(f,{remote:!0,filterable:!0,key:D.value,value:b.value,"onUpdate:value":e=>b.value=e,labelField:V.value,valueField:q.value,"menu-props":R,"node-props":z,onSearch:B,"onUpdate:show":e=>e&&B(),options:O.value,onFocus:K(k)},t)}}),n(b,k));export{w as REMOTE_SEARCH};

package/es/components/form-render/src/components/renderer/searchCascade.js

@@ -1,244 +1 @@
-import { defineComponent, ref, computed, inject, watch, createVNode, nextTick } from 'vue';
-import { isEqual, isArray } from 'lodash-es';
-import '../../../index.js';
-import { useCommonInjection } from '../../hooks/useCommonInjection.js';
-import { InjectionAsyncQueue, InjectionFormUUID } from '../../constants/index.js';
-import '../../../../../shared/utils/index.js';
-import '../../utils/index.js';
-import { useFormField } from '../../hooks/useFormField.js';
-import '@vueuse/core';
-import '../../../../../shared/utils/tapable/SyncHook.js';
-import '../../../../../shared/utils/tapable/SyncBailHook.js';
-import '../../../../../shared/utils/tapable/SyncWaterfallHook.js';
-import '../../../../../shared/utils/tapable/SyncLoopHook.js';
-import '../../../../../shared/utils/tapable/AsyncParallelHook.js';
-import '../../../../../shared/utils/tapable/AsyncParallelBailHook.js';
-import '../../../../../shared/utils/tapable/AsyncSeriesHook.js';
-import '../../../../../shared/utils/tapable/AsyncSeriesBailHook.js';
-import '../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
-import '../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
-import '../../hooks/useFormValidator.js';
-import '@formily/core';
-import 'date-fns';
-import '@formily/reactive';
-import { connect, mapProps } from '@formily/vue';
-import '@vue/shared';
-import './index.js';
-import '../../hooks/useFormRenderOptions.js';
-import { NCascader } from 'naive-ui';
-import { createVisitedSetter, assignUpdateValue, traverseDependKey } from '../../utils/schema.js';
-
-const script = defineComponent({
-  name: "FormCascader",
-  props: {
-    options: {
-      type: Array,
-      default: () => []
-    },
-    depth: {
-      type: [Number, String]
-    },
-    urlConfig: {
-      type: Object
-    },
-    requestCache: {
-      type: Boolean,
-      default: true
-    },
-    onFocus: {
-      type: Function
-    },
-    filterable: {
-      type: Boolean,
-      default: false
-    },
-    onChange: {},
-    value: {}
-  },
-  emits: ["update:value"],
-  setup(props, {
-    slots,
-    emit
-  }) {
-    const remoteOptions = ref();
-    const {
-      field,
-      title
-    } = useFormField();
-    const labelKey = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.urlConfig) == null ? void 0 : _a.nameKey) != null ? _b : "text";
-    });
-    const valueKey = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.urlConfig) == null ? void 0 : _a.valueKey) != null ? _b : "value";
-    });
-    const valueRef = computed(() => {
-      try {
-        const parsed = Array.isArray(props.value) ? props.value : JSON.parse(props.value || "");
-        if (!Array.isArray(parsed) || !parsed.length)
-          return null;
-        return parsed.map((option) => option[labelKey.value]).join(" / ");
-      } catch (e) {
-        return null;
-      }
-    });
-    function updateValue(_, __, options) {
-      emit("update:value", options.map(optionSimplify));
-      function optionSimplify(option) {
-        return {
-          ...option,
-          label: option[labelKey.value],
-          children: void 0,
-          parent: void 0
-        };
-      }
-    }
-    const asyncQueue = inject(InjectionAsyncQueue);
-    async function fetchData(option) {
-      props.filterable ? await fetchFullData() : await fetchGradeData(option);
-      await syncPosition();
-    }
-    async function fetchFullData() {
-      if (!props.urlConfig || remoteOptions.value && props.requestCache)
-        return;
-      const data = await asyncQueue.addAsync({
-        ...props.urlConfig,
-        params: {
-          lvlnr: 1 + ""
-        },
-        key: title.value,
-        cache: props.requestCache
-      });
-      remoteOptions.value = data.map((item) => optionNormalize(item, 0));
-      function optionNormalize(data2, depth) {
-        const result = {
-          [labelKey.value]: data2[labelKey.value],
-          [valueKey.value]: data2[valueKey.value],
-          depth: depth + 1,
-          isLeaf: true
-        };
-        if (isArray(data2.children)) {
-          result.children = data2.children.map((child) => optionNormalize(child, depth + 1));
-          result.isLeaf = !data2.children.length;
-        }
-        return result;
-      }
-    }
-    async function fetchGradeData(option) {
-      if (notNeedToFetchData(props, option))
-        return;
-      const data = await asyncQueue.addAsync(createRequestParams(deepFor(option), configFor(props), title.value, option));
-      if (!data.length && option) {
-        option.isLeaf = true;
-        updateValue(null, null, getOptionChain(option));
-        show.value = false;
-        return;
-      }
-      const result = data.map((item) => optionNormalize(item, deepFor(option)));
-      option ? option.children = result : remoteOptions.value = result;
-      function notNeedToFetchData(props2, option2) {
-        return !configFor(props2) || !option2 && remoteOptions.value && props2.requestCache || deepFor(option2) >= deepFor(props2) - 1;
-      }
-      function createRequestParams(deep, config, key2, option2) {
-        const params = {
-          lvlnr: deep + 1 + ""
-        };
-        if (option2 && config.dependKey) {
-          traverseDependKey(config.dependKey, (dependKey, valueKey2) => {
-            params[valueKey2] = option2[dependKey];
-          });
-        }
-        return {
-          params,
-          ...config,
-          key: key2,
-          cache: props.requestCache
-        };
-      }
-      function getOptionChain(option2) {
-        let currentOption = option2;
-        const result2 = [option2];
-        while (currentOption.parent) {
-          result2.unshift(currentOption.parent);
-          currentOption = currentOption.parent;
-        }
-        return result2;
-      }
-      function optionNormalize(data2, depth) {
-        return {
-          [labelKey.value]: data2[labelKey.value],
-          [valueKey.value]: data2[valueKey.value],
-          depth: depth + 1,
-          parent: option,
-          isLeaf: depth + 2 >= deepFor(props)
-        };
-      }
-      function configFor(target) {
-        return target.urlConfig;
-      }
-      function deepFor(target) {
-        var _a;
-        return (_a = target == null ? void 0 : target.depth) != null ? _a : -1;
-      }
-    }
-    const uuid = inject(InjectionFormUUID);
-    const uniClassname = `form-render__cascade--menu-${uuid}`;
-    async function syncPosition() {
-      await nextTick();
-      const target = document.querySelector(`.${uniClassname} .v-vl`);
-      if (!target)
-        return;
-      target.dispatchEvent(new CustomEvent("scroll"));
-    }
-    const {
-      injectValueValidate,
-      injectValueWatchFromEmpty,
-      injectValueBindKey
-    } = useCommonInjection();
-    injectValueWatchFromEmpty(() => props.value, fetchData);
-    injectValueValidate(() => props.value);
-    watch(() => props.urlConfig, async (config, oldConfig) => {
-      if (isEqual(config, oldConfig))
-        return;
-      remoteOptions.value = null;
-      await fetchData();
-    });
-    const show = ref(false);
-    function updateShow(v) {
-      show.value = !!v;
-      v && fetchData();
-    }
-    const parsedOptions = computed(() => {
-      return remoteOptions.value || props.options || [];
-    });
-    const remote = computed(() => !props.filterable);
-    const key = injectValueBindKey(valueRef);
-    return () => {
-      return createVNode(NCascader, {
-        "key": key.value,
-        "remote": remote.value,
-        "filterable": props.filterable,
-        "menu-props": {
-          class: uniClassname,
-          onClick: syncPosition
-        },
-        "checkStrategy": "child",
-        "show": !!show.value,
-        "onUpdate:show": updateShow,
-        "value": valueRef.value,
-        "onUpdate:value": updateValue,
-        "labelField": labelKey.value,
-        "valueField": valueKey.value,
-        "options": parsedOptions.value,
-        "onLoad": fetchData,
-        "onFocus": createVisitedSetter(field)
-      }, slots);
-    };
-  }
-});
-const SEARCH_CASCADER = connect(script, mapProps({
-  dataSource: "options"
-}, assignUpdateValue));
-
-export { SEARCH_CASCADER };
+import{defineComponent as e,ref as t,computed as a,inject as o,watch as r,createVNode as l,nextTick as n}from"vue";import{isEqual as i,isArray as u}from"lodash-es";import"../../../index.js";import{useCommonInjection as s}from"../../hooks/useCommonInjection.js";import{InjectionAsyncQueue as c,InjectionFormUUID as p}from"../../constants/index.js";import"../../../../../shared/utils/index.js";import"../../utils/index.js";import{useFormField as m}from"../../hooks/useFormField.js";import"@vueuse/core";import"../../../../../shared/utils/tapable/SyncHook.js";import"../../../../../shared/utils/tapable/SyncBailHook.js";import"../../../../../shared/utils/tapable/SyncWaterfallHook.js";import"../../../../../shared/utils/tapable/SyncLoopHook.js";import"../../../../../shared/utils/tapable/AsyncParallelHook.js";import"../../../../../shared/utils/tapable/AsyncParallelBailHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesBailHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js";import"../../hooks/useFormValidator.js";import"@formily/core";import"date-fns";import"@formily/reactive";import{connect as d,mapProps as v}from"@formily/vue";import"@vue/shared";import"./index.js";import"../../hooks/useFormRenderOptions.js";import{NCascader as f}from"naive-ui";import{createVisitedSetter as h,assignUpdateValue as y,traverseDependKey as j}from"../../utils/schema.js";const b=d(e({name:"FormCascader",props:{options:{type:Array,default:()=>[]},depth:{type:[Number,String]},urlConfig:{type:Object},requestCache:{type:Boolean,default:!0},onFocus:{type:Function},filterable:{type:Boolean,default:!1},onChange:{},value:{}},emits:["update:value"],setup(e,{slots:d,emit:v}){const y=t(),{field:b,title:k}=m(),C=a((()=>{var t,a;return null!=(a=null==(t=e.urlConfig)?void 0:t.nameKey)?a:"text"})),g=a((()=>{var t,a;return null!=(a=null==(t=e.urlConfig)?void 0:t.valueKey)?a:"value"})),A=a((()=>{try{const t=Array.isArray(e.value)?e.value:JSON.parse(e.value||"");return Array.isArray(t)&&t.length?t.map((e=>e[C.value])).join(" / "):null}catch(e){return null}}));function S(e,t,a){v("update:value",a.map((function(e){return{...e,label:e[C.value],children:void 0,parent:void 0}})))}const F=o(c);async function w(t){e.filterable?await async function(){if(!e.urlConfig||y.value&&e.requestCache)return;const t=await F.addAsync({...e.urlConfig,params:{lvlnr:"1"},key:k.value,cache:e.requestCache});function a(e,t){const o={[C.value]:e[C.value],[g.value]:e[g.value],depth:t+1,isLeaf:!0};return u(e.children)&&(o.children=e.children.map((e=>a(e,t+1))),o.isLeaf=!e.children.length),o}y.value=t.map((e=>a(e,0)))}():await async function(t){if(r(e,t))return;const a=await F.addAsync(l(s(t),u(e),k.value,t));if(!a.length&&t)return t.isLeaf=!0,S(0,0,n(t)),void(K.value=!1);const o=a.map((e=>i(e,s(t))));function r(e,t){return!u(e)||!t&&y.value&&e.requestCache||s(t)>=s(e)-1}function l(t,a,o,r){const l={lvlnr:t+1+""};return r&&a.dependKey&&j(a.dependKey,((e,t)=>{l[t]=r[e]})),{params:l,...a,key:o,cache:e.requestCache}}function n(e){let t=e;const a=[e];for(;t.parent;)a.unshift(t.parent),t=t.parent;return a}function i(a,o){return{[C.value]:a[C.value],[g.value]:a[g.value],depth:o+1,parent:t,isLeaf:o+2>=s(e)}}function u(e){return e.urlConfig}function s(e){var t;return null!=(t=null==e?void 0:e.depth)?t:-1}t?t.children=o:y.value=o}(t),await x()}const H=`form-render__cascade--menu-${o(p)}`;async function x(){await n();const e=document.querySelector(`.${H} .v-vl`);e&&e.dispatchEvent(new CustomEvent("scroll"))}const{injectValueValidate:L,injectValueWatchFromEmpty:q,injectValueBindKey:B}=s();q((()=>e.value),w),L((()=>e.value)),r((()=>e.urlConfig),(async(e,t)=>{i(e,t)||(y.value=null,await w())}));const K=t(!1);function V(e){K.value=!!e,e&&w()}const E=a((()=>y.value||e.options||[])),O=a((()=>!e.filterable)),W=B(A);return()=>l(f,{key:W.value,remote:O.value,filterable:e.filterable,"menu-props":{class:H,onClick:x},checkStrategy:"child",show:!!K.value,"onUpdate:show":V,value:A.value,"onUpdate:value":S,labelField:C.value,valueField:g.value,options:E.value,onLoad:w,onFocus:h(b)},d)}}),v({dataSource:"options"},y));export{b as SEARCH_CASCADER};