cnhis-design-vue 3.1.7-beta.1 → 3.1.7-beta.2

package/es/packages/drag-layout/src/DragLayout.vue_vue_type_script_setup_true_lang.mjs

@@ -18,7 +18,6 @@ const _hoisted_8 = /* @__PURE__ */ createTextVNode(" \u9ED8\u8BA4\u5C55\u5F00 ")
 const _hoisted_9 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
 const _hoisted_10 = /* @__PURE__ */ createTextVNode(" \u4E0D\u53EF\u6298\u53E0 ");
 var script = /* @__PURE__ */ defineComponent({
-  name: "DragLayout",
   props: {
     leftList: { type: Array, required: false, default: () => [] },
     rightList: { type: Array, required: false, default: () => [] },
@@ -330,8 +329,8 @@ var script = /* @__PURE__ */ defineComponent({
           createVNode(unref(Draggable), {
             class: "min-height text-draggable",
             itemKey: "val_key",
-            modelValue: state.hideFields,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.hideFields = $event),
+            modelValue: unref(state).hideFields,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(state).hideFields = $event),
             group: "formitem",
             animation: 300,
             ref: "textDraggable",
@@ -376,8 +375,8 @@ var script = /* @__PURE__ */ defineComponent({
           createVNode(unref(Draggable), {
             class: "min-height draggable-content",
             itemKey: "val_key",
-            modelValue: state.showFields,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.showFields = $event),
+            modelValue: unref(state).showFields,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(state).showFields = $event),
             move: handleDragRemove,
             group: "formitem",
             animation: 300,
@@ -407,7 +406,7 @@ var script = /* @__PURE__ */ defineComponent({
           }, 8, ["modelValue"])
         ]),
         createCommentVNode(" \u5F39\u7A97 "),
-        state.modalVisible ? (openBlock(), createBlock(unref(NModal), {
+        unref(state).modalVisible ? (openBlock(), createBlock(unref(NModal), {
           key: 0,
           preset: "dialog",
           title: "\u5B57\u6BB5\u5C5E\u6027",
@@ -415,15 +414,15 @@ var script = /* @__PURE__ */ defineComponent({
           "negative-text": "\u53D6\u6D88",
           "show-icon": false,
           zIndex: 2001,
-          show: state.modalVisible,
-          "onUpdate:show": _cache[11] || (_cache[11] = ($event) => state.modalVisible = $event),
+          show: unref(state).modalVisible,
+          "onUpdate:show": _cache[11] || (_cache[11] = ($event) => unref(state).modalVisible = $event),
           onPositiveClick: handleOk
         }, {
           default: withCtx(() => [
             createVNode(unref(NForm), {
               ref_key: "formRef",
               ref: formRef,
-              model: state.modalFormData,
+              model: unref(state).modalFormData,
               rules,
               "label-placement": "left",
               "label-width": "auto"
@@ -440,8 +439,8 @@ var script = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(unref(NInput), {
                           placeholder: "\u540D\u79F0",
-                          value: state.modalFormData.name,
-                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => state.modalFormData.name = $event)
+                          value: unref(state).modalFormData.name,
+                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => unref(state).modalFormData.name = $event)
                         }, null, 8, ["value"])
                       ]),
                       _: 1
@@ -456,13 +455,13 @@ var script = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(unref(NInput), {
                             placeholder: "\u9ED8\u8BA4\u503C",
-                            value: state.modalFormData.default_val,
-                            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => state.modalFormData.default_val = $event)
+                            value: unref(state).modalFormData.default_val,
+                            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => unref(state).modalFormData.default_val = $event)
                           }, null, 8, ["value"])
                         ]),
                         _: 1
                       })) : createCommentVNode("v-if", true)
-                    ], 64)) : createCommentVNode("v-if", true),
+                    ], 2112)) : createCommentVNode("v-if", true),
                     createCommentVNode("  \u5BBD\u5EA6 "),
                     !unref(hideModalWidth) ? (openBlock(), createBlock(unref(NFormItemGi), {
                       key: 2,
@@ -471,9 +470,9 @@ var script = /* @__PURE__ */ defineComponent({
                     }, {
                       default: withCtx(() => [
                         createVNode(unref(NSelect), {
-                          options: state.widthOptions,
-                          value: state.modalFormData.elem_width,
-                          "onUpdate:value": _cache[4] || (_cache[4] = ($event) => state.modalFormData.elem_width = $event)
+                          options: unref(state).widthOptions,
+                          value: unref(state).modalFormData.elem_width,
+                          "onUpdate:value": _cache[4] || (_cache[4] = ($event) => unref(state).modalFormData.elem_width = $event)
                         }, null, 8, ["options", "value"])
                       ]),
                       _: 1
@@ -487,8 +486,8 @@ var script = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(unref(NInput), {
                           placeholder: "\u9AD8\u5EA6\uFF08\u884C\uFF09",
-                          value: state.modalFormData.line_height,
-                          "onUpdate:value": _cache[5] || (_cache[5] = ($event) => state.modalFormData.line_height = $event)
+                          value: unref(state).modalFormData.line_height,
+                          "onUpdate:value": _cache[5] || (_cache[5] = ($event) => unref(state).modalFormData.line_height = $event)
                         }, null, 8, ["value"])
                       ]),
                       _: 1
@@ -503,13 +502,13 @@ var script = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(unref(NInput), {
                             placeholder: "\u8BF4\u660E\u6587\u672C",
-                            value: state.modalFormData.placeholder,
-                            "onUpdate:value": _cache[6] || (_cache[6] = ($event) => state.modalFormData.placeholder = $event)
+                            value: unref(state).modalFormData.placeholder,
+                            "onUpdate:value": _cache[6] || (_cache[6] = ($event) => unref(state).modalFormData.placeholder = $event)
                           }, null, 8, ["value"])
                         ]),
                         _: 1
                       })) : createCommentVNode("v-if", true),
-                      state.modalFormData.html_type != "PAGE_LAYOUT" ? (openBlock(), createBlock(unref(NFormItemGi), {
+                      unref(state).modalFormData.html_type != "PAGE_LAYOUT" ? (openBlock(), createBlock(unref(NFormItemGi), {
                         key: 1,
                         span: 18,
                         label: "\u95EE\u53F7\u63D0\u793A"
@@ -518,14 +517,14 @@ var script = /* @__PURE__ */ defineComponent({
                           createVNode(unref(NInput), {
                             maxLength: 200,
                             placeholder: "\u8BF7\u8F93\u5165\u95EE\u53F7\u63D0\u793A",
-                            value: state.modalFormData.remark,
-                            "onUpdate:value": _cache[7] || (_cache[7] = ($event) => state.modalFormData.remark = $event)
+                            value: unref(state).modalFormData.remark,
+                            "onUpdate:value": _cache[7] || (_cache[7] = ($event) => unref(state).modalFormData.remark = $event)
                           }, null, 8, ["value"])
                         ]),
                         _: 1
                       })) : createCommentVNode("v-if", true)
                     ], 64)) : createCommentVNode("v-if", true),
-                    state.modalFormData.is_fast_reply_field != 1 && (state.modalFormData.html_type == "TEXTAREA" || state.modalFormData.html_type == "INPUT") ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+                    unref(state).modalFormData.is_fast_reply_field != 1 && (unref(state).modalFormData.html_type == "TEXTAREA" || unref(state).modalFormData.html_type == "INPUT") ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
                       createCommentVNode(" \u5FEB\u901F\u8F93\u5165 "),
                       createVNode(unref(NFormItemGi), {
                         span: 18,
@@ -533,14 +532,14 @@ var script = /* @__PURE__ */ defineComponent({
                       }, {
                         default: withCtx(() => [
                           createVNode(unref(NCheckbox), {
-                            checked: state.modalFormData.is_fast_reply,
+                            checked: unref(state).modalFormData.is_fast_reply,
                             "onOnUpdate:checked": checkOnChange
                           }, null, 8, ["checked"])
                         ]),
                         _: 1
                       }),
                       createCommentVNode(" \u56DE\u590D\u5206\u7C7B "),
-                      state.modalFormData.is_fast_reply ? (openBlock(), createBlock(unref(NFormItemGi), {
+                      unref(state).modalFormData.is_fast_reply ? (openBlock(), createBlock(unref(NFormItemGi), {
                         key: 0,
                         span: 18,
                         label: "\u77ED\u8BED\u5206\u7C7B",
@@ -549,15 +548,15 @@ var script = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(unref(NSelect), {
                             multiple: "",
-                            value: state.modalFormData.reply_category,
+                            value: unref(state).modalFormData.reply_category,
                             "onUpdate:value": [
-                              _cache[8] || (_cache[8] = ($event) => state.modalFormData.reply_category = $event),
+                              _cache[8] || (_cache[8] = ($event) => unref(state).modalFormData.reply_category = $event),
                               changeCategofy
                             ],
                             filterable: "",
                             filter: unref(vexutils).filterOption,
                             placeholder: "\u5206\u7C7B\u540D\u79F0",
-                            options: state.publicReply
+                            options: unref(state).publicReply
                           }, null, 8, ["value", "filter", "options"])
                         ]),
                         _: 1
@@ -570,13 +569,13 @@ var script = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(unref(NInputNumber), {
                             placeholder: "\u8BF7\u8F93\u5165",
-                            value: state.modalFormData.hideExpression,
-                            "onUpdate:value": _cache[9] || (_cache[9] = ($event) => state.modalFormData.hideExpression = $event)
+                            value: unref(state).modalFormData.hideExpression,
+                            "onUpdate:value": _cache[9] || (_cache[9] = ($event) => unref(state).modalFormData.hideExpression = $event)
                           }, null, 8, ["value"])
                         ]),
                         _: 1
                       }, 512), [
-                        [vShow, state.modalFormData.is_edit == 0]
+                        [vShow, unref(state).modalFormData.is_edit == 0]
                       ])
                     ], 64)) : createCommentVNode("v-if", true),
                     createCommentVNode(" \u52A8\u6001\u6587\u672C\u503C "),
@@ -588,8 +587,8 @@ var script = /* @__PURE__ */ defineComponent({
                         createVNode(unref(NInput), {
                           placeholder: "\u8BF7\u8F93\u5165\u52A8\u6001\u6587\u672C\u5185\u5BB9",
                           type: "textarea",
-                          value: state.modalFormData.default_val,
-                          "onUpdate:value": _cache[10] || (_cache[10] = ($event) => state.modalFormData.default_val = $event)
+                          value: unref(state).modalFormData.default_val,
+                          "onUpdate:value": _cache[10] || (_cache[10] = ($event) => unref(state).modalFormData.default_val = $event)
                         }, null, 8, ["value"])
                       ]),
                       _: 1
@@ -605,13 +604,13 @@ var script = /* @__PURE__ */ defineComponent({
         }, 8, ["show"])) : createCommentVNode("v-if", true),
         createVNode(unref(NModal), {
           preset: "dialog",
-          title: state.lineAddTitle,
+          title: unref(state).lineAddTitle,
           "positive-text": "\u786E\u8BA4",
           "negative-text": "\u53D6\u6D88",
           "show-icon": false,
           zIndex: 2001,
-          show: state.visibleLineAdd,
-          "onUpdate:show": _cache[17] || (_cache[17] = ($event) => state.visibleLineAdd = $event),
+          show: unref(state).visibleLineAdd,
+          "onUpdate:show": _cache[17] || (_cache[17] = ($event) => unref(state).visibleLineAdd = $event),
           onNegativeClick: handleCancel,
           onPositiveClick: handleOkLineAdd
         }, {
@@ -620,8 +619,8 @@ var script = /* @__PURE__ */ defineComponent({
               _hoisted_7,
               createVNode(unref(NInput), {
                 class: "view-model-input new-name-input",
-                value: state.itemTitleNameAdd,
-                "onUpdate:value": _cache[12] || (_cache[12] = ($event) => state.itemTitleNameAdd = $event)
+                value: unref(state).itemTitleNameAdd,
+                "onUpdate:value": _cache[12] || (_cache[12] = ($event) => unref(state).itemTitleNameAdd = $event)
               }, null, 8, ["value"])
             ]),
             withDirectives(createElementVNode("div", null, [
@@ -629,9 +628,9 @@ var script = /* @__PURE__ */ defineComponent({
                 class: "name-new-change",
                 onChange: _cache[13] || (_cache[13] = ($event) => onChangeAdd($event, "is_show")),
                 type: "checkbox",
-                "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => state.isAddChecked = $event)
+                "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => unref(state).isAddChecked = $event)
               }, null, 544), [
-                [vModelCheckbox, state.isAddChecked]
+                [vModelCheckbox, unref(state).isAddChecked]
               ]),
               _hoisted_8,
               _hoisted_9,
@@ -639,14 +638,14 @@ var script = /* @__PURE__ */ defineComponent({
                 class: "name-new-change",
                 onChange: _cache[15] || (_cache[15] = ($event) => onChangeAdd($event, "is_not_fold")),
                 type: "checkbox",
-                "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => state.is_not_foldChecked = $event)
+                "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => unref(state).is_not_foldChecked = $event)
               }, null, 544), [
-                [vModelCheckbox, state.is_not_foldChecked]
+                [vModelCheckbox, unref(state).is_not_foldChecked]
               ]),
               _hoisted_10,
               createCommentVNode(' {{ $t("1.9.69") }} ')
             ], 512), [
-              [vShow, state.lineType != "LINE_BREAKS"]
+              [vShow, unref(state).lineType != "LINE_BREAKS"]
             ])
           ]),
           _: 1

package/es/packages/field-set/src/FieldSet.vue_vue_type_script_setup_true_lang.mjs

@@ -48,7 +48,6 @@ const _hoisted_30 = { class: "btn-operate" };
 const _hoisted_31 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
 const _hoisted_32 = /* @__PURE__ */ createTextVNode("\u4FDD\u5B58");
 var script = /* @__PURE__ */ defineComponent({
-  name: "FieldSet",
   props: {
     fields: {
       type: Array,
@@ -165,7 +164,7 @@ var script = /* @__PURE__ */ defineComponent({
         class: "c-field-set"
       }, [
         createVNode(unref(NSpin), {
-          show: state.spinning,
+          show: unref(state).spinning,
           tip: "...",
           style: { "width": "100%", "height": "100%" }
         }, {
@@ -173,7 +172,7 @@ var script = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_1, [
               createElementVNode("div", _hoisted_2, [
                 createElementVNode("div", {
-                  class: normalizeClass(["setting-title", { "seting-title-api": !state.isCustomSearch }])
+                  class: normalizeClass(["setting-title", { "seting-title-api": !unref(state).isCustomSearch }])
                 }, [
                   _hoisted_3,
                   createCommentVNode(" \u5B57\u6BB5\u540D\u79F0 "),
@@ -207,10 +206,10 @@ var script = /* @__PURE__ */ defineComponent({
                 ], 2),
                 createElementVNode("div", {
                   ref: "setShow",
-                  class: normalizeClass(["set-show", { "set-show-api": !state.isCustomSearch }])
+                  class: normalizeClass(["set-show", { "set-show-api": !unref(state).isCustomSearch }])
                 }, [
                   createVNode(unref(Draggable), {
-                    list: state.fields,
+                    list: unref(state).fields,
                     animation: "150",
                     "item-key": "sid",
                     tag: "ul"

package/es/packages/field-set/src/NewFieldSet.vue_vue_type_script_setup_true_lang.mjs

@@ -48,7 +48,6 @@ const _hoisted_30 = { class: "btn-operate" };
 const _hoisted_31 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
 const _hoisted_32 = /* @__PURE__ */ createTextVNode("\u4FDD\u5B58");
 var script = /* @__PURE__ */ defineComponent({
-  name: "NewFieldSet",
   props: {
     fields: {
       type: Array,
@@ -136,7 +135,7 @@ var script = /* @__PURE__ */ defineComponent({
         class: "c-field-set"
       }, [
         createVNode(unref(NSpin), {
-          show: state.spinning,
+          show: unref(state).spinning,
           tip: "...",
           style: { "width": "100%", "height": "100%" }
         }, {
@@ -144,7 +143,7 @@ var script = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_1, [
               createElementVNode("div", _hoisted_2, [
                 createElementVNode("div", {
-                  class: normalizeClass(["setting-title", { "seting-title-api": !state.isCustomSearch }])
+                  class: normalizeClass(["setting-title", { "seting-title-api": !unref(state).isCustomSearch }])
                 }, [
                   _hoisted_3,
                   createCommentVNode(" \u5B57\u6BB5\u540D\u79F0 "),
@@ -178,10 +177,10 @@ var script = /* @__PURE__ */ defineComponent({
                 ], 2),
                 createElementVNode("div", {
                   ref: "setShow",
-                  class: normalizeClass(["set-show", { "set-show-api": !state.isCustomSearch }])
+                  class: normalizeClass(["set-show", { "set-show-api": !unref(state).isCustomSearch }])
                 }, [
                   createVNode(unref(Draggable), {
-                    list: state.fields,
+                    list: unref(state).fields,
                     animation: "150",
                     "item-key": "id",
                     tag: "ul"
@@ -230,15 +229,13 @@ var script = /* @__PURE__ */ defineComponent({
                           ])
                         ]),
                         createCommentVNode(" \u56FA\u5B9A "),
-                        withDirectives(createElementVNode("span", _hoisted_19, [
+                        createElementVNode("span", _hoisted_19, [
                           withDirectives(createElementVNode("select", {
                             "onUpdate:modelValue": ($event) => element.fixedWay = $event,
                             class: "is-sort-style"
                           }, _hoisted_24, 8, _hoisted_20), [
                             [vModelSelect, element.fixedWay]
                           ])
-                        ], 512), [
-                          [vShow, element.fixedShow]
                         ]),
                         renderSlot(_ctx.$slots, "default", {}, () => [
                           createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),

package/es/packages/form-render/index.mjs

@@ -0,0 +1,10 @@
+export { default } from './index2.mjs';
+export { useFieldList2Schema } from './src/hooks/useFieldList2Schema2.mjs';
+export { useFormRequest } from './src/hooks/useFormRequest2.mjs';
+export { useCommonLog } from './src/hooks/useCommonLog2.mjs';
+export { useFormField } from './src/hooks/useFormField2.mjs';
+export { AsyncQueue, useAsyncQueue } from './src/hooks/useAsyncQueue2.mjs';
+export { useFieldVisitor } from './src/hooks/useFieldVisitor2.mjs';
+export { useTypeNormalize } from './src/hooks/useTypeNormalize2.mjs';
+export { useFormValidator } from './src/hooks/useFormValidator2.mjs';
+export { BusinessCollector, useBusinessBinding } from './src/hooks/useBusinessBinding2.mjs';

package/es/packages/form-render/index2.mjs

@@ -0,0 +1,15 @@
+import { KEY_COMPONENT_NAME } from 'cnhis-design-vue/es/src/global/variable';
+import { safeComponentRegister, getComponentName } from 'cnhis-design-vue/es/src/utils';
+import './src/FormRender2.mjs';
+import '@formily/core';
+import 'vue';
+import '@vueuse/core';
+import '@formily/vue';
+import script from './src/FormRender.vue_vue_type_script_setup_true_lang.mjs';
+
+const FormRender = script;
+FormRender.install = function(app) {
+  safeComponentRegister(app, FormRender, KEY_COMPONENT_NAME + getComponentName(FormRender));
+};
+
+export { FormRender as default };

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

@@ -0,0 +1,2 @@
+import './FormRender2.mjs';
+export { default } from './FormRender.vue_vue_type_script_setup_true_lang.mjs';

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

@@ -0,0 +1,91 @@
+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({
+  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: "formily-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,108 @@
+import { defineComponent, ref, inject, computed, watch, createVNode, 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 || !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
+    });
+    const cascaderRef = ref();
+    function updateValue(v) {
+      emit("update:value", v);
+    }
+    return () => {
+      var _a, _b, _c, _d;
+      return createVNode(NCascader, mergeProps({
+        "ref": cascaderRef
+      }, attrs, {
+        "onUpdate:value": updateValue,
+        "remote": true,
+        "labelField": (_b = (_a = props.urlConfig) == null ? void 0 : _a.nameKey) != null ? _b : "text",
+        "valueField": (_d = (_c = props.urlConfig) == null ? void 0 : _c.valueKey) != null ? _d : "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 };