hy-dispatch-ui-v3 0.2.64 → 0.2.66

package/lib/components/hyForm/form.vue.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-require('@element-plus/icons-vue');
 require('../../hooks/index.js');
 require('../../utils/index.js');
 var formItem = require('./cpns/formItem.vue.js');
@@ -59,8 +58,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   },
   emits: ["on-allMapSelect", "complete"],
   setup(__props, { expose: __expose, emit: __emit }) {
-    const emit = __emit;
     const props = __props;
+    const emits = __emit;
     const { t } = useLocale.useLocale();
     const formTemplateRef = vue.useTemplateRef("formTemplateRef");
     const formColumnMap = vue.computed(() => {
@@ -83,52 +82,108 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const allMapSelect = vue.ref(false);
     function setMapSize() {
       allMapSelect.value = !allMapSelect.value;
-      emit("on-allMapSelect", allMapSelect.value);
+      emits("on-allMapSelect", allMapSelect.value);
     }
     function complete() {
-      emit("complete");
+      emits("complete");
     }
+    const fields = vue.reactive([]);
+    function addField(field) {
+      fields.push(field);
+    }
+    const removeField = (field) => {
+      if (vue.unref(field.columnAttrs)) {
+        fields.splice(fields.indexOf(field), 1);
+      }
+    };
+    function filterFields(fields2 = [], keys = []) {
+      const filterKeys = keys.map((prop) => is.isArray(prop) ? prop.join(".") : prop);
+      return filterKeys.length ? fields2.filter(
+        (field) => field.propString && filterKeys.includes(field.propString)
+      ) : fields2;
+    }
+    async function obtainOptionsFields(keys) {
+      const filteredFields = filterFields(fields, keys);
+      await Promise.allSettled(filteredFields.map((field) => field.obtainOptions()));
+    }
+    async function getOptions() {
+      await obtainOptionsFields();
+    }
+    async function getOptionsFields(keys) {
+      await obtainOptionsFields(keys);
+    }
+    async function getOptionsError() {
+      const filteredFields = fields.filter(
+        (field) => field.propString && field.optionsError
+      );
+      await Promise.allSettled(filteredFields.map((field) => field.obtainOptions()));
+    }
+    vue.provide(
+      index.formContextKey,
+      vue.reactive({
+        ...vue.toRefs(props),
+        emits,
+        addField,
+        removeField
+      })
+    );
+    vue.onMounted(() => {
+      getOptions();
+    });
     __expose({
       validate: async (callback) => {
         await vue.nextTick();
         return vue.unref(formTemplateRef).validate(callback);
       },
-      validateField: async (fields) => {
+      validateField: async (fields2) => {
         await vue.nextTick();
-        return vue.unref(formTemplateRef).validateField(fields);
+        return vue.unref(formTemplateRef).validateField(fields2);
       },
-      resetFields: async (fields) => {
+      resetFields: async (fields2) => {
         let columns = props.columns || [];
-        if (fields && fields?.length) {
-          columns = fields.map((key) => formColumnMap.value.get(key)).filter(Boolean);
+        if (fields2 && fields2?.length) {
+          columns = fields2.map((key) => formColumnMap.value.get(key)).filter(Boolean);
         }
         useAppForm.resetAppFormValue(columns, props.model);
-        vue.unref(formTemplateRef).clearValidate(fields);
+        vue.unref(formTemplateRef).clearValidate(fields2);
       },
-      scrollToField: async (fields) => {
+      scrollToField: async (fields2) => {
         await vue.nextTick();
-        vue.unref(formTemplateRef).scrollToField(fields);
+        vue.unref(formTemplateRef).scrollToField(fields2);
       },
-      clearValidate: async (fields) => {
+      clearValidate: async (fields2) => {
         await vue.nextTick();
-        vue.unref(formTemplateRef).clearValidate(fields);
+        vue.unref(formTemplateRef).clearValidate(fields2);
       },
       fields: vue.computed(() => {
         return vue.unref(formTemplateRef)?.fields || [];
       }),
-      getField: async (fields) => {
+      getField: async (fields2) => {
         await vue.nextTick();
-        return vue.unref(formTemplateRef).getField(fields);
+        return vue.unref(formTemplateRef).getField(fields2);
       },
       setMarker: (latlng) => {
         if (locationSelectRef.value) {
           is.isArray(locationSelectRef.value) ? locationSelectRef.value.map((item) => item.setMarker(latlng)) : locationSelectRef.value.setMarker(latlng);
         }
-      }
+      },
+      clearMarker: () => {
+        if (locationSelectRef.value) {
+          is.isArray(locationSelectRef.value) ? locationSelectRef.value.map((item) => item.clearMarker()) : locationSelectRef.value.clearMarker();
+        }
+      },
       // setInitialValue: async (value) => {
       //   await nextTick()
       //   unref(formTemplateRef).setInitialValue(value)
       // }
+      getOptions,
+      getOptionsFields,
+      getOptionsError,
+      getOptionsByField: (field) => {
+        const [target] = filterFields(fields, [field]);
+        if (!target) return null;
+        return target.options;
+      }
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElForm), vue.mergeProps({

package/lib/components/hyForm/js/index.js

@@ -8,6 +8,7 @@ var is = require('../../../utils/is.js');
 var form = require('../../../utils/form.js');
 var useLocale = require('../../../hooks/useLocale.js');
 
+const formContextKey = /* @__PURE__ */ Symbol("formContextKey");
 function columnItemStyle(props, column) {
   const style = {};
   let span = handler.funRunHandler(column.span, column, props.model);
@@ -125,6 +126,7 @@ exports.columnHelpHandler = columnHelpHandler;
 exports.columnItemStyle = columnItemStyle;
 exports.columnShowHandler = columnShowHandler;
 exports.columnVisibleHandler = columnVisibleHandler;
+exports.formContextKey = formContextKey;
 exports.isDisabled = isDisabled;
 exports.isReadonly = isReadonly;
 exports.isRequired = isRequired;

package/lib/components/hyForm/js/useAppForm.js

@@ -29,7 +29,7 @@ function appFormItemHandler(column = {}) {
         ...attrs
       }
     };
-  } else if (/^(radio|radio-group|checkbox|select)$/.test(column.type)) {
+  } else if (/^(radio|radio-group|checkbox|select|select-v2)$/.test(column.type)) {
     return {
       ...column,
       attrs: {
@@ -43,7 +43,7 @@ function appFormItemHandler(column = {}) {
         }
       }
     };
-  } else if (/^(extra)$/.test(column.type) || /^(location-select)$/.test(column.type)) {
+  } else if (/^(extra|location-select)$/.test(column.type)) {
     return {
       ...column,
       children: (column.children || []).map((item) => appFormItemHandler(item))

package/lib/components/hyIcon/style/icon.scss

@@ -6,6 +6,7 @@
   overflow: hidden;
   fill: currentColor;
   outline: none;
+  flex-shrink: 0;
 }
 .hy-button {
   .hy-icon {

package/lib/components/hyNoPermissions/noPermissions.vue.js

@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       return vue.openBlock(), vue.createElementBlock("div", { class: "w-full h-full bg-background-2 text-auxiliary text-base flex flex-col items-center justify-center" }, [
         vue.createVNode(vue.unref(index.HyIcon), {
           "svg-name": __props.svgName,
-          "class-name": "!w-[46px] !h-[46px]"
+          "class-name": "!w-[56px] !h-[56px]"
         }, null, 8, ["svg-name"]),
         vue.createElementVNode("div", { class: "text-center mt-[12px]" }, [
           vue.createElementVNode(

package/lib/components/hyNoPermissionsMap/noPermissionsMap.vue.js

@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       return vue.openBlock(), vue.createElementBlock("div", { class: "w-full h-full bg-background-2 text-auxiliary text-base flex flex-col items-center justify-center" }, [
         vue.createVNode(vue.unref(index.HyIcon), {
           "svg-name": __props.svgName,
-          "class-name": "!w-[46px] !h-[46px]"
+          "class-name": "!w-[56px] !h-[56px]"
         }, null, 8, ["svg-name"]),
         vue.createElementVNode("div", { class: "text-center mt-[12px]" }, [
           vue.createElementVNode(

package/lib/components/hyOrgCascader/orgCascader.vue.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
 require('../../hooks/index.js');
 var index = require('./js/index.js');
 var useSubscribe = require('../../hooks/useSubscribe.js');
@@ -84,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const { subOrgCascader, unsubOrgCascader } = useSubscribe.useSubscribe();
@@ -99,11 +100,20 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       const target = cascaderValueMap.value.get(modelValue.value);
       return target?.companyName;
     });
-    async function getCascaderData() {
-      loading.value = true;
-      const data = await index.getOrgTreeSimple();
-      handlerData(data || []);
-      loading.value = false;
+    function getCascaderData() {
+      return new Promise(async (resolve, reject) => {
+        loading.value = true;
+        try {
+          cascaderOptions.value = [];
+          const data = await index.getOrgTreeSimple();
+          handlerData(data || []);
+          resolve();
+        } catch (err) {
+          console.error(err);
+          reject();
+        }
+        loading.value = false;
+      });
     }
     function handlerData(data) {
       const { cascaderData, cascaderDataMap } = index.orgTreeDatahandler(data);
@@ -157,6 +167,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     vue.onUnmounted(() => {
       unsubOrgCascader(getCascaderData);
     });
+    __expose({
+      getData: getCascaderData
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", { class: "relative" }, [
         __props.contentType ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -190,7 +203,30 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 "virtual-scroll": "",
                 onChange: onChangeHanlder,
                 onVisibleChange: ($event) => onVisibleChangeHandler($event)
-              }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "options", "disabled", "clearable", "placeholder", "onVisibleChange"])
+              }, vue.createSlots({
+                _: 2
+                /* DYNAMIC */
+              }, [
+                loading.value ? {
+                  name: "empty",
+                  fn: vue.withCtx(() => [
+                    vue.createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                      vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                        size: "16",
+                        class: "is-loading text-theme"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(iconsVue.Loading))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createElementVNode("span", null, "\u6570\u636E\u6B63\u5728\u52A0\u8F7D\u4E2D")
+                    ])
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["modelValue", "onUpdate:modelValue", "size", "options", "disabled", "clearable", "placeholder", "onVisibleChange"])
             ],
             4
             /* STYLE */
@@ -229,11 +265,30 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           "show-all-levels": false,
           "virtual-scroll": "",
           onChange: onChangeHanlder
-        }, null, 8, ["modelValue", "onUpdate:modelValue", "class", "size", "options", "clearable", "disabled", "placeholder"])),
-        loading.value ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 2,
-          class: "absolute left-0 right-0 top-0 bottom-0 cursor-wait"
-        })) : vue.createCommentVNode("v-if", true)
+        }, vue.createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          loading.value ? {
+            name: "empty",
+            fn: vue.withCtx(() => [
+              vue.createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                  size: "16",
+                  class: "is-loading text-theme"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.Loading))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }),
+                vue.createElementVNode("span", null, "\u6570\u636E\u6B63\u5728\u52A0\u8F7D\u4E2D")
+              ])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["modelValue", "onUpdate:modelValue", "class", "size", "options", "clearable", "disabled", "placeholder"]))
       ]);
     };
   }

package/lib/components/hyRadioGroup/radioGroup.vue.js

@@ -45,8 +45,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       };
     });
     function switchSelect(target) {
-      modelValue.value = target[radioProps.value.value];
-      emits("change", modelValue.value);
+      const value = target[radioProps.value.value];
+      if (modelValue.value === value) return;
+      modelValue.value = value;
+      emits("change", value);
     }
     async function sliderHandler() {
       selectIndex.value = props.options.findIndex((item) => {
@@ -57,7 +59,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       if (slider) {
         const proportion = 100 / props.options.length;
         const left = selectIndex.value > 0 ? selectIndex.value * proportion : 0;
-        console.log("proportion", proportion, left, selectIndex.value);
         slider.style.left = `${left}%`;
       }
     }
@@ -85,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             vue.renderList(__props.options, (item, index) => {
               return vue.openBlock(), vue.createElementBlock("li", {
                 key: index,
-                class: "w-0 flex-1 flex items-center justify-center text-main clickBox",
+                class: "w-0 flex-1 flex items-center justify-center text-main user-select-none clickBox",
                 onClick: ($event) => switchSelect(item, index, $event)
               }, [
                 vue.renderSlot(_ctx.$slots, "default", {

package/lib/components/hySearch/cpns/searchItem.vue.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
 require('../../../utils/index.js');
 require('../../index.js');
 var index = require('../js/index.js');
@@ -38,10 +39,16 @@ const _sfc_main = {
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
+    const formContext = vue.inject(index.formContextKey);
+    const orgCascaderRef = vue.useTemplateRef("orgCascaderRef");
     const columnProp = vue.computed(() => {
       let field = is.isArray(props.column.field) ? props.column.field[0] : props.column.field;
       return field;
     });
+    const propString = vue.computed(() => {
+      if (!columnProp.value) return "";
+      return is.isArray(columnProp.value) ? columnProp.value.join(".") : columnProp.value;
+    });
     const bindValue = vue.computed({
       get() {
         const prop = is.isArray(props.column.field) ? props.column.field[0] : props.column.field;
@@ -62,6 +69,12 @@ const _sfc_main = {
         form.setValueByProp(props.model, prop, val);
       }
     });
+    const columnConfig = vue.computed(() => {
+      return {
+        ...props.column,
+        attrs: columnAttrs.value
+      };
+    });
     const columnAttrs = vue.computed(() => {
       return {
         ...props.column.attrs,
@@ -69,8 +82,42 @@ const _sfc_main = {
         placeholder: form.columnPlaceholderHandler(props.column, props.model)
       };
     });
+    const optionsLoading = vue.ref(false);
+    const optionsError = vue.ref("");
+    async function obtainOptions() {
+      if (props.column.optionsFn) {
+        if (!props.column.optionsFn || optionsLoading.value) return;
+        optionsLoading.value = true;
+        optionsError.value = "";
+        props.column.attrs.options = [];
+        try {
+          props.column.attrs.options = await props.column.optionsFn(
+            props.column,
+            props.model
+          );
+          optionsError.value = "";
+        } catch (err) {
+          optionsError.value = "error";
+          console.error(err);
+        }
+      } else if (props.column.type === "org-cascader") {
+        if (orgCascaderRef.value) {
+          optionsLoading.value = true;
+          optionsError.value = "";
+          try {
+            await orgCascaderRef.value.getData();
+          } catch {
+            optionsError.value = "error";
+          }
+        }
+      }
+      optionsLoading.value = false;
+    }
     function onChangeHandler(value, column) {
+      const { onChange } = props.column;
       emits("search");
+      if (!onChange) return;
+      onChange(props.column, props.model, props.index);
     }
     function onKeydownEnterHander(e) {
       emits("search");
@@ -90,6 +137,27 @@ const _sfc_main = {
       }
       emits("search");
     }
+    const context = vue.reactive({
+      ...vue.toRefs(props),
+      columnProp,
+      propString,
+      columnConfig,
+      columnAttrs,
+      obtainOptions,
+      optionsLoading,
+      optionsError,
+      options: vue.computed(() => {
+        return index.optionsHandler(props, props.column);
+      })
+    });
+    vue.onMounted(() => {
+      if (propString.value) {
+        formContext?.addField(context);
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      formContext?.removeField(context);
+    });
     return (_ctx, _cache) => {
       return vue.unref(index.columnShowHandler)(props, __props.column) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElFormItem), {
         key: 0,
@@ -113,7 +181,7 @@ const _sfc_main = {
                     }])
                   },
                   [
-                    __props.column.labelSlot && _ctx.$slots[__props.column.labelSlot] ? vue.renderSlot(_ctx.$slots, __props.column.labelSlot, { column: __props.column }, void 0, void 0, 0) : (vue.openBlock(), vue.createElementBlock(
+                    __props.column.labelSlot && _ctx.$slots[__props.column.labelSlot] ? vue.renderSlot(_ctx.$slots, __props.column.labelSlot, { column: columnConfig.value }, void 0, void 0, 0) : (vue.openBlock(), vue.createElementBlock(
                       "span",
                       { key: 1 },
                       vue.toDisplayString(vue.unref(form.columnLabelHandler)(__props.column, props.model)),
@@ -133,7 +201,7 @@ const _sfc_main = {
                   },
                   [
                     vue.createCommentVNode(" \u81EA\u5B9A\u4E49\u5177\u540D\u63D2\u69FD "),
-                    __props.column.slot ? vue.renderSlot(_ctx.$slots, __props.column.slot, { column: __props.column }, void 0, void 0, 0) : __props.column.type === "input" ? (vue.openBlock(), vue.createElementBlock(
+                    __props.column.slot ? vue.renderSlot(_ctx.$slots, __props.column.slot, { column: columnConfig.value }, void 0, void 0, 0) : __props.column.type === "input" ? (vue.openBlock(), vue.createElementBlock(
                       vue.Fragment,
                       { key: 1 },
                       [
@@ -161,13 +229,75 @@ const _sfc_main = {
                           disabled: vue.unref(index.isDisabled)(props, __props.column),
                           options: vue.unref(index.optionsHandler)(props, __props.column),
                           onChange: ($event) => onChangeHandler($event, __props.column)
-                        }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options", "onChange"])
+                        }), vue.createSlots({
+                          _: 2
+                          /* DYNAMIC */
+                        }, [
+                          optionsLoading.value ? {
+                            name: "empty",
+                            fn: vue.withCtx(() => [
+                              vue.createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                                vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                                  size: "16",
+                                  class: "is-loading text-theme"
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(iconsVue.Loading))
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }),
+                                vue.createElementVNode("span", null, "\u6570\u636E\u6B63\u5728\u52A0\u8F7D\u4E2D")
+                              ])
+                            ]),
+                            key: "0"
+                          } : void 0
+                        ]), 1040, ["modelValue", "onUpdate:modelValue", "disabled", "options", "onChange"])
                       ],
                       2112
                       /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-                    )) : __props.column.type === "date-picker" ? (vue.openBlock(), vue.createElementBlock(
+                    )) : __props.column.type === "select-v2" ? (vue.openBlock(), vue.createElementBlock(
                       vue.Fragment,
                       { key: 3 },
+                      [
+                        vue.createCommentVNode(" \u865A\u62DF\u5316\u9009\u62E9\u6846 "),
+                        vue.createVNode(vue.unref(elementPlus.ElSelectV2), vue.mergeProps({
+                          modelValue: bindValue.value,
+                          "onUpdate:modelValue": ($event) => bindValue.value = $event
+                        }, columnAttrs.value, {
+                          disabled: vue.unref(index.isDisabled)(props, __props.column),
+                          options: vue.unref(index.optionsHandler)(props, __props.column),
+                          onChange: onChangeHandler
+                        }), vue.createSlots({
+                          _: 2
+                          /* DYNAMIC */
+                        }, [
+                          optionsLoading.value ? {
+                            name: "empty",
+                            fn: vue.withCtx(() => [
+                              vue.createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                                vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                                  size: "16",
+                                  class: "is-loading text-theme"
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(iconsVue.Loading))
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }),
+                                vue.createElementVNode("span", null, "\u6570\u636E\u6B63\u5728\u52A0\u8F7D\u4E2D")
+                              ])
+                            ]),
+                            key: "0"
+                          } : void 0
+                        ]), 1040, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
+                      ],
+                      2112
+                      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+                    )) : __props.column.type === "date-picker" ? (vue.openBlock(), vue.createElementBlock(
+                      vue.Fragment,
+                      { key: 4 },
                       [
                         vue.createCommentVNode(" \u65E5\u671F\u9009\u62E9\u6846 "),
                         [
@@ -203,7 +333,7 @@ const _sfc_main = {
                       /* STABLE_FRAGMENT */
                     )) : __props.column.type === "time-picker" ? (vue.openBlock(), vue.createElementBlock(
                       vue.Fragment,
-                      { key: 4 },
+                      { key: 5 },
                       [
                         vue.createCommentVNode(" \u65F6\u95F4\u9009\u62E9\u6846 "),
                         columnAttrs.value.isRange ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.HyTimePicker), vue.mergeProps({
@@ -232,10 +362,12 @@ const _sfc_main = {
                       /* STABLE_FRAGMENT */
                     )) : __props.column.type === "org-cascader" ? (vue.openBlock(), vue.createElementBlock(
                       vue.Fragment,
-                      { key: 5 },
+                      { key: 6 },
                       [
                         vue.createCommentVNode(" \u90E8\u95E8\u7EA7\u8054\u9009\u62E9\u6846 "),
                         vue.createVNode(vue.unref(index$4.HyOrgCascader), vue.mergeProps({
+                          ref_key: "orgCascaderRef",
+                          ref: orgCascaderRef,
                           modelValue: bindValue.value,
                           "onUpdate:modelValue": ($event) => bindValue.value = $event
                         }, columnAttrs.value, {
@@ -247,17 +379,41 @@ const _sfc_main = {
                       /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
                     )) : __props.column.type === "cascader" ? (vue.openBlock(), vue.createElementBlock(
                       vue.Fragment,
-                      { key: 6 },
+                      { key: 7 },
                       [
                         vue.createCommentVNode(" \u7EA7\u8054\u9009\u62E9\u6846 "),
                         vue.createVNode(vue.unref(elementPlus.ElCascader), vue.mergeProps({
                           modelValue: bindValue.value,
                           "onUpdate:modelValue": ($event) => bindValue.value = $event
                         }, columnAttrs.value, {
+                          style: { "width": "100%" },
                           disabled: vue.unref(index.isDisabled)(props, __props.column),
                           options: vue.unref(index.optionsHandler)(props, __props.column),
                           onChange: onChangeHandler
-                        }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
+                        }), vue.createSlots({
+                          _: 2
+                          /* DYNAMIC */
+                        }, [
+                          optionsLoading.value ? {
+                            name: "empty",
+                            fn: vue.withCtx(() => [
+                              vue.createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                                vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                                  size: "16",
+                                  class: "is-loading text-theme"
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(iconsVue.Loading))
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                }),
+                                vue.createElementVNode("span", null, "\u6570\u636E\u6B63\u5728\u52A0\u8F7D\u4E2D")
+                              ])
+                            ]),
+                            key: "0"
+                          } : void 0
+                        ]), 1040, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
                       ],
                       2112
                       /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */

package/lib/components/hySearch/js/index.js

@@ -7,6 +7,7 @@ require('../../../hooks/index.js');
 var is = require('../../../utils/is.js');
 var useResizeObserver = require('../../../hooks/useResizeObserver.js');
 
+const formContextKey = /* @__PURE__ */ Symbol("formContextKey");
 function columnItemStyle(props, column) {
   const { width } = column;
   const style = {};
@@ -143,6 +144,7 @@ function optionsHandler(props, column) {
 exports.columnItemInputStyle = columnItemInputStyle;
 exports.columnItemStyle = columnItemStyle;
 exports.columnShowHandler = columnShowHandler;
+exports.formContextKey = formContextKey;
 exports.isDisabled = isDisabled;
 exports.isEmptyValue = isEmptyValue;
 exports.isSelectedTimeRange = isSelectedTimeRange;