cnhis-design-vue 3.1.5-beta.11 → 3.1.5-beta.14

package/es/packages/field-set/src/OldFieldSet.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,329 @@
+import { defineComponent, ref, reactive, onMounted, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, normalizeClass, createCommentVNode, createBlock, renderSlot, normalizeStyle, toDisplayString, withDirectives, vShow, vModelSelect, vModelText, createTextVNode } from 'vue';
+import { NSpin, NCheckbox, NTooltip, NButton } from 'naive-ui';
+import Draggable from 'vuedraggable';
+
+const _hoisted_1 = { class: "fields-set-content" };
+const _hoisted_2 = { class: "fields-table" };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", {
+  class: "width-show",
+  style: { "width": "4%" }
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", { class: "width-large" }, "\u6240\u6709\u5B57\u6BB5", -1);
+const _hoisted_5 = { class: "width-show" };
+const _hoisted_6 = /* @__PURE__ */ createTextVNode(" \u663E\u793A ");
+const _hoisted_7 = { class: "width-show" };
+const _hoisted_8 = /* @__PURE__ */ createTextVNode(" \u6392\u5E8F ");
+const _hoisted_9 = /* @__PURE__ */ createElementVNode("span", { class: "width-showed" }, "\u56FA\u5B9A", -1);
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", { class: "width-word" }, "\u81EA\u5B9A\u4E49\u6807\u9898", -1);
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", { class: "width-showed" }, "\u5217\u5BBD", -1);
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = { class: "width-show drag-icon-wrap" };
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("span", {
+  class: "iconfont icon-a-menzhenyishengzhanxitongtubiaotuozhuai",
+  style: { "color": "#000" }
+}, null, -1);
+const _hoisted_15 = /* @__PURE__ */ createElementVNode("span", null, "\u62D6\u62FD\u8C03\u6574\u987A\u5E8F", -1);
+const _hoisted_16 = /* @__PURE__ */ createElementVNode("span", { style: { "width": "14px", "margin-right": "6px" } }, null, -1);
+const _hoisted_17 = { class: "width-show" };
+const _hoisted_18 = { class: "width-show" };
+const _hoisted_19 = { class: "width-showed" };
+const _hoisted_20 = ["onUpdate:modelValue"];
+const _hoisted_21 = /* @__PURE__ */ createElementVNode("option", { value: 0 }, "\u4E0D\u56FA\u5B9A", -1);
+const _hoisted_22 = /* @__PURE__ */ createElementVNode("option", { value: 1 }, "\u5DE6\u56FA\u5B9A", -1);
+const _hoisted_23 = /* @__PURE__ */ createElementVNode("option", { value: 2 }, "\u53F3\u56FA\u5B9A", -1);
+const _hoisted_24 = [
+  _hoisted_21,
+  _hoisted_22,
+  _hoisted_23
+];
+const _hoisted_25 = { class: "width-word" };
+const _hoisted_26 = ["onUpdate:modelValue"];
+const _hoisted_27 = { class: "width-showed" };
+const _hoisted_28 = ["onUpdate:modelValue"];
+const _hoisted_29 = {
+  key: 0,
+  class: "check-options"
+};
+const _hoisted_30 = { class: "btn-operate" };
+const _hoisted_31 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
+const _hoisted_32 = /* @__PURE__ */ createTextVNode("\u4FDD\u5B58");
+var script = /* @__PURE__ */ defineComponent({
+  props: {
+    fields: {
+      type: Array,
+      default: function() {
+        return [];
+      }
+    },
+    menuSource: {
+      type: String,
+      default: ""
+    },
+    drawerDirection: {
+      type: String,
+      default: "right"
+    },
+    footerFlag: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["onSave", "onClose"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const settingView = ref(null);
+    const state = reactive({
+      spinning: false,
+      isCustomSearch: true,
+      clickItem: {},
+      fields: props.fields
+    });
+    onMounted(() => {
+      hideTab();
+    });
+    const leftStyle = (ele) => {
+      return {
+        background: state.clickItem.sid === ele.sid ? "#f2f2f2" : void 0
+      };
+    };
+    const isMiddleAndAdmin = computed(() => props.menuSource == "middle");
+    const showCheckBox = (key) => {
+      return state.fields.some((i) => Object.prototype.hasOwnProperty.call(i, key));
+    };
+    const hideTab = () => {
+      var _a, _b;
+      if (isMiddleAndAdmin.value)
+        return;
+      if (props.drawerDirection === "right") {
+        (_a = settingView.value) == null ? void 0 : _a.style.setProperty("margin", "auto");
+      } else {
+        (_b = settingView.value) == null ? void 0 : _b.style.setProperty("margin", "auto");
+      }
+    };
+    const handleFieldSave = () => {
+      let tableFields = [];
+      if (state.fields.length > 0) {
+        state.fields.forEach((item, i) => {
+          tableFields.push({
+            id: item.sid,
+            field: item.columnName,
+            visible: item.isShow == 1,
+            sequence: i,
+            sortable: item.isSort == 1,
+            title: item.alias || item.title,
+            fixed: item.isFixed ? item.isFixed == 1 ? "left" : "right" : "",
+            minWidth: item.colWidth
+          });
+        });
+      }
+      emit("onSave", { tableFields });
+    };
+    const onCancle = () => {
+      emit("onClose");
+    };
+    const onChangeShow = (e, ele) => {
+      if (e == true) {
+        ele.isShow = 1;
+      } else {
+        ele.isShow = 0;
+      }
+    };
+    const onChangeSort = (e, ele) => {
+      if (e == true) {
+        ele.isSort = 1;
+      } else {
+        ele.isSort = 0;
+      }
+    };
+    const calculateCheck = (key) => {
+      if (!state.fields.length)
+        return false;
+      return state.fields.every((i) => {
+        if (!Object.prototype.hasOwnProperty.call(i, key))
+          return true;
+        return i[key];
+      });
+    };
+    const handleAllCheck = (e, key) => {
+      const value = e ? 1 : 0;
+      const data = state.fields.map((i) => {
+        if (Object.prototype.hasOwnProperty.call(i, key)) {
+          i[key] = value;
+        }
+        return i;
+      });
+      state.fields = data;
+    };
+    const handleFieldClick = (item) => {
+      state.clickItem = item;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "settingView",
+        ref: settingView,
+        class: "c-field-set"
+      }, [
+        createVNode(unref(NSpin), {
+          show: unref(state).spinning,
+          tip: "...",
+          style: { "width": "100%", "height": "100%" }
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", _hoisted_2, [
+                createElementVNode("div", {
+                  class: normalizeClass(["setting-title", { "seting-title-api": !unref(state).isCustomSearch }])
+                }, [
+                  _hoisted_3,
+                  createCommentVNode(" \u5B57\u6BB5\u540D\u79F0 "),
+                  _hoisted_4,
+                  createCommentVNode(" \u663E\u793A "),
+                  createElementVNode("span", _hoisted_5, [
+                    showCheckBox("isShow") ? (openBlock(), createBlock(unref(NCheckbox), {
+                      key: 0,
+                      checked: calculateCheck("isShow"),
+                      "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => handleAllCheck($event, "isShow"))
+                    }, null, 8, ["checked"])) : createCommentVNode("v-if", true),
+                    _hoisted_6
+                  ]),
+                  createCommentVNode(" \u6392\u5E8F "),
+                  createElementVNode("span", _hoisted_7, [
+                    showCheckBox("isSort") ? (openBlock(), createBlock(unref(NCheckbox), {
+                      key: 0,
+                      checked: calculateCheck("isSort"),
+                      "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => handleAllCheck($event, "isSort"))
+                    }, null, 8, ["checked"])) : createCommentVNode("v-if", true),
+                    _hoisted_8
+                  ]),
+                  createCommentVNode(" \u56FA\u5B9A "),
+                  _hoisted_9,
+                  renderSlot(_ctx.$slots, "default", {}, () => [
+                    createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
+                    _hoisted_10
+                  ]),
+                  createCommentVNode(" \u5217\u5BBD "),
+                  _hoisted_11
+                ], 2),
+                createElementVNode("div", {
+                  ref: "setShow",
+                  class: normalizeClass(["set-show", { "set-show-api": !unref(state).isCustomSearch }])
+                }, [
+                  createVNode(unref(Draggable), {
+                    list: unref(state).fields,
+                    animation: "150",
+                    "item-key": "sid",
+                    tag: "ul"
+                  }, {
+                    item: withCtx(({ element }) => [
+                      createElementVNode("li", {
+                        class: "left-style",
+                        style: normalizeStyle(leftStyle(element)),
+                        onClick: ($event) => handleFieldClick(element)
+                      }, [
+                        createElementVNode("span", _hoisted_13, [
+                          createVNode(unref(NTooltip), { trigger: "hover" }, {
+                            trigger: withCtx(() => [
+                              _hoisted_14
+                            ]),
+                            default: withCtx(() => [
+                              _hoisted_15
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        createCommentVNode(" \u5B57\u6BB5\u540D\u79F0 "),
+                        createElementVNode("span", {
+                          class: normalizeClass(["width-large title-item", { blue: element.extraField }])
+                        }, [
+                          _hoisted_16,
+                          createElementVNode("span", null, toDisplayString(element.title), 1)
+                        ], 2),
+                        createCommentVNode(" \u663E\u793A "),
+                        createElementVNode("span", _hoisted_17, [
+                          withDirectives(createVNode(unref(NCheckbox), {
+                            "default-checked": element.isShow == "1",
+                            checked: element.isShow == "1" ? true : false,
+                            "onUpdate:checked": ($event) => onChangeShow($event, element)
+                          }, null, 8, ["default-checked", "checked", "onUpdate:checked"]), [
+                            [vShow, element.sid != "0001"]
+                          ])
+                        ]),
+                        createCommentVNode(" \u6392\u5E8F "),
+                        createElementVNode("span", _hoisted_18, [
+                          withDirectives(createVNode(unref(NCheckbox), {
+                            "default-checked": element.isSort == "1",
+                            disabled: element.notParticipatingSort == 1,
+                            checked: !!element.isSort,
+                            "onUpdate:checked": ($event) => onChangeSort($event, element)
+                          }, null, 8, ["default-checked", "disabled", "checked", "onUpdate:checked"]), [
+                            [vShow, element.sid != "0001"]
+                          ])
+                        ]),
+                        createCommentVNode(" \u56FA\u5B9A "),
+                        createElementVNode("span", _hoisted_19, [
+                          withDirectives(createElementVNode("select", {
+                            "onUpdate:modelValue": ($event) => element.isFixed = $event,
+                            class: "is-sort-style"
+                          }, _hoisted_24, 8, _hoisted_20), [
+                            [vModelSelect, element.isFixed]
+                          ])
+                        ]),
+                        renderSlot(_ctx.$slots, "default", {}, () => [
+                          createCommentVNode(" \u81EA\u5B9A\u4E49\u6807\u9898 "),
+                          createElementVNode("span", _hoisted_25, [
+                            withDirectives(createElementVNode("input", {
+                              "onUpdate:modelValue": ($event) => element.alias = $event,
+                              class: "alias-style"
+                            }, null, 8, _hoisted_26), [
+                              [vShow, element.sid != "0001"],
+                              [vModelText, element.alias]
+                            ])
+                          ])
+                        ]),
+                        createCommentVNode(" \u5217\u5BBD "),
+                        createElementVNode("span", _hoisted_27, [
+                          withDirectives(createElementVNode("input", {
+                            "onUpdate:modelValue": ($event) => element.colWidth = $event,
+                            class: "alias-style col-width-style"
+                          }, null, 8, _hoisted_28), [
+                            [vModelText, element.colWidth]
+                          ])
+                        ])
+                      ], 12, _hoisted_12)
+                    ]),
+                    _: 3
+                  }, 8, ["list"])
+                ], 2)
+              ]),
+              props.footerFlag ? (openBlock(), createElementBlock("div", _hoisted_29, [
+                createElementVNode("div", _hoisted_30, [
+                  createVNode(unref(NButton), {
+                    style: { "margin-right": "8px" },
+                    onClick: onCancle
+                  }, {
+                    default: withCtx(() => [
+                      _hoisted_31
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref(NButton), {
+                    type: "primary",
+                    onClick: handleFieldSave
+                  }, {
+                    default: withCtx(() => [
+                      _hoisted_32
+                    ]),
+                    _: 1
+                  })
+                ])
+              ])) : createCommentVNode("v-if", true)
+            ])
+          ]),
+          _: 3
+        }, 8, ["show"])
+      ], 512);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/field-set/src/OldFieldSet2.js

@@ -0,0 +1,4 @@
+import script from './OldFieldSet.vue_vue_type_script_setup_true_lang.js';
+export { default } from './OldFieldSet.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "packages/field-set/src/OldFieldSet.vue";

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

@@ -0,0 +1,12 @@
+export { default } from './index2.js';
+export { useFieldList2Schema } from './src/hooks/useFieldList2Schema2.js';
+export { useFormRequest } from './src/hooks/useFormRequest2.js';
+export { useCommonLog } from './src/hooks/useCommonLog2.js';
+export { useFormField } from './src/hooks/useFormField2.js';
+export { AsyncQueue, useAsyncQueue } from './src/hooks/useAsyncQueue2.js';
+export { useFieldVisitor } from './src/hooks/useFieldVisitor2.js';
+export { useTypeNormalize } from './src/hooks/useTypeNormalize2.js';
+export { useFormValidator } from './src/hooks/useFormValidator2.js';
+export { BusinessCollector, useBusinessBinding } from './src/hooks/useBusinessBinding2.js';
+export { ContextCollector, useChangeContext } from './src/hooks/useChangeContext2.js';
+export { FormItemDepsCollector, useFormItemDeps } from './src/hooks/useFormItemDeps2.js';

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

@@ -0,0 +1,16 @@
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
+import './src/FormRender2.js';
+import '@formily/core';
+import 'vue';
+import '@vueuse/core';
+import '@formily/vue';
+import '../..\\..\\../packages/form-render/src/utils';
+import script from './src/FormRender.vue_vue_type_script_setup_true_lang.js';
+
+const FormRender = script;
+FormRender.install = function(app) {
+  safeComponentRegister(app, FormRender, COMPONENT_NAMESPACE + "FormRender");
+};
+
+export { FormRender as default };

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

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

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

@@ -0,0 +1,115 @@
+import { defineComponent, provide, computed, openBlock, createBlock, unref, normalizeStyle, withCtx, createVNode, renderSlot, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
+import { injectOrProvide } from './utils/index2.js';
+import { cloneDeep } from 'lodash-es';
+import { InjectionBusinessCollector, InjectionChangeContextCollector, InjectionFormItemDepsCollector, InjectAsyncQueue, InjectionSchemaField } from './constants/index2.js';
+import { useFieldList2Schema } from './hooks/useFieldList2Schema2.js';
+import { FormProvider, FormConsumer, createSchemaField } from '@formily/vue';
+import { useAsyncQueue } from './hooks/useAsyncQueue2.js';
+import { useFieldVisitor } from './hooks/useFieldVisitor2.js';
+import '@vueuse/core';
+import { useBusinessBinding } from './hooks/useBusinessBinding2.js';
+import { useChangeContext } from './hooks/useChangeContext2.js';
+import { useFormItemDeps } from './hooks/useFormItemDeps2.js';
+import * as index from './components/index2.js';
+import { createForm, onFieldValueChange } from '@formily/core';
+import { NForm } from 'naive-ui';
+
+const _hoisted_1 = { style: { "white-space": "pre" } };
+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: () => ({}) },
+    consumer: { type: Boolean, default: false }
+  },
+  emits: [
+    "formChange"
+  ],
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    injectOrProvide(InjectAsyncQueue, () => useAsyncQueue().create(props.parallelism));
+    const businessCollector = useBusinessBinding().create();
+    provide(InjectionBusinessCollector, businessCollector);
+    const changeContextCollector = useChangeContext().create();
+    provide(InjectionChangeContextCollector, changeContextCollector);
+    const formItemDepsCollector = useFormItemDeps().create();
+    provide(InjectionFormItemDepsCollector, formItemDepsCollector);
+    const formModel = createForm({
+      initialValues: props.initialData,
+      effects() {
+        onFieldValueChange("*", (field) => {
+          const fieldKey = field.props.name.toString();
+          emit("formChange", {
+            fieldInstance: field,
+            fieldKey,
+            fieldName: field.title,
+            value: field.value,
+            context: changeContextCollector.getContext(fieldKey)
+          });
+          businessCollector.trigger(formModel, fieldKey, field.value);
+          formItemDepsCollector.trigger(fieldKey);
+        });
+      }
+    });
+    const SchemaField = injectOrProvide(InjectionSchemaField, () => createSchemaField({
+      components: { ...index, ...props.components },
+      scope: props.scope
+    }).SchemaField);
+    const { traverse } = useFieldVisitor();
+    const { transform } = useFieldList2Schema(businessCollector);
+    const renderSchema = computed(() => {
+      if (props.schema) {
+        return props.schema;
+      }
+      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(), createBlock(unref(NForm), {
+        class: "form-render__wrapper",
+        style: normalizeStyle({ "--column": __props.column })
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(FormProvider), { form: unref(formModel) }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default", { schemaFiled: unref(SchemaField) }, () => [
+                createVNode(unref(SchemaField), { schema: unref(renderSchema) }, null, 8, ["schema"])
+              ]),
+              __props.consumer ? (openBlock(), createBlock(unref(FormConsumer), { key: 0 }, {
+                default: withCtx(({ form }) => [
+                  createElementVNode("div", _hoisted_1, toDisplayString(JSON.stringify(form.values, null, 2)), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          }, 8, ["form"])
+        ]),
+        _: 3
+      }, 8, ["style"]);
+    };
+  }
+});
+
+export { script as default };

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

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

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

@@ -1,10 +1,14 @@
-import { AnyObject } from 'cnhis-design-vue/es/src/types';
+import { AnyObject, ArrayAble } from '../..\..\..\../es/src/types';
 import { FormRequestType } from '../types';
 import { PropType } from 'vue';
+declare type DependKeyObj = {
+    paramName: string;
+    paramValue: string;
+};
 declare type UrlConfig = {
     method: FormRequestType;
     nameKey: string;
-    dependKey: string;
+    dependKey: ArrayAble<string> | ArrayAble<DependKeyObj>;
     url: string;
     valueKey: string;
 };
@@ -20,6 +24,8 @@ export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
     urlConfig: {
         type: PropType<UrlConfig>;
     };
+    onChange: {};
+    value: {};
 }, () => 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[]>;
@@ -32,6 +38,8 @@ export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
     urlConfig: {
         type: PropType<UrlConfig>;
     };
+    onChange: {};
+    value: {};
 }>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {

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

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

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

@@ -0,0 +1,140 @@
+import { defineComponent, ref, inject, computed, watch, createVNode } from 'vue';
+import { isObject, isString } from 'lodash-es';
+import { InjectAsyncQueue } from '../constants/index2.js';
+import { assignUpdateValue, formRenderLog, arrayed } from '../utils/index2.js';
+import '@vueuse/core';
+import { useFormField } from '../hooks/useFormField2.js';
+import '../..\\..\\../packages/form-render/src/utils';
+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
+    },
+    onChange: {},
+    value: {}
+  },
+  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 (!config.dependKey) {
+          formRenderLog(`invalid urlConfig.dependKey ${config.dependKey} in CASCADER => ${title.value}`, "warn");
+          return;
+        }
+        arrayed(config.dependKey).forEach((key) => {
+          if (isString(key)) {
+            params[key] = option[config.valueKey];
+          } else if (isObject(key)) {
+            params[key.paramName] = option[key.paramValue];
+          }
+        });
+      }
+      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(() => props.value, (n, o) => {
+      if (n != null && o == null) {
+        fetchData();
+      }
+    }, {
+      immediate: true
+    });
+    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 _value = computed(() => {
+      try {
+        const parsed = Array.isArray(props.value) ? props.value : JSON.parse(props.value || "");
+        if (Array.isArray(parsed)) {
+          return parsed.map((option) => option[labelKey.value]).join(" / ");
+        }
+      } catch (e) {
+        return "";
+      }
+    });
+    function updateValue(_, __, options) {
+      const payload = Array.isArray(options) ? options.map((option) => ({
+        ...option,
+        label: option[labelKey.value],
+        children: void 0
+      })) : options;
+      emit("update:value", payload);
+    }
+    return () => {
+      return createVNode(NCascader, {
+        "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 };

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

@@ -1,4 +1,4 @@
-import { AnyObject } from 'cnhis-design-vue/es/src/types';
+import { AnyObject } from '../..\..\..\../es/src/types';
 import { PropType } from "vue";
 export declare const CHECKBOX: import("vue").DefineComponent<{
     options: {

package/es/packages/form-render/src/components/checkbox.js

@@ -0,0 +1 @@
+export { CHECKBOX } from './checkbox2.js';