cnhis-design-vue 3.1.7 → 3.1.8-beta.3

package/es/packages/form-render/src/FormRender.vue.d.ts

@@ -0,0 +1,402 @@
+import { AnyObject } from 'cnhis-design-vue/es/src/types';
+import { FieldItem, FieldVisitor } from "./types";
+import { Component, FunctionalComponent, PropType } from "vue";
+declare const _default: import("vue").DefineComponent<{
+    fieldList: {
+        type: PropType<FieldItem[]>;
+    };
+    initialData: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
+    fieldVisitor: {
+        type: PropType<FieldVisitor>;
+    };
+    column: {
+        type: NumberConstructor;
+        default: number;
+    };
+    parallelism: {
+        type: NumberConstructor;
+        default: number;
+    };
+    schema: {
+        type: PropType<import("@formily/vue").Stringify<{
+            [key: symbol]: any;
+            [key: `x-${string}`]: any;
+            [key: `x-${number}`]: any;
+            version?: string | undefined;
+            name?: import("@formily/vue").SchemaKey | undefined;
+            title?: any;
+            description?: any;
+            default?: any;
+            readOnly?: boolean | undefined;
+            writeOnly?: boolean | undefined;
+            type?: import("@formily/vue").SchemaTypes | undefined;
+            enum?: import("@formily/vue").SchemaEnum<any> | undefined;
+            const?: any;
+            multipleOf?: number | undefined;
+            maximum?: number | undefined;
+            exclusiveMaximum?: number | undefined;
+            minimum?: number | undefined;
+            exclusiveMinimum?: number | undefined;
+            maxLength?: number | undefined;
+            minLength?: number | undefined;
+            pattern?: string | RegExp | undefined;
+            maxItems?: number | undefined;
+            minItems?: number | undefined;
+            uniqueItems?: boolean | undefined;
+            maxProperties?: number | undefined;
+            minProperties?: number | undefined;
+            required?: string | boolean | string[] | undefined;
+            format?: string | undefined;
+            $ref?: string | undefined;
+            $namespace?: string | undefined;
+            definitions?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            properties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            items?: import("@formily/vue").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+            additionalItems?: import("@formily/vue").Stringify<any> | undefined;
+            patternProperties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            additionalProperties?: import("@formily/vue").Stringify<any> | undefined;
+            "x-value"?: any;
+            "x-index"?: number | undefined;
+            "x-pattern"?: any;
+            "x-display"?: any;
+            "x-validator"?: any;
+            "x-decorator"?: any;
+            "x-decorator-props"?: any;
+            "x-component"?: any;
+            "x-component-props"?: any;
+            "x-reactions"?: import("@formily/vue").SchemaReactions<any> | undefined;
+            "x-content"?: any;
+            "x-data"?: any;
+            "x-visible"?: boolean | undefined;
+            "x-hidden"?: boolean | undefined;
+            "x-disabled"?: boolean | undefined;
+            "x-editable"?: boolean | undefined;
+            "x-read-only"?: boolean | undefined;
+            "x-read-pretty"?: boolean | undefined;
+            "x-compile-omitted"?: string[] | undefined;
+        }>>;
+    };
+    components: {
+        type: PropType<Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | FunctionalComponent<{}, {}>>>;
+        default: () => {};
+    };
+    scope: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        fieldList: {
+            type: PropType<FieldItem[]>;
+        };
+        initialData: {
+            type: PropType<AnyObject>;
+            default: () => {};
+        };
+        fieldVisitor: {
+            type: PropType<FieldVisitor>;
+        };
+        column: {
+            type: NumberConstructor;
+            default: number;
+        };
+        parallelism: {
+            type: NumberConstructor;
+            default: number;
+        };
+        schema: {
+            type: PropType<import("@formily/vue").Stringify<{
+                [key: symbol]: any;
+                [key: `x-${string}`]: any;
+                [key: `x-${number}`]: any;
+                version?: string | undefined;
+                name?: import("@formily/vue").SchemaKey | undefined;
+                title?: any;
+                description?: any;
+                default?: any;
+                readOnly?: boolean | undefined;
+                writeOnly?: boolean | undefined;
+                type?: import("@formily/vue").SchemaTypes | undefined;
+                enum?: import("@formily/vue").SchemaEnum<any> | undefined;
+                const?: any;
+                multipleOf?: number | undefined;
+                maximum?: number | undefined;
+                exclusiveMaximum?: number | undefined;
+                minimum?: number | undefined;
+                exclusiveMinimum?: number | undefined;
+                maxLength?: number | undefined;
+                minLength?: number | undefined;
+                pattern?: string | RegExp | undefined;
+                maxItems?: number | undefined;
+                minItems?: number | undefined;
+                uniqueItems?: boolean | undefined;
+                maxProperties?: number | undefined;
+                minProperties?: number | undefined;
+                required?: string | boolean | string[] | undefined;
+                format?: string | undefined;
+                $ref?: string | undefined;
+                $namespace?: string | undefined;
+                definitions?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+                properties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+                items?: import("@formily/vue").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+                additionalItems?: import("@formily/vue").Stringify<any> | undefined;
+                patternProperties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+                additionalProperties?: import("@formily/vue").Stringify<any> | undefined;
+                "x-value"?: any;
+                "x-index"?: number | undefined;
+                "x-pattern"?: any;
+                "x-display"?: any;
+                "x-validator"?: any;
+                "x-decorator"?: any;
+                "x-decorator-props"?: any;
+                "x-component"?: any;
+                "x-component-props"?: any;
+                "x-reactions"?: import("@formily/vue").SchemaReactions<any> | undefined;
+                "x-content"?: any;
+                "x-data"?: any;
+                "x-visible"?: boolean | undefined;
+                "x-hidden"?: boolean | undefined;
+                "x-disabled"?: boolean | undefined;
+                "x-editable"?: boolean | undefined;
+                "x-read-only"?: boolean | undefined;
+                "x-read-pretty"?: boolean | undefined;
+                "x-compile-omitted"?: string[] | undefined;
+            }>>;
+        };
+        components: {
+            type: PropType<Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | FunctionalComponent<{}, {}>>>;
+            default: () => {};
+        };
+        scope: {
+            type: PropType<AnyObject>;
+            default: () => {};
+        };
+    }>> & {
+        onFormChange?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "formChange", ...args: any[]) => void;
+    create: () => import("./hooks").BusinessCollector;
+    trigger: (collector: import("./hooks").BusinessCollector, formModel: import("@formily/core").Form<any>, fieldName: string, value: unknown) => void;
+    collector: import("./hooks").BusinessCollector;
+    formModel: import("@formily/core").Form<{
+        [x: string]: any;
+    }>;
+    SchemaField: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    traverse: (fieldList: FieldItem[], visitorMap?: FieldVisitor | undefined, key?: string) => FieldItem[];
+    transform: (fieldList: FieldItem[]) => Record<string, import("@formily/vue").Stringify<{
+        [key: symbol]: any;
+        [key: `x-${string}`]: any;
+        [key: `x-${number}`]: any;
+        version?: string | undefined;
+        name?: import("@formily/vue").SchemaKey | undefined;
+        title?: any;
+        description?: any;
+        default?: any;
+        readOnly?: boolean | undefined;
+        writeOnly?: boolean | undefined;
+        type?: import("@formily/vue").SchemaTypes | undefined;
+        enum?: import("@formily/vue").SchemaEnum<any> | undefined;
+        const?: any;
+        multipleOf?: number | undefined;
+        maximum?: number | undefined;
+        exclusiveMaximum?: number | undefined;
+        minimum?: number | undefined;
+        exclusiveMinimum?: number | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        pattern?: string | RegExp | undefined;
+        maxItems?: number | undefined;
+        minItems?: number | undefined;
+        uniqueItems?: boolean | undefined;
+        maxProperties?: number | undefined;
+        minProperties?: number | undefined;
+        required?: string | boolean | string[] | undefined;
+        format?: string | undefined;
+        $ref?: string | undefined;
+        $namespace?: string | undefined;
+        definitions?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        properties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        items?: import("@formily/vue").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+        additionalItems?: import("@formily/vue").Stringify<any> | undefined;
+        patternProperties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        additionalProperties?: import("@formily/vue").Stringify<any> | undefined;
+        "x-value"?: any;
+        "x-index"?: number | undefined;
+        "x-pattern"?: any;
+        "x-display"?: any;
+        "x-validator"?: any;
+        "x-decorator"?: any;
+        "x-decorator-props"?: any;
+        "x-component"?: any;
+        "x-component-props"?: any;
+        "x-reactions"?: import("@formily/vue").SchemaReactions<any> | undefined;
+        "x-content"?: any;
+        "x-data"?: any;
+        "x-visible"?: boolean | undefined;
+        "x-hidden"?: boolean | undefined;
+        "x-disabled"?: boolean | undefined;
+        "x-editable"?: boolean | undefined;
+        "x-read-only"?: boolean | undefined;
+        "x-read-pretty"?: boolean | undefined;
+        "x-compile-omitted"?: string[] | undefined;
+    }>>;
+    renderSchema: import("vue").ComputedRef<import("@formily/vue").Stringify<{
+        [key: symbol]: any;
+        [key: `x-${string}`]: any;
+        [key: `x-${number}`]: any;
+        version?: string | undefined;
+        name?: import("@formily/vue").SchemaKey | undefined;
+        title?: any;
+        description?: any;
+        default?: any;
+        readOnly?: boolean | undefined;
+        writeOnly?: boolean | undefined;
+        type?: import("@formily/vue").SchemaTypes | undefined;
+        enum?: import("@formily/vue").SchemaEnum<any> | undefined;
+        const?: any;
+        multipleOf?: number | undefined;
+        maximum?: number | undefined;
+        exclusiveMaximum?: number | undefined;
+        minimum?: number | undefined;
+        exclusiveMinimum?: number | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        pattern?: string | RegExp | undefined;
+        maxItems?: number | undefined;
+        minItems?: number | undefined;
+        uniqueItems?: boolean | undefined;
+        maxProperties?: number | undefined;
+        minProperties?: number | undefined;
+        required?: string | boolean | string[] | undefined;
+        format?: string | undefined;
+        $ref?: string | undefined;
+        $namespace?: string | undefined;
+        definitions?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        properties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        items?: import("@formily/vue").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+        additionalItems?: import("@formily/vue").Stringify<any> | undefined;
+        patternProperties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+        additionalProperties?: import("@formily/vue").Stringify<any> | undefined;
+        "x-value"?: any;
+        "x-index"?: number | undefined;
+        "x-pattern"?: any;
+        "x-display"?: any;
+        "x-validator"?: any;
+        "x-decorator"?: any;
+        "x-decorator-props"?: any;
+        "x-component"?: any;
+        "x-component-props"?: any;
+        "x-reactions"?: import("@formily/vue").SchemaReactions<any> | undefined;
+        "x-content"?: any;
+        "x-data"?: any;
+        "x-visible"?: boolean | undefined;
+        "x-hidden"?: boolean | undefined;
+        "x-disabled"?: boolean | undefined;
+        "x-editable"?: boolean | undefined;
+        "x-read-only"?: boolean | undefined;
+        "x-read-pretty"?: boolean | undefined;
+        "x-compile-omitted"?: string[] | undefined;
+    }>>;
+    validate: () => any;
+    FormProvider: import("vue").DefineComponent<Record<"form", any>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Record<"form", any>>>, {
+        form: any;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    fieldList: {
+        type: PropType<FieldItem[]>;
+    };
+    initialData: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
+    fieldVisitor: {
+        type: PropType<FieldVisitor>;
+    };
+    column: {
+        type: NumberConstructor;
+        default: number;
+    };
+    parallelism: {
+        type: NumberConstructor;
+        default: number;
+    };
+    schema: {
+        type: PropType<import("@formily/vue").Stringify<{
+            [key: symbol]: any;
+            [key: `x-${string}`]: any;
+            [key: `x-${number}`]: any;
+            version?: string | undefined;
+            name?: import("@formily/vue").SchemaKey | undefined;
+            title?: any;
+            description?: any;
+            default?: any;
+            readOnly?: boolean | undefined;
+            writeOnly?: boolean | undefined;
+            type?: import("@formily/vue").SchemaTypes | undefined;
+            enum?: import("@formily/vue").SchemaEnum<any> | undefined;
+            const?: any;
+            multipleOf?: number | undefined;
+            maximum?: number | undefined;
+            exclusiveMaximum?: number | undefined;
+            minimum?: number | undefined;
+            exclusiveMinimum?: number | undefined;
+            maxLength?: number | undefined;
+            minLength?: number | undefined;
+            pattern?: string | RegExp | undefined;
+            maxItems?: number | undefined;
+            minItems?: number | undefined;
+            uniqueItems?: boolean | undefined;
+            maxProperties?: number | undefined;
+            minProperties?: number | undefined;
+            required?: string | boolean | string[] | undefined;
+            format?: string | undefined;
+            $ref?: string | undefined;
+            $namespace?: string | undefined;
+            definitions?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            properties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            items?: import("@formily/vue").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
+            additionalItems?: import("@formily/vue").Stringify<any> | undefined;
+            patternProperties?: import("@formily/vue").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
+            additionalProperties?: import("@formily/vue").Stringify<any> | undefined;
+            "x-value"?: any;
+            "x-index"?: number | undefined;
+            "x-pattern"?: any;
+            "x-display"?: any;
+            "x-validator"?: any;
+            "x-decorator"?: any;
+            "x-decorator-props"?: any;
+            "x-component"?: any;
+            "x-component-props"?: any;
+            "x-reactions"?: import("@formily/vue").SchemaReactions<any> | undefined;
+            "x-content"?: any;
+            "x-data"?: any;
+            "x-visible"?: boolean | undefined;
+            "x-hidden"?: boolean | undefined;
+            "x-disabled"?: boolean | undefined;
+            "x-editable"?: boolean | undefined;
+            "x-read-only"?: boolean | undefined;
+            "x-read-pretty"?: boolean | undefined;
+            "x-compile-omitted"?: string[] | undefined;
+        }>>;
+    };
+    components: {
+        type: PropType<Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | FunctionalComponent<{}, {}>>>;
+        default: () => {};
+    };
+    scope: {
+        type: PropType<AnyObject>;
+        default: () => {};
+    };
+}>> & {
+    onFormChange?: ((...args: any[]) => any) | undefined;
+}, {
+    column: number;
+    components: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | FunctionalComponent<{}, {}>>;
+    initialData: AnyObject;
+    parallelism: number;
+    scope: AnyObject;
+}>;
+export default _default;

package/es/packages/form-render/src/FormRender.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,92 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, renderSlot } from 'vue';
+import { injectOrProvide } from './utils/index2.mjs';
+import { cloneDeep } from 'lodash-es';
+import { InjectionBusinessCollector, InjectAsyncQueue, InjectionSchemaField } from './constants/index2.mjs';
+import { useFieldList2Schema } from './hooks/useFieldList2Schema2.mjs';
+import { FormProvider, createSchemaField } from '@formily/vue';
+import { useAsyncQueue } from './hooks/useAsyncQueue2.mjs';
+import { useFieldVisitor } from './hooks/useFieldVisitor2.mjs';
+import '@vueuse/core';
+import { useBusinessBinding } from './hooks/useBusinessBinding2.mjs';
+import * as index from './components/index2.mjs';
+import { createForm, onFieldValueChange } from '@formily/core';
+
+var script = /* @__PURE__ */ defineComponent({
+  name: "FormRender",
+  props: {
+    fieldList: { type: Array },
+    initialData: { type: Object, default: () => ({}) },
+    fieldVisitor: { type: Object },
+    column: { type: Number, default: 12 },
+    parallelism: { type: Number, default: 3 },
+    schema: { type: Object },
+    components: {
+      type: Object,
+      default: () => ({})
+    },
+    scope: { type: Object, default: () => ({}) }
+  },
+  emits: ["formChange"],
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const { create, trigger } = useBusinessBinding();
+    const collector = injectOrProvide(InjectionBusinessCollector, create);
+    injectOrProvide(InjectAsyncQueue, () => useAsyncQueue().create(props.parallelism));
+    const formModel = createForm({
+      initialValues: props.initialData,
+      effects() {
+        onFieldValueChange("*", (field) => {
+          emit("formChange", {
+            fieldInstance: field,
+            fieldKey: field.props.name,
+            fieldName: field.title,
+            value: field.value
+          });
+          trigger(collector, formModel, field.props.name, field.value);
+        });
+      }
+    });
+    const SchemaField = injectOrProvide(InjectionSchemaField, () => createSchemaField({
+      components: { ...index, ...props.components },
+      scope: props.scope
+    }).SchemaField);
+    const { traverse } = useFieldVisitor();
+    const { transform } = useFieldList2Schema(collector);
+    const renderSchema = computed(() => {
+      if (props.schema) {
+        return props.schema;
+      } else if (props.fieldList) {
+        const _fieldList = traverse(cloneDeep(props.fieldList), props.fieldVisitor);
+        return { type: "object", properties: transform(_fieldList) };
+      }
+      return { type: "object", properties: {} };
+    });
+    function validate() {
+      return formModel.validate();
+    }
+    expose({
+      validate,
+      getFormValues() {
+        return formModel.getFormState().values;
+      },
+      setFieldState: formModel.setFieldState.bind(formModel)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", {
+        class: "form-render__wrapper",
+        style: normalizeStyle({ "--column": __props.column })
+      }, [
+        createVNode(unref(FormProvider), { form: unref(formModel) }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", { schemaFiled: unref(SchemaField) }, () => [
+              createVNode(unref(SchemaField), { schema: unref(renderSchema) }, null, 8, ["schema"])
+            ])
+          ]),
+          _: 3
+        }, 8, ["form"])
+      ], 4);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/form-render/src/FormRender2.mjs

@@ -0,0 +1,4 @@
+import script from './FormRender.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './FormRender.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "packages/form-render/src/FormRender.vue";

package/es/packages/form-render/src/components/cascader.d.ts

@@ -0,0 +1,40 @@
+import { AnyObject } from 'cnhis-design-vue/es/src/types';
+import { FormRequestType } from '../types';
+import { PropType } from 'vue';
+declare type UrlConfig = {
+    method: FormRequestType;
+    nameKey: string;
+    dependKey: string;
+    url: string;
+    valueKey: string;
+};
+export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    deep: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    urlConfig: {
+        type: PropType<UrlConfig>;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    deep: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    urlConfig: {
+        type: PropType<UrlConfig>;
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    options: AnyObject[];
+}>;
+export {};

package/es/packages/form-render/src/components/cascader.mjs

@@ -0,0 +1 @@
+export { SEARCH_CASCADE } from './cascader2.mjs';

package/es/packages/form-render/src/components/cascader2.mjs

@@ -0,0 +1,137 @@
+import { defineComponent, ref, inject, computed, watch, createVNode, Fragment, mergeProps } from 'vue';
+import { InjectAsyncQueue } from '../constants/index2.mjs';
+import { assignUpdateValue, formRenderLog } from '../utils/index2.mjs';
+import { isObject } from '@vueuse/core';
+import { useFormField } from '../hooks/useFormField2.mjs';
+import { connect, mapProps } from '@formily/vue';
+import { NCascader } from 'naive-ui';
+
+const script = defineComponent({
+  name: "FormCascader",
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    },
+    deep: {
+      type: [Number, String],
+      required: true
+    },
+    urlConfig: {
+      type: Object
+    }
+  },
+  emits: ["update:value"],
+  setup(props, {
+    slots,
+    attrs,
+    emit
+  }) {
+    const _options = ref(null);
+    const {
+      title
+    } = useFormField();
+    const asyncQueue = inject(InjectAsyncQueue);
+    async function fetchData(option) {
+      var _a;
+      if (!option && _options.value)
+        return;
+      const config = props.urlConfig;
+      if (!config)
+        return;
+      if (!isObject(config)) {
+        formRenderLog(`invalid urlConfig (${config}) in CASCADER => ${title.value}`, "warn");
+        return;
+      }
+      if ((option == null ? void 0 : option.depth) + 1 >= props.deep)
+        return;
+      const parentDepth = (_a = option == null ? void 0 : option.depth) != null ? _a : -1;
+      const params = {
+        lvlnr: parentDepth + 1 + ""
+      };
+      if (option) {
+        if (!props.urlConfig.dependKey) {
+          formRenderLog(`invalid urlConfig.dependKey ${props.urlConfig.dependKey} in CASCADER => ${title.value}`, "warn");
+          return;
+        }
+        params[props.urlConfig.dependKey] = option[config.valueKey];
+      }
+      const data = await asyncQueue.addAsync({
+        ...config,
+        key: title.value,
+        params
+      });
+      const result = data.reduce((res, d) => {
+        res.push({
+          [config.nameKey]: d[config.nameKey],
+          [config.valueKey]: d[config.valueKey],
+          depth: parentDepth + 1,
+          isLeaf: parentDepth + 2 >= props.deep
+        });
+        return res;
+      }, []);
+      option ? option.children = result : _options.value = result;
+    }
+    const renderOptions = computed(() => {
+      return _options.value || props.options || [];
+    });
+    watch(() => attrs.value, (n, o) => {
+      if (n != null && o == null) {
+        fetchData();
+      }
+    }, {
+      immediate: true
+    });
+    function updateValue(v, _, options) {
+      const _option = Array.isArray(options) ? options.map((option) => ({
+        ...option,
+        children: void 0
+      })) : options;
+      const payload = JSON.stringify(_option);
+      emit("update:value", payload);
+    }
+    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 _attrs = computed(() => {
+      return {
+        ...attrs,
+        value: void 0,
+        onChange: void 0
+      };
+    });
+    const _value = computed(() => {
+      try {
+        const parsed = JSON.parse(attrs.value || "");
+        if (Array.isArray(parsed)) {
+          return parsed.map((option) => option[labelKey.value]).join(" / ");
+        }
+      } catch (e) {
+        return "";
+      }
+    });
+    return () => {
+      return createVNode(Fragment, null, [createVNode(NCascader, mergeProps(_attrs.value, {
+        "value": _value.value,
+        "onUpdate:value": updateValue,
+        "remote": true,
+        "labelField": labelKey.value,
+        "valueField": valueKey.value,
+        "options": renderOptions.value,
+        "checkStrategy": "child",
+        "onLoad": fetchData,
+        "onUpdate:show": (show) => show && fetchData()
+      }), slots)]);
+    };
+  }
+});
+const SEARCH_CASCADE = connect(script, mapProps({
+  dataSource: "options"
+}, assignUpdateValue));
+
+export { SEARCH_CASCADE };