hy-dispatch-ui-v3 0.2.66 → 0.2.67

package/lib/components/hySearch/search.vue.js

@@ -51,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: [String, Array, Object]
     }
   },
-  emits: ["search"],
+  emits: ["search", "optionsStatus"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
@@ -137,21 +137,30 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         (field) => field.propString && filterKeys.includes(field.propString)
       ) : fields2;
     }
-    async function obtainOptionsFields(keys) {
+    async function obtainOptionsFields(keys, isMountedLoad = false) {
       const filteredFields = filterFields(fields, keys);
-      await Promise.allSettled(filteredFields.map((field) => field.obtainOptions()));
+      await Promise.allSettled(
+        filteredFields.map((field) => field.obtainOptions(isMountedLoad))
+      );
     }
-    async function getOptions() {
-      await obtainOptionsFields();
+    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 });
     }
     vue.provide(
       index.formContextKey,
@@ -159,11 +168,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         ...vue.toRefs(props),
         emits,
         addField,
-        removeField
+        removeField,
+        emitOptionsStatus
       })
     );
     vue.onMounted(() => {
-      getOptions();
+      getOptions(true);
     });
     vue.onUnmounted(() => {
       shrinkDestroy();

package/lib/components/hySearch/style/search.scss

@@ -39,6 +39,13 @@
       &.hidden {
         display: none;
       }
+      .hy-el-search-item-error {
+        .hy-el-input .hy-el-input__inner::placeholder,
+        .hy-el-select__placeholder.is-transparent {
+          color: rgba(var(--hy-danger-2));
+          font-size: 14px;
+        }
+      }
     }
     .hy-el-input,
     .hy-el-date-editor {

package/lib/components/hyTable/cpns/virtualTable.vue.js

@@ -287,6 +287,7 @@ const _sfc_main = {
       return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTableV2), {
         "expanded-row-keys": expandedRowKeys.value,
         "onUpdate:expandedRowKeys": ($event) => expandedRowKeys.value = $event,
+        cache: 0,
         "row-key": __props.rowKey,
         data: dataSource.value,
         columns: tableColumns.value,
@@ -438,7 +439,7 @@ const _sfc_main = {
                             }, {
                               default: vue.withCtx(() => [
                                 vue.createElementVNode("div", {
-                                  class: vue.normalizeClass(["w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent rounded box-border", [
+                                  class: vue.normalizeClass(["w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent rounded box-border relative", [
                                     citem.className,
                                     vue.unref(index$1.operatorDisabledHandler)(citem, {
                                       column,
@@ -470,7 +471,16 @@ const _sfc_main = {
                                   )) : (vue.openBlock(), vue.createElementBlock("div", {
                                     key: 1,
                                     class: "mt-1 whitespace-nowrap"
-                                  }, "\xA0"))
+                                  }, "\xA0")),
+                                  vue.unref(index$1.operatorIsDotHandler)(citem, {
+                                    column,
+                                    row,
+                                    $index,
+                                    cellIndex
+                                  }) ? (vue.openBlock(), vue.createElementBlock("div", {
+                                    key: 2,
+                                    class: "w-2 h-2 absolute right-0 top-0 transform translate-x-1/2 -translate-y-1/2 rounded-full bg-danger-2 z-[2]"
+                                  })) : vue.createCommentVNode("v-if", true)
                                 ], 10, ["onClick"])
                               ]),
                               _: 2
@@ -523,10 +533,10 @@ const _sfc_main = {
                                         })
                                       }, {
                                         default: vue.withCtx(() => [
-                                          vue.createElementVNode("span", null, [
+                                          vue.createElementVNode("span", { class: "relative" }, [
                                             vue.createElementVNode(
                                               "span",
-                                              null,
+                                              { class: "pr-1" },
                                               vue.toDisplayString(citem.label),
                                               1
                                               /* TEXT */
@@ -550,7 +560,16 @@ const _sfc_main = {
                                               })) + "\uFF09",
                                               1
                                               /* TEXT */
-                                            )) : vue.createCommentVNode("v-if", true)
+                                            )) : vue.createCommentVNode("v-if", true),
+                                            vue.unref(index$1.operatorIsDotHandler)(citem, {
+                                              column,
+                                              row,
+                                              $index,
+                                              cellIndex
+                                            }) ? (vue.openBlock(), vue.createElementBlock("div", {
+                                              key: 1,
+                                              class: "w-2 h-2 absolute right-0 top-0 transform translate-x-1/2 -translate-y-1/2 rounded-full bg-danger-2 z-[2]"
+                                            })) : vue.createCommentVNode("v-if", true)
                                           ])
                                         ]),
                                         _: 2

package/lib/components/hyTable/js/index.js

@@ -88,15 +88,15 @@ function operatorShowHandler(operator, scope) {
   if (is.isFunction(show)) return show(scope);
   return true;
 }
-function operatorDisabledHandler(column, scope) {
-  const { disabled } = column;
+function operatorDisabledHandler(operator, scope) {
+  const { disabled } = operator;
   if (is.isBoolean(disabled)) return disabled;
   if (is.isFunction(disabled)) return disabled(scope);
   return false;
 }
-function operatorDisableTextdHandler(column, scope) {
+function operatorDisableTextdHandler(operator, scope) {
   const { t } = useLocale.useLocale();
-  const { disabledText } = column;
+  const { disabledText } = operator;
   if (is.isString(disabledText)) return disabledText;
   if (is.isFunction(disabledText)) return disabledText(scope);
   return t("table.nonsupport");
@@ -130,6 +130,12 @@ function operatorClickHandler(command, column, scope, type = "all") {
   if (operatorDisabledHandler(target, scope)) return;
   target?.handler && target.handler(scope);
 }
+function operatorIsDotHandler(operator, scope) {
+  const { isDot } = operator;
+  if (is.isFunction(isDot)) return isDot(scope);
+  if (is.isBoolean(isDot)) return isDot;
+  return false;
+}
 function renderHeaderHandler(column, scope) {
   if (!column) return;
   if (is.isFunction(column.renderHeader)) {
@@ -452,6 +458,7 @@ exports.operatorClickHandler = operatorClickHandler;
 exports.operatorDisableTextdHandler = operatorDisableTextdHandler;
 exports.operatorDisabledHandler = operatorDisabledHandler;
 exports.operatorFilterHandler = operatorFilterHandler;
+exports.operatorIsDotHandler = operatorIsDotHandler;
 exports.renderContentHandler = renderContentHandler;
 exports.renderHeaderHandler = renderHeaderHandler;
 exports.tableColumnHandler = tableColumnHandler;

package/lib/components/hyTable/js/search.js

@@ -103,6 +103,26 @@ function useAppTableSearch(hy) {
     const isReset = !(is.isEmpty(oldQueryValue) && is.isEmpty(props.filterModel.query) || oldQueryValue === props.filterModel.query);
     getData(isReset ? 1 : null);
   }
+  async function getOptions() {
+    if (appSearchRef.value) {
+      await appSearchRef.value.getOptions();
+    }
+  }
+  async function getOptionsFields(keys) {
+    if (appSearchRef.value) {
+      await appSearchRef.value.getOptionsFields(keys);
+    }
+  }
+  async function getOptionsError() {
+    if (appSearchRef.value) {
+      await appSearchRef.value.getOptionsError();
+    }
+  }
+  function getOptionsByField() {
+    if (appSearchRef.value) {
+      return appSearchRef.value.getOptionsByField();
+    }
+  }
   return {
     totalElements,
     showFilter,
@@ -115,7 +135,11 @@ function useAppTableSearch(hy) {
     getTableDataSource,
     onSizeChangeHandler,
     onCurrentChangeHandler,
-    onSearchQueryHandler
+    onSearchQueryHandler,
+    getOptions,
+    getOptionsFields,
+    getOptionsError,
+    getOptionsByField
   };
 }
 

package/lib/components/hyTable/table.vue.js

@@ -255,7 +255,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       onCurrentChangeHandler,
       onSearchQueryHandler,
       showAppTableLoading,
-      closeAppTableLoading
+      closeAppTableLoading,
+      getOptions,
+      getOptionsFields,
+      getOptionsError,
+      getOptionsByField
     } = useMixins.useMixins(
       {
         props,
@@ -285,7 +289,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       setRowExpansion,
       toggleRowExpansion,
       showAppTableLoading,
-      closeAppTableLoading
+      closeAppTableLoading,
+      getOptions,
+      getOptionsFields,
+      getOptionsError,
+      getOptionsByField
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(
@@ -379,7 +387,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             columns: __props.filterColumns,
             hidden: !vue.unref(showFilter),
             class: vue.normalizeClass({ "mb-4": vue.unref(showFilter) }),
-            onSearch: ($event) => vue.unref(getData)(1)
+            onSearch: ($event) => vue.unref(getData)(1),
+            onOptionsStatus: _ctx.$attrs.onOptionsStatus
           }, vue.createSlots({
             _: 2
             /* DYNAMIC */
@@ -392,7 +401,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 ])
               };
             })
-          ]), 1032, ["model", "columns", "hidden", "class", "onSearch"])) : vue.createCommentVNode("v-if", true),
+          ]), 1032, ["model", "columns", "hidden", "class", "onSearch", "onOptionsStatus"])) : vue.createCommentVNode("v-if", true),
           vue.createCommentVNode(" \u4E3B\u5185\u5BB9 "),
           vue.createElementVNode("div", { class: "h-0 flex-1 flex flex-col border border-border rounded overflow-hidden" }, [
             vue.createCommentVNode(" \u8868\u683C "),
@@ -489,7 +498,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                       }, {
                                         default: vue.withCtx(() => [
                                           vue.createElementVNode("div", {
-                                            class: vue.normalizeClass(["w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)] rounded box-border", [
+                                            class: vue.normalizeClass(["w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)] rounded relative box-border", [
                                               citem.className,
                                               vue.unref(index.operatorDisabledHandler)(citem, scope) ? "cursor-not-allowed text-[var(--hy-el-text-color-disabled)] hover:border-[rgba(var(--hy-auxiliary),1)] hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-auxiliary),0.5)]" : "cursor-pointer hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)]"
                                             ]]),
@@ -513,7 +522,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                             )) : (vue.openBlock(), vue.createElementBlock("div", {
                                               key: 1,
                                               class: "mt-1 whitespace-nowrap"
-                                            }, "\xA0"))
+                                            }, "\xA0")),
+                                            vue.unref(index.operatorIsDotHandler)(citem, scope) ? (vue.openBlock(), vue.createElementBlock("div", {
+                                              key: 2,
+                                              class: "w-2 h-2 absolute right-0 top-0 transform translate-x-1/2 -translate-y-1/2 rounded-full bg-danger-2 z-[2]"
+                                            })) : vue.createCommentVNode("v-if", true)
                                           ], 42, ["onClick", "onContextmenu"])
                                         ]),
                                         _: 2
@@ -553,10 +566,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                                   disabled: vue.unref(index.operatorDisabledHandler)(citem, scope)
                                                 }, {
                                                   default: vue.withCtx(() => [
-                                                    vue.createElementVNode("span", null, [
+                                                    vue.createElementVNode("span", { class: "relative" }, [
                                                       vue.createElementVNode(
                                                         "span",
-                                                        null,
+                                                        { class: "pr-1" },
                                                         vue.toDisplayString(citem.label),
                                                         1
                                                         /* TEXT */
@@ -570,7 +583,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                                         "\uFF08" + vue.toDisplayString(vue.unref(index.operatorDisableTextdHandler)(citem, scope)) + "\uFF09",
                                                         1
                                                         /* TEXT */
-                                                      )) : vue.createCommentVNode("v-if", true)
+                                                      )) : vue.createCommentVNode("v-if", true),
+                                                      vue.unref(index.operatorIsDotHandler)(citem, scope) ? (vue.openBlock(), vue.createElementBlock("div", {
+                                                        key: 1,
+                                                        class: "w-2 h-2 absolute right-0 top-0 transform translate-x-1/2 -translate-y-1/2 rounded-full bg-danger-2 z-[2]"
+                                                      })) : vue.createCommentVNode("v-if", true)
                                                     ])
                                                   ]),
                                                   _: 2
@@ -810,10 +827,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         disabled: vue.unref(index.operatorDisabledHandler)(citem, vue.unref(tableTriggerRef).scope)
                       }, {
                         default: vue.withCtx(() => [
-                          vue.createElementVNode("span", null, [
+                          vue.createElementVNode("span", { class: "relative" }, [
                             vue.createElementVNode(
                               "span",
-                              null,
+                              { class: "pr-1" },
                               vue.toDisplayString(citem.label),
                               1
                               /* TEXT */
@@ -827,7 +844,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                               "\uFF08" + vue.toDisplayString(vue.unref(index.operatorDisableTextdHandler)(citem, vue.unref(tableTriggerRef).scope)) + "\uFF09",
                               1
                               /* TEXT */
-                            )) : vue.createCommentVNode("v-if", true)
+                            )) : vue.createCommentVNode("v-if", true),
+                            vue.unref(index.operatorIsDotHandler)(citem, vue.unref(tableTriggerRef).scope) ? (vue.openBlock(), vue.createElementBlock("div", {
+                              key: 1,
+                              class: "w-2 h-2 absolute right-0 top-0 transform translate-x-1/2 -translate-y-1/2 rounded-full bg-danger-2 z-[2]"
+                            })) : vue.createCommentVNode("v-if", true)
                           ])
                         ]),
                         _: 2

package/lib/components/hyTableActionButton/tableActionButton.vue.js

@@ -63,6 +63,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       default: () => {
         return [];
       }
+    },
+    isDot: {
+      // 是否显示小红点
+      type: Boolean,
+      default: false
     }
   },
   emits: ["change"],
@@ -148,6 +153,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               disabled: __props.disabled,
               class: vue.normalizeClass(selectedData.value.buttonClass || __props.buttonClass),
               svgName: selectedData.value.svgName || __props.svgName,
+              isDot: __props.isDot,
               onClick: ($event) => buttonChange(selectedData.value)
             }, {
               default: vue.withCtx(() => [
@@ -159,7 +165,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["type", "size", "disabled", "class", "svgName", "onClick"])
+            }, 8, ["type", "size", "disabled", "class", "svgName", "isDot", "onClick"])
           ]),
           _: 1
           /* STABLE */
@@ -178,6 +184,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               size: __props.size,
               disabled: __props.disabled,
               class: vue.normalizeClass(__props.buttonClass),
+              isDot: __props.isDot,
               onClick: ($event) => buttonChange(selectedData.value)
             }, {
               content: vue.withCtx(() => [
@@ -223,7 +230,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["type", "size", "disabled", "class", "onClick"])
+            }, 8, ["type", "size", "disabled", "class", "isDot", "onClick"])
           ]),
           default: vue.withCtx(() => [
             vue.createElementVNode("ul", { class: "max-h-[500px] overflow-x-auto box-border" }, [

package/lib/components/hyTableForm/batchTableForm.vue.js

@@ -334,6 +334,26 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           active.value++;
         }
         return active.value;
+      },
+      async getOptions() {
+        if (tableRef.value) {
+          await tableRef.value.getOptions();
+        }
+      },
+      async getOptionsFields(keys) {
+        if (tableRef.value) {
+          await tableRef.value.getOptionsFields(keys);
+        }
+      },
+      async getOptionsError() {
+        if (tableRef.value) {
+          await tableRef.value.getOptionsError();
+        }
+      },
+      getOptionsByField(key) {
+        if (tableRef.value) {
+          return tableRef.value.getOptionsByField(key);
+        }
       }
     });
     return (_ctx, _cache) => {
@@ -523,8 +543,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               columnNum: __props.columnNum,
               size: __props.size,
               showAddBtn: __props.showAddBtn,
+              class: "h-0 flex-1",
               onTableDataChange: tableDataChange,
-              class: "h-0 flex-1"
+              onOptionsStatus: _ctx.$attrs.onOptionsStatus
             }), vue.createSlots({
               _: 2
               /* DYNAMIC */
@@ -537,7 +558,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   ])
                 };
               })
-            ]), 1040, ["tableColumns", "formColumns", "onExpandRowChange", "rules", "rowClickExpand", "columnNum", "size", "showAddBtn"])
+            ]), 1040, ["tableColumns", "formColumns", "onExpandRowChange", "rules", "rowClickExpand", "columnNum", "size", "showAddBtn", "onOptionsStatus"])
           ])) : vue.createCommentVNode("v-if", true),
           submitting.value ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,

package/lib/components/hyTableForm/js/useAppTableForm.js

@@ -11,7 +11,7 @@ const useAppTableForm = (config = {}) => {
   columns = [
     {
       type: "expand",
-      slot: "expand",
+      slot: "tableFormExpand",
       expandType: "expand",
       width: 48
     },

package/lib/components/hyTableForm/tableForm.vue.js

@@ -75,15 +75,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    vue.onMounted(() => {
-      vue.watch(
-        () => dataSource.value,
-        () => {
-          emits("tableDataChange", dataSource.value);
-        },
-        { deep: true, immediate: true }
-      );
-    });
     const tableRef = vue.useTemplateRef("tableRef");
     const formRef = vue.useTemplateRef("formRef");
     const dataSource = vue.ref([]);
@@ -111,6 +102,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       ]
     });
     const isExpandValidate = vue.ref(false);
+    const statistics = vue.ref({
+      success: 0,
+      failed: 0,
+      total: dataSource.value.length
+    });
     const tableFormColumns = vue.computed(() => {
       if (!props.tableColumns) return [];
       return [...props.tableColumns, ...operatorColumn.value];
@@ -118,19 +114,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const expandColumn = vue.computed(() => {
       return props.tableColumns.find((item) => item.type === "expand");
     });
-    const statistics = vue.computed(() => {
-      return dataSource.value.reduce(
-        ({ success, failed, total }, data) => {
-          if (!data.errorMsg) {
-            success++;
-          } else {
-            failed++;
-          }
-          return { success, failed, total };
-        },
-        { success: 0, failed: 0, total: dataSource.value.length }
-      );
-    });
     function setData(dataSource2) {
       if (!tableRef.value) return;
       tableRef.value.setData(dataSource2);
@@ -192,7 +175,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           new Promise(async (resolve, reject) => {
             try {
               await index.doValidate(data, props.formColumns, props.rules);
-              data.errorMsg = data.errorMsg && !data.errorMsg.prop ? data.errorMsg : null;
+              if (!data.errorMsg) {
+                data.errorMsg = { prop: "", message: "" };
+              } else if (!data.errorMsg.prop) {
+                data.errorMsg.prop = data.errorMsg.prop;
+                data.errorMsg.message = data.errorMsg.message;
+              }
               data.errorMap = /* @__PURE__ */ new Map();
               resolve();
             } catch (error) {
@@ -204,6 +192,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 };
                 if (!data.errorMsg) {
                   data.errorMsg = errData;
+                } else if (!data.errorMsg.prop && !data.errorMsg.message) {
+                  data.errorMsg.prop = errData.errorMsg.prop;
+                  data.errorMsg.message = errData.errorMsg.message;
                 }
                 errorMap.set(errData.prop, errData.message);
               });
@@ -223,7 +214,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
       try {
         await index.doValidate(row, props.formColumns, props.rules);
-        row.errorMsg = null;
+        if (!row.errorMsg) {
+          row.errorMsg = { prop: "", message: "" };
+        } else {
+          row.errorMsg.prop = "";
+          row.errorMsg.message = "";
+        }
         row.errorMap = /* @__PURE__ */ new Map();
       } catch (error) {
         let errMsg = null;
@@ -239,7 +235,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           errorMap2.set(errData.prop, errData.message);
         });
         row.errorMap = errorMap2;
-        row.errorMsg = errMsg;
+        if (!row.errorMsg) {
+          row.errorMsg = { prop: "", message: "" };
+        } else {
+          row.errorMsg.prop = errMsg.prop;
+          row.errorMsg.message = errMsg.message;
+        }
       }
       const { onlyId, errorMsg, errorMap, children, ...data } = row;
       emits("validate", {
@@ -250,6 +251,29 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         ...statistics.value
       });
     }
+    vue.onMounted(() => {
+      vue.watch(
+        () => dataSource.value,
+        () => {
+          emits("tableDataChange", dataSource.value);
+          const { success, failed } = dataSource.value.reduce(
+            ({ success: success2, failed: failed2 }, data) => {
+              if (!data.errorMsg) {
+                success2++;
+              } else {
+                failed2++;
+              }
+              return { success: success2, failed: failed2 };
+            },
+            { success: 0, failed: 0 }
+          );
+          statistics.value.success = success;
+          statistics.value.failed = failed;
+          statistics.value.total = dataSource.value.length;
+        },
+        { deep: true, immediate: true }
+      );
+    });
     __expose({
       setData(data) {
         dataSource.value = handler.cloneDeep(data, true);
@@ -297,6 +321,26 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           ...statistics.value,
           dataSource: dataSource.value
         };
+      },
+      async getOptions() {
+        if (formRef.value) {
+          await formRef.value.getOptions();
+        }
+      },
+      async getOptionsFields(keys) {
+        if (formRef.value) {
+          await formRef.value.getOptionsFields(keys);
+        }
+      },
+      async getOptionsError() {
+        if (formRef.value) {
+          await formRef.value.getOptionsError();
+        }
+      },
+      getOptionsByField(key) {
+        if (formRef.value) {
+          return formRef.value.getOptionsByField(key);
+        }
       }
     });
     return (_ctx, _cache) => {
@@ -441,17 +485,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               fn: vue.withCtx(({ row }) => [
                 vue.createElementVNode("div", { class: "w-full pl-[52px] pr-[62px] pb-2" }, [
                   vue.createElementVNode("div", { class: "h-[32px]" }, [
-                    vue.createElementVNode(
+                    vue.withDirectives(vue.createElementVNode(
                       "div",
                       {
                         class: vue.normalizeClass(["flex items-center gap-1.5 text-danger-2 transition-all duration-300 overflow-hidden", [row.errorMsg ? "h-full" : "h-0"]])
                       },
                       [
-                        row.errorMsg ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.HyIcon), {
-                          key: 0,
+                        vue.createVNode(vue.unref(index$3.HyIcon), {
                           "svg-name": "dispatch-share1-prompt",
                           class: "!w-3 !h-3"
-                        })) : vue.createCommentVNode("v-if", true),
+                        }),
                         vue.createElementVNode(
                           "span",
                           null,
@@ -462,7 +505,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                       ],
                       2
                       /* CLASS */
-                    )
+                    ), [
+                      [vue.vShow, row.errorMsg.message]
+                    ])
                   ]),
                   vue.createVNode(vue.unref(index$4.HyForm), {
                     ref_key: "formRef",
@@ -474,7 +519,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     class: "px-0",
                     columnNum: __props.columnNum,
                     size: __props.size,
-                    onValidate: (prop, isValid, message) => onValidateHandler(row, { prop, isValid, message })
+                    onValidate: (prop, isValid, message) => onValidateHandler(row, { prop, isValid, message }),
+                    onOptionsStatus: _ctx.$attrs.onOptionsStatus
                   }, vue.createSlots({
                     _: 2
                     /* DYNAMIC */
@@ -487,7 +533,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         ])
                       };
                     })
-                  ]), 1032, ["model", "columns", "rules", "columnNum", "size", "onValidate"])
+                  ]), 1032, ["model", "columns", "rules", "columnNum", "size", "onValidate", "onOptionsStatus"])
                 ])
               ]),
               key: "0"