hy-dispatch-ui-v3 0.2.65 → 0.2.67

package/es/components/hyForm/cpns/formItem.vue.mjs

@@ -1,11 +1,12 @@
-import { useTemplateRef, computed, unref, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, withCtx, createCommentVNode, createElementVNode, renderSlot, toDisplayString, createVNode, Fragment, mergeProps } from 'vue';
-import { ElFormItem, ElSelect, ElRadioGroup, ElCheckboxGroup, ElSwitch, ElInputNumber, ElCascader } from 'element-plus';
+import { inject, useTemplateRef, computed, reactive, toRefs, onMounted, watch, onBeforeUnmount, unref, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createSlots, withCtx, createElementVNode, renderSlot, toDisplayString, createCommentVNode, createVNode, Fragment, mergeProps } from 'vue';
+import { ElFormItem, ElSelect, ElIcon, ElSelectV2, ElRadioGroup, ElCheckboxGroup, ElSwitch, ElInputNumber, ElCascader } from 'element-plus';
+import { Loading } from '@element-plus/icons-vue';
 import '../../../utils/index.mjs';
 import '../../index.mjs';
-import { isRequired, columnVisibleHandler, columnItemStyle, columnShowHandler, columnHelpHandler, isReadonly, renderText, isDisabled, optionsHandler } from '../js/index.mjs';
+import { formContextKey, optionsHandler, isRequired, columnVisibleHandler, columnItemStyle, columnShowHandler, columnHelpHandler, isReadonly, renderText, isDisabled } from '../js/index.mjs';
 import '../../../hooks/index.mjs';
 import { useLocale } from '../../../hooks/useLocale.mjs';
-import { isArray } from '../../../utils/is.mjs';
+import { isBoolean, isArray } from '../../../utils/is.mjs';
 import { setValueByProp, getValueByProp, columnPlaceholderHandler, columnLabelHandler, columnRuleHandler } from '../../../utils/form.mjs';
 import { HyTooltip } from '../../hyTooltip/index.mjs';
 import { HyIcon } from '../../hyIcon/index.mjs';
@@ -60,7 +61,18 @@ const _sfc_main = {
   setup(__props) {
     const { t } = useLocale();
     const props = __props;
+    const formContext = inject(formContextKey);
     const formItemRef = useTemplateRef("formItemRef");
+    const orgCascaderRef = useTemplateRef("orgCascaderRef");
+    const showMessage = computed(() => {
+      if (columnConfig.value.optionsError) {
+        return true;
+      }
+      if (isBoolean(columnConfig.value.showMessage)) {
+        return columnConfig.value.showMessage;
+      }
+      return formContext.showMessage;
+    });
     const columnProp = computed(() => {
       let field = isArray(props.column.field) ? props.column.field[0] : props.column.field;
       if (props.parentProp) {
@@ -68,6 +80,10 @@ const _sfc_main = {
       }
       return field;
     });
+    const propString = computed(() => {
+      if (!columnProp.value) return "";
+      return isArray(columnProp.value) ? columnProp.value.join(".") : columnProp.value;
+    });
     const bindValue = computed({
       get() {
         const prop = isArray(props.column.field) ? props.column.field[0] : props.column.field;
@@ -88,6 +104,12 @@ const _sfc_main = {
         setValueByProp(props.model, prop, val);
       }
     });
+    const columnConfig = computed(() => {
+      return {
+        ...props.column,
+        attrs: columnAttrs.value
+      };
+    });
     const columnAttrs = computed(() => {
       return {
         ...props.column.attrs,
@@ -95,6 +117,55 @@ const _sfc_main = {
         placeholder: columnPlaceholderHandler(props.column, props.model)
       };
     });
+    async function obtainOptions(isMountedLoad = false) {
+      return new Promise(async (resolve, reject) => {
+        if (props.column.optionsFn) {
+          if (!props.column.optionsFn) return;
+          props.column.optionsLoading = true;
+          props.column.optionsError = "";
+          props.column.attrs.options = [];
+          if (!(isMountedLoad && props.column.isDefaultGetData === false)) {
+            try {
+              props.column.attrs.options = await props.column.optionsFn(
+                props.column,
+                props.model
+              );
+              props.column.optionsError = "";
+              resolve();
+            } catch (err) {
+              props.column.optionsError = "error";
+              console.error(err);
+              reject();
+            }
+          } else {
+            resolve();
+          }
+        } else if (props.column.type === "org-cascader") {
+          if (orgCascaderRef.value) {
+            props.column.optionsLoading = true;
+            props.column.optionsError = "";
+            try {
+              await orgCascaderRef.value.getData();
+              resolve();
+            } catch {
+              props.column.optionsError = "error";
+              reject();
+            }
+          } else {
+            resolve();
+          }
+        } else {
+          resolve();
+        }
+        props.column.optionsLoading = false;
+      });
+    }
+    function getOptionsHandler(props2, column) {
+      if (props2.column.optionsLoading) {
+        return [];
+      }
+      return optionsHandler(props2, props2.column);
+    }
     function getColumnRuleHandler(column, model) {
       if (!isRequired(props, column) && formItemRef.value) {
         formItemRef.value.clearValidate();
@@ -104,8 +175,51 @@ const _sfc_main = {
     function onChangeHandler() {
       const { onChange } = props.column;
       if (!onChange) return;
-      onChange(props.column, props.model);
+      onChange(props.column, props.model, props.index);
+    }
+    async function onReloadOptions() {
+      if (props.column.optionsError === "error") {
+        try {
+          await obtainOptions();
+        } catch {
+        }
+        formContext?.emitOptionsStatus();
+      }
     }
+    const context = reactive({
+      ...toRefs(props),
+      columnProp,
+      propString,
+      columnConfig,
+      columnAttrs,
+      obtainOptions,
+      optionsLoading: computed(() => props.column.optionsLoading),
+      optionsError: computed(() => props.column.optionsError),
+      options: computed(() => {
+        return getOptionsHandler(props, props.column);
+      })
+    });
+    onMounted(() => {
+      if (propString.value) {
+        formContext?.addField(context);
+      }
+      watch(
+        () => formContext.model.errorMsg,
+        () => {
+          const optionsError = props.column.optionsError;
+          if (optionsError === "error") {
+            props.column.optionsError = "";
+            setTimeout(() => {
+              props.column.optionsError = "error";
+            }, 1);
+          }
+        },
+        { immediate: true, deep: true }
+      );
+    });
+    onBeforeUnmount(() => {
+      formContext?.removeField(context);
+    });
     return (_ctx, _cache) => {
       return !unref(columnVisibleHandler)(props, __props.column) ? (openBlock(), createElementBlock("div", {
         key: 0,
@@ -122,14 +236,15 @@ const _sfc_main = {
         id: __props.column.id,
         prop: columnProp.value,
         rules: getColumnRuleHandler(__props.column, props.model),
-        style: normalizeStyle(unref(columnItemStyle)(props, __props.column))
-      }, {
+        style: normalizeStyle(unref(columnItemStyle)(props, __props.column)),
+        error: __props.column.optionsError,
+        "show-message": showMessage.value
+      }, createSlots({
         default: withCtx(() => [
-          createCommentVNode(" \u8868\u5355\u9879label "),
           createElementVNode("div", { class: "w-full flex justify-between text-main" }, [
             createElementVNode("div", { class: "flex items-center" }, [
               renderSlot(_ctx.$slots, __props.column.labelSlot, {
-                column: __props.column,
+                column: columnConfig.value,
                 model: __props.model,
                 required: unref(isRequired)(props, __props.column)
               }, () => [
@@ -158,7 +273,11 @@ const _sfc_main = {
                     1
                     /* TEXT */
                   )) : createCommentVNode("v-if", true),
-                  renderSlot(_ctx.$slots, __props.column.tooltipContentSlot)
+                  renderSlot(_ctx.$slots, __props.column.tooltipContentSlot, {
+                    column: columnConfig.value,
+                    model: __props.model,
+                    required: unref(isRequired)(props, __props.column)
+                  })
                 ]),
                 default: withCtx(() => [
                   createElementVNode("span", { class: "text-xs text-theme ml-2" }, [
@@ -184,13 +303,12 @@ const _sfc_main = {
               class: "ml-2 flex items-center"
             }, [
               renderSlot(_ctx.$slots, __props.column.rightSlot, {
-                column: __props.column,
+                column: columnConfig.value,
                 model: __props.model,
                 required: unref(isRequired)(props, __props.column)
               })
             ])) : createCommentVNode("v-if", true)
           ]),
-          createCommentVNode(" \u5185\u5BB9\u4EC5\u67E5\u770B "),
           unref(isReadonly)(props, __props.column) || !__props.column.type && !__props.column.slot ? (openBlock(), createElementBlock(
             "div",
             {
@@ -226,9 +344,10 @@ const _sfc_main = {
             Fragment,
             { key: 1 },
             [
+              createCommentVNode(" \u8868\u5355\u9879 "),
               createCommentVNode(" \u81EA\u5B9A\u4E49\u5177\u540D\u63D2\u69FD "),
               __props.column.slot && _ctx.$slots[__props.column.slot] ? renderSlot(_ctx.$slots, __props.column.slot, {
-                column: __props.column,
+                column: columnConfig.value,
                 model: __props.model,
                 required: unref(isRequired)(props, __props.column)
               }, void 0, void 0, 0) : __props.column.type === "input" ? (openBlock(), createElementBlock(
@@ -256,15 +375,77 @@ const _sfc_main = {
                     "onUpdate:modelValue": ($event) => bindValue.value = $event
                   }, columnAttrs.value, {
                     disabled: unref(isDisabled)(props, __props.column),
-                    options: unref(optionsHandler)(props, __props.column),
+                    options: getOptionsHandler(props, __props.column),
                     onChange: onChangeHandler
-                  }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
+                  }), createSlots({
+                    _: 2
+                    /* DYNAMIC */
+                  }, [
+                    __props.column.optionsLoading ? {
+                      name: "empty",
+                      fn: withCtx(() => [
+                        createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                          createVNode(unref(ElIcon), {
+                            size: "16",
+                            class: "is-loading text-theme"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(unref(Loading))
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }),
+                          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" ? (openBlock(), createElementBlock(
+              )) : __props.column.type === "select-v2" ? (openBlock(), createElementBlock(
                 Fragment,
                 { key: 3 },
+                [
+                  createCommentVNode(" \u865A\u62DF\u5316\u9009\u62E9\u6846 "),
+                  createVNode(unref(ElSelectV2), mergeProps({
+                    modelValue: bindValue.value,
+                    "onUpdate:modelValue": ($event) => bindValue.value = $event
+                  }, columnAttrs.value, {
+                    disabled: unref(isDisabled)(props, __props.column),
+                    options: getOptionsHandler(props, __props.column),
+                    onChange: onChangeHandler
+                  }), createSlots({
+                    _: 2
+                    /* DYNAMIC */
+                  }, [
+                    __props.column.optionsLoading ? {
+                      name: "empty",
+                      fn: withCtx(() => [
+                        createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                          createVNode(unref(ElIcon), {
+                            size: "16",
+                            class: "is-loading text-theme"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(unref(Loading))
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }),
+                          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" ? (openBlock(), createElementBlock(
+                Fragment,
+                { key: 4 },
                 [
                   createCommentVNode(" \u65E5\u671F\u9009\u62E9\u6846 "),
                   ["datetimerange", "daterange", "monthrange", "yearrange"].includes(
@@ -297,7 +478,7 @@ const _sfc_main = {
                 /* STABLE_FRAGMENT */
               )) : __props.column.type === "time-picker" ? (openBlock(), createElementBlock(
                 Fragment,
-                { key: 4 },
+                { key: 5 },
                 [
                   createCommentVNode(" \u65F6\u95F4\u9009\u62E9\u6846 "),
                   columnAttrs.value.isRange ? (openBlock(), createBlock(unref(HyTimePicker), mergeProps({
@@ -328,7 +509,7 @@ const _sfc_main = {
                 /* STABLE_FRAGMENT */
               )) : __props.column.type === "radio" ? (openBlock(), createElementBlock(
                 Fragment,
-                { key: 5 },
+                { key: 6 },
                 [
                   createCommentVNode(" \u5355\u9009 "),
                   createVNode(unref(ElRadioGroup), mergeProps({
@@ -336,7 +517,7 @@ const _sfc_main = {
                     "onUpdate:modelValue": ($event) => bindValue.value = $event
                   }, columnAttrs.value, {
                     disabled: unref(isDisabled)(props, __props.column),
-                    options: unref(optionsHandler)(props, __props.column),
+                    options: getOptionsHandler(props, __props.column),
                     onChange: onChangeHandler
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
                 ],
@@ -344,7 +525,7 @@ const _sfc_main = {
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
               )) : __props.column.type === "radio-group" ? (openBlock(), createElementBlock(
                 Fragment,
-                { key: 6 },
+                { key: 7 },
                 [
                   createCommentVNode(" \u5355\u9009\u6309\u94AE "),
                   createVNode(unref(HyRadioGroup), mergeProps({
@@ -352,7 +533,7 @@ const _sfc_main = {
                     "onUpdate:modelValue": ($event) => bindValue.value = $event
                   }, columnAttrs.value, {
                     disabled: unref(isDisabled)(props, __props.column),
-                    options: unref(optionsHandler)(props, __props.column),
+                    options: getOptionsHandler(props, __props.column),
                     size: __props.size,
                     onChange: onChangeHandler
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options", "size"])
@@ -361,7 +542,7 @@ const _sfc_main = {
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
               )) : __props.column.type === "checkbox" ? (openBlock(), createElementBlock(
                 Fragment,
-                { key: 7 },
+                { key: 8 },
                 [
                   createCommentVNode(" \u591A\u9009 "),
                   createVNode(unref(ElCheckboxGroup), mergeProps({
@@ -369,7 +550,7 @@ const _sfc_main = {
                     "onUpdate:modelValue": ($event) => bindValue.value = $event
                   }, columnAttrs.value, {
                     disabled: unref(isDisabled)(props, __props.column),
-                    options: unref(optionsHandler)(props, __props.column),
+                    options: getOptionsHandler(props, __props.column),
                     onChange: onChangeHandler
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
                 ],
@@ -377,7 +558,7 @@ const _sfc_main = {
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
               )) : __props.column.type === "switch" ? (openBlock(), createElementBlock(
                 Fragment,
-                { key: 8 },
+                { key: 9 },
                 [
                   createCommentVNode(" \u5F00\u5173 "),
                   createVNode(unref(ElSwitch), mergeProps({
@@ -395,7 +576,7 @@ const _sfc_main = {
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
               )) : __props.column.type === "input-number" ? (openBlock(), createElementBlock(
                 Fragment,
-                { key: 9 },
+                { key: 10 },
                 [
                   createCommentVNode(" \u6570\u5B57\u8F93\u5165\u6846 "),
                   createVNode(unref(ElInputNumber), mergeProps({
@@ -410,10 +591,12 @@ const _sfc_main = {
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
               )) : __props.column.type === "org-cascader" ? (openBlock(), createElementBlock(
                 Fragment,
-                { key: 10 },
+                { key: 11 },
                 [
                   createCommentVNode(" \u90E8\u95E8\u7EA7\u8054\u9009\u62E9\u6846 "),
                   createVNode(unref(HyOrgCascader), mergeProps({
+                    ref_key: "orgCascaderRef",
+                    ref: orgCascaderRef,
                     modelValue: bindValue.value,
                     "onUpdate:modelValue": ($event) => bindValue.value = $event,
                     class: "w-full"
@@ -426,17 +609,41 @@ const _sfc_main = {
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
               )) : __props.column.type === "cascader" ? (openBlock(), createElementBlock(
                 Fragment,
-                { key: 11 },
+                { key: 12 },
                 [
                   createCommentVNode(" \u7EA7\u8054\u9009\u62E9\u6846 "),
                   createVNode(unref(ElCascader), mergeProps({
                     modelValue: bindValue.value,
                     "onUpdate:modelValue": ($event) => bindValue.value = $event
                   }, columnAttrs.value, {
+                    class: "w-full",
                     disabled: unref(isDisabled)(props, __props.column),
-                    options: unref(optionsHandler)(props, __props.column),
+                    options: getOptionsHandler(props, __props.column),
                     onChange: onChangeHandler
-                  }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
+                  }), createSlots({
+                    _: 2
+                    /* DYNAMIC */
+                  }, [
+                    __props.column.optionsLoading ? {
+                      name: "empty",
+                      fn: withCtx(() => [
+                        createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
+                          createVNode(unref(ElIcon), {
+                            size: "16",
+                            class: "is-loading text-theme"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(unref(Loading))
+                            ]),
+                            _: 1
+                            /* STABLE */
+                          }),
+                          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 */
@@ -446,9 +653,24 @@ const _sfc_main = {
             /* STABLE_FRAGMENT */
           ))
         ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["id", "prop", "rules", "style"])) : createCommentVNode("v-if", true);
+        _: 2
+        /* DYNAMIC */
+      }, [
+        __props.column.optionsError ? {
+          name: "error",
+          fn: withCtx(() => [
+            createElementVNode("div", { class: "hy-el-form-item__error" }, [
+              createElementVNode("span", null, "\u6570\u636E\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7"),
+              createElementVNode("span", {
+                class: "text-theme cursor-pointer",
+                onClick: onReloadOptions
+              }, "[\u91CD\u65B0\u52A0\u8F7D]"),
+              createElementVNode("span", null, "\u6216\u8054\u7CFB\u7BA1\u7406\u5458")
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["id", "prop", "rules", "style", "error", "show-message"])) : createCommentVNode("v-if", true);
     };
   }
 };

package/es/components/hyForm/cpns/locationSelect.vue.mjs

@@ -232,6 +232,12 @@ const _sfc_main = {
         map.setView({ lat, lng }, mapConfig.maxZoom || 18);
       }
     }
+    function clearMarker() {
+      if (marker) {
+        marker.remove();
+        marker = null;
+      }
+    }
     function setMapSize() {
       emits("setMapSize");
       setTimeout(() => {
@@ -249,7 +255,8 @@ const _sfc_main = {
       hyMap = null;
     });
     __expose({
-      setMarker
+      setMarker,
+      clearMarker
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", { class: "w-full h-full flex flex-col" }, [

package/es/components/hyForm/form.vue.mjs

@@ -1,13 +1,12 @@
-import { defineComponent, useTemplateRef, computed, ref, nextTick, unref, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeStyle, createCommentVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createVNode, createSlots, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, computed, ref, reactive, provide, toRefs, onMounted, nextTick, unref, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeStyle, createCommentVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createVNode, createSlots, renderSlot } from 'vue';
 import { ElForm, ElDivider } from 'element-plus';
-import '@element-plus/icons-vue';
 import '../../hooks/index.mjs';
 import '../../utils/index.mjs';
 import _sfc_main$4 from './cpns/formItem.vue.mjs';
 import _sfc_main$1 from './cpns/extraItem.vue.mjs';
 import _sfc_main$2 from './cpns/arrayItem.vue.mjs';
 import _sfc_main$3 from './cpns/locationSelect.vue.mjs';
-import { columnShowHandler, columnItemStyle } from './js/index.mjs';
+import { formContextKey, columnShowHandler, columnItemStyle } from './js/index.mjs';
 import { resetAppFormValue } from './js/useAppForm.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
 import { isArray, isNumber } from '../../utils/is.mjs';
@@ -51,12 +50,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: String,
       default: "default"
       // 'large' | 'default' | 'small'
+    },
+    showMessage: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["on-allMapSelect", "complete"],
   setup(__props, { expose: __expose, emit: __emit }) {
-    const emit = __emit;
     const props = __props;
+    const emits = __emit;
     const { t } = useLocale();
     const formTemplateRef = useTemplateRef("formTemplateRef");
     const formColumnMap = computed(() => {
@@ -79,52 +82,118 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const allMapSelect = 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 = reactive([]);
+    function addField(field) {
+      fields.push(field);
+    }
+    const removeField = (field) => {
+      if (field.propString) {
+        fields.splice(fields.indexOf(field), 1);
+      }
+    };
+    function filterFields(fields2 = [], keys = []) {
+      const filterKeys = keys.map((prop) => isArray(prop) ? prop.join(".") : prop);
+      return filterKeys.length ? fields2.filter(
+        (field) => field.propString && filterKeys.includes(field.propString)
+      ) : fields2;
+    }
+    async function obtainOptionsFields(keys, isMountedLoad = false) {
+      const filteredFields = filterFields(fields, keys);
+      await Promise.allSettled(
+        filteredFields.map((field) => field.obtainOptions(isMountedLoad))
+      );
+    }
+    async function getOptions(isMountedLoad = false) {
+      await obtainOptionsFields([], isMountedLoad);
+      emitOptionsStatus();
+    }
+    async function getOptionsFields(keys) {
+      await obtainOptionsFields(keys);
+      emitOptionsStatus();
     }
+    async function getOptionsError() {
+      const filteredFields = fields.filter(
+        (field) => field.propString && field.optionsError
+      );
+      await Promise.allSettled(filteredFields.map((field) => field.obtainOptions()));
+      emitOptionsStatus();
+    }
+    function emitOptionsStatus() {
+      const hasError = fields.some((item) => item.optionsError === "error");
+      emits("optionsStatus", { result: !hasError });
+    }
+    provide(
+      formContextKey,
+      reactive({
+        ...toRefs(props),
+        emits,
+        addField,
+        removeField,
+        emitOptionsStatus
+      })
+    );
+    onMounted(() => {
+      getOptions(true);
+    });
     __expose({
       validate: async (callback) => {
         await nextTick();
         return unref(formTemplateRef).validate(callback);
       },
-      validateField: async (fields) => {
+      validateField: async (fields2) => {
         await nextTick();
-        return unref(formTemplateRef).validateField(fields);
+        return 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);
         }
         resetAppFormValue(columns, props.model);
-        unref(formTemplateRef).clearValidate(fields);
+        unref(formTemplateRef).clearValidate(fields2);
       },
-      scrollToField: async (fields) => {
+      scrollToField: async (fields2) => {
         await nextTick();
-        unref(formTemplateRef).scrollToField(fields);
+        unref(formTemplateRef).scrollToField(fields2);
       },
-      clearValidate: async (fields) => {
+      clearValidate: async (fields2) => {
         await nextTick();
-        unref(formTemplateRef).clearValidate(fields);
+        unref(formTemplateRef).clearValidate(fields2);
       },
       fields: computed(() => {
         return unref(formTemplateRef)?.fields || [];
       }),
-      getField: async (fields) => {
+      getField: async (fields2) => {
         await nextTick();
-        return unref(formTemplateRef).getField(fields);
+        return unref(formTemplateRef).getField(fields2);
       },
       setMarker: (latlng) => {
         if (locationSelectRef.value) {
           isArray(locationSelectRef.value) ? locationSelectRef.value.map((item) => item.setMarker(latlng)) : locationSelectRef.value.setMarker(latlng);
         }
-      }
+      },
+      clearMarker: () => {
+        if (locationSelectRef.value) {
+          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 openBlock(), createBlock(unref(ElForm), mergeProps({

package/es/components/hyForm/js/index.mjs

@@ -6,6 +6,7 @@ import { isNumber, isBoolean, isFunction, isString, isArray, isObject } from '..
 import { columnRuleHandler, getValueByProp } from '../../../utils/form.mjs';
 import { useLocale } from '../../../hooks/useLocale.mjs';
 
+const formContextKey = /* @__PURE__ */ Symbol("formContextKey");
 function columnItemStyle(props, column) {
   const style = {};
   let span = funRunHandler(column.span, column, props.model);
@@ -119,4 +120,4 @@ function optionsHandler(props, column) {
   return [];
 }
 
-export { columnHelpHandler, columnItemStyle, columnShowHandler, columnVisibleHandler, isDisabled, isReadonly, isRequired, optionsHandler, renderAddLabel, renderArrayItemLabel, renderText };
+export { columnHelpHandler, columnItemStyle, columnShowHandler, columnVisibleHandler, formContextKey, isDisabled, isReadonly, isRequired, optionsHandler, renderAddLabel, renderArrayItemLabel, renderText };