@carefrees/form-utils-vue 0.0.11 → 0.0.13

package/lib/layout/layout.formItem.vue.js

@@ -1,216 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const clx = require("classnames");
-const useAttrs = require("../hooks/useAttrs.js");
-const _hoisted_1 = ["for"];
-const __default__ = vue.defineComponent({
-  name: "LayoutFormItem",
-  inheritAttrs: false
-  // 可选，防止属性自动应用到根元素
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    errorLayout: {},
-    required: { type: Boolean },
-    labelMode: {},
-    onlyRuleStyle: { type: Boolean },
-    label: { type: [Object, String, Number, Boolean, null, Array] },
-    helpText: { type: [Object, String, Number, Boolean, null, Array] },
-    extra: { type: [Object, String, Number, Boolean, null, Array] },
-    showColon: { type: Boolean },
-    colSpan: {},
-    rowSpan: {},
-    htmlFor: {},
-    validateResult: {},
-    style: { type: [Boolean, null, String, Object, Array] },
-    class: {},
-    labelStyle: { type: [Boolean, null, String, Object, Array] },
-    labelClass: {}
-  },
-  setup(__props) {
-    const preCls = "carefrees-form-item";
-    const attrs = useAttrs.useAttrsInject();
-    const props = __props;
-    const solts = vue.useSlots();
-    const labelMode = vue.computed(() => props.labelMode ?? vue.toValue(attrs.value.labelMode) ?? "top");
-    const showColon = vue.computed(() => props.showColon ?? vue.toValue(attrs.value.showColon));
-    const errorLayout = vue.computed(() => props.errorLayout ?? vue.toValue(attrs.value.errorLayout) ?? "left-bottom");
-    const tips = vue.computed(() => {
-      var _a;
-      const v = (_a = vue.toValue(props.validateResult)) == null ? void 0 : _a.tip;
-      if (Array.isArray(v)) {
-        return v.join(",");
-      }
-      return v;
-    });
-    const cls = vue.computed(() => {
-      var _a;
-      return clx(preCls, props.class, vue.toValue(attrs.value.formItemClass), { "dx-invalid": !!((_a = vue.toValue(props.validateResult)) == null ? void 0 : _a.isInvalid) });
-    });
-    const containerCls = vue.computed(() => clx(`${preCls}-container`, { [`${labelMode.value}`]: !!labelMode.value }));
-    const labelCls = vue.computed(() => clx(`${preCls}-label`, { required: !!props.required, "show-colon": showColon && (labelMode.value === "left" || labelMode.value === "between") }));
-    const labelWarpCls = vue.computed(() => clx(`${preCls}-label-warp`, vue.toValue(props.labelClass), vue.toValue(attrs.value.formItemLabelClass)));
-    const inputCls = vue.computed(() => clx(`${preCls}-body-input`));
-    const errorCls = vue.computed(() => clx(`${preCls}-body-error`, { [errorLayout.value]: !!errorLayout.value }));
-    const _isLabel = vue.computed(() => (props.label || solts.label) && labelMode.value !== "hide");
-    const style = vue.computed(() => {
-      const css = {};
-      if (props.onlyRuleStyle) {
-        css.padding = "0px";
-      }
-      if (props.colSpan) {
-        const colCount = vue.toValue(attrs.value.colCount) || 4;
-        const end = colCount > props.colSpan ? props.colSpan : colCount;
-        css.gridColumnEnd = `span ${end}`;
-      }
-      if (props.rowSpan) {
-        css.gridRowEnd = `span ${props.rowSpan}`;
-      }
-      return [vue.toValue(attrs.value.formItemStyle), props.style, css];
-    });
-    const labelStyle = vue.computed(() => {
-      return [vue.toValue(attrs.value.formItemLabelStyle), props.labelStyle];
-    });
-    const isHelpText = vue.computed(() => {
-      return !!props.helpText || solts.helpText;
-    });
-    const isExtra = vue.computed(() => {
-      return !!props.extra || solts.extra;
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass(cls.value),
-          style: vue.normalizeStyle(style.value)
-        },
-        [
-          vue.createElementVNode(
-            "div",
-            {
-              class: vue.normalizeClass(containerCls.value)
-            },
-            [
-              _isLabel.value ? (vue.openBlock(), vue.createElementBlock(
-                "div",
-                {
-                  key: 0,
-                  class: vue.normalizeClass(labelWarpCls.value)
-                },
-                [
-                  vue.createElementVNode("label", {
-                    style: vue.normalizeStyle(labelStyle.value),
-                    class: vue.normalizeClass(labelCls.value),
-                    for: vue.toValue(props.htmlFor)
-                  }, [
-                    props.label ? (vue.openBlock(), vue.createElementBlock(
-                      vue.Fragment,
-                      { key: 0 },
-                      [
-                        vue.createTextVNode(
-                          vue.toDisplayString(props.label),
-                          1
-                          /* TEXT */
-                        )
-                      ],
-                      64
-                      /* STABLE_FRAGMENT */
-                    )) : vue.renderSlot(_ctx.$slots, "label", { key: 1 })
-                  ], 14, _hoisted_1)
-                ],
-                2
-                /* CLASS */
-              )) : vue.createCommentVNode("v-if", true),
-              vue.createElementVNode(
-                "div",
-                {
-                  class: vue.normalizeClass(preCls + "-body")
-                },
-                [
-                  vue.createElementVNode(
-                    "div",
-                    {
-                      class: vue.normalizeClass(inputCls.value)
-                    },
-                    [
-                      vue.renderSlot(_ctx.$slots, "default")
-                    ],
-                    2
-                    /* CLASS */
-                  ),
-                  isHelpText.value ? (vue.openBlock(), vue.createElementBlock(
-                    "div",
-                    {
-                      key: 0,
-                      class: vue.normalizeClass(preCls + "-body-help")
-                    },
-                    [
-                      props.helpText ? (vue.openBlock(), vue.createElementBlock(
-                        vue.Fragment,
-                        { key: 0 },
-                        [
-                          vue.createTextVNode(
-                            vue.toDisplayString(props.helpText),
-                            1
-                            /* TEXT */
-                          )
-                        ],
-                        64
-                        /* STABLE_FRAGMENT */
-                      )) : vue.renderSlot(_ctx.$slots, "helpText", { key: 1 })
-                    ],
-                    2
-                    /* CLASS */
-                  )) : vue.createCommentVNode("v-if", true),
-                  !!tips.value ? (vue.openBlock(), vue.createElementBlock(
-                    "div",
-                    {
-                      key: 1,
-                      class: vue.normalizeClass(errorCls.value)
-                    },
-                    vue.toDisplayString(tips.value),
-                    3
-                    /* TEXT, CLASS */
-                  )) : vue.createCommentVNode("v-if", true)
-                ],
-                2
-                /* CLASS */
-              )
-            ],
-            2
-            /* CLASS */
-          ),
-          isExtra.value ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: vue.normalizeClass(preCls + "-extra")
-            },
-            [
-              props.extra ? (vue.openBlock(), vue.createElementBlock(
-                vue.Fragment,
-                { key: 0 },
-                [
-                  vue.createTextVNode(
-                    vue.toDisplayString(props.extra),
-                    1
-                    /* TEXT */
-                  )
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              )) : vue.renderSlot(_ctx.$slots, "extra", { key: 1 })
-            ],
-            2
-            /* CLASS */
-          )) : vue.createCommentVNode("v-if", true)
-        ],
-        6
-        /* CLASS, STYLE */
-      );
-    };
-  }
-});
-exports.default = _sfc_main;

package/lib/layout/layout.formItem.vue2.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const layout_formItem_vue_vue_type_script_setup_true_lang = require("./layout.formItem.vue.js");
-exports.default = layout_formItem_vue_vue_type_script_setup_true_lang.default;

package/lib/layout/layout.vue.d.ts

@@ -1,16 +0,0 @@
-import { FormLayoutProps } from '../interface/layout';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<FormLayoutProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FormLayoutProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<{
-    default: any;
-    title: any;
-    extra: any;
-}> & {
-    default: any;
-    title: any;
-    extra: any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/lib/layout/layout.vue.js

@@ -1,166 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const clx = require("classnames");
-const useAttrs = require("../hooks/useAttrs.js");
-const __default__ = vue.defineComponent({
-  name: "Layout",
-  inheritAttrs: false
-  // 可选，防止属性自动应用到根元素
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    title: { type: [Object, String, Number, Boolean, null, Array] },
-    extra: { type: [Object, String, Number, Boolean, null, Array] },
-    isAllColSpan: { type: Boolean },
-    class: {},
-    headerClass: {},
-    bodyClass: {},
-    style: { type: [Boolean, null, String, Object, Array] },
-    headerStyle: { type: [Boolean, null, String, Object, Array] },
-    bodyStyle: { type: [Boolean, null, String, Object, Array] },
-    bordered: { type: Boolean },
-    colCount: {},
-    gap: {},
-    errorLayout: {},
-    labelMode: {},
-    showColon: {},
-    formItemClass: {},
-    formItemStyle: {},
-    formItemLabelClass: {},
-    formItemLabelStyle: {}
-  },
-  setup(__props) {
-    const preCls = "carefrees-form-layout";
-    const attrs = useAttrs.useAttrsInject();
-    const props = __props;
-    const solts = vue.useSlots();
-    const colCount = vue.computed(() => vue.toValue(props.colCount) ?? vue.toValue(attrs.value.colCount));
-    const errorLayout = vue.computed(() => vue.toValue(props.errorLayout) ?? vue.toValue(attrs.value.errorLayout));
-    const labelMode = vue.computed(() => vue.toValue(props.labelMode) ?? vue.toValue(attrs.value.labelMode));
-    const showColon = vue.computed(() => vue.toValue(props.showColon) ?? vue.toValue(attrs.value.showColon));
-    const formItemClass = vue.computed(() => vue.toValue(props.formItemClass) ?? vue.toValue(attrs.value.formItemClass));
-    const formItemStyle = vue.computed(() => vue.toValue(props.formItemStyle) ?? vue.toValue(attrs.value.formItemStyle));
-    const formItemLabelClass = vue.computed(() => vue.toValue(props.formItemLabelClass) ?? vue.toValue(attrs.value.formItemLabelClass));
-    const formItemLabelStyle = vue.computed(() => vue.toValue(props.formItemLabelStyle) ?? vue.toValue(attrs.value.formItemLabelStyle));
-    useAttrs.useAttrsProvide({
-      colCount,
-      errorLayout,
-      labelMode,
-      showColon,
-      formItemClass,
-      formItemStyle,
-      formItemLabelClass,
-      formItemLabelStyle
-    });
-    const cls = vue.computed(() => clx(preCls, props.class, { "all-colspan": props.isAllColSpan, bordered: props.bordered }));
-    const bodyCls = vue.computed(() => clx(`${preCls}-body`, props.bodyClass));
-    const headerCls = vue.computed(() => clx(`${preCls}-header`, props.headerClass));
-    const headerTitleCls = vue.computed(() => clx(`${preCls}-header-title`));
-    const headerExtraCls = vue.computed(() => clx(`${preCls}-header-extra`));
-    const bodyStyle = vue.computed(() => {
-      const css = {};
-      if (typeof props.gap === "string") {
-        css.gap = props.gap;
-      }
-      if (typeof props.gap === "number") {
-        css.gap = `${props.gap}px`;
-      }
-      if (colCount.value) {
-        css.gridTemplateColumns = `repeat(${colCount.value}, auto)`;
-      }
-      return [css, props.bodyStyle];
-    });
-    const isTitle = vue.computed(() => {
-      return !!props.title || solts.title;
-    });
-    const isExtra = vue.computed(() => {
-      return !!props.extra || solts.extra;
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          style: vue.normalizeStyle(props.style),
-          class: vue.normalizeClass(cls.value)
-        },
-        [
-          isExtra.value || isTitle.value ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              style: vue.normalizeStyle(_ctx.headerStyle),
-              class: vue.normalizeClass(headerCls.value)
-            },
-            [
-              vue.createElementVNode(
-                "div",
-                {
-                  class: vue.normalizeClass(headerTitleCls.value)
-                },
-                [
-                  props.title ? (vue.openBlock(), vue.createElementBlock(
-                    vue.Fragment,
-                    { key: 0 },
-                    [
-                      vue.createTextVNode(
-                        vue.toDisplayString(props.title),
-                        1
-                        /* TEXT */
-                      )
-                    ],
-                    64
-                    /* STABLE_FRAGMENT */
-                  )) : vue.renderSlot(_ctx.$slots, "title", { key: 1 })
-                ],
-                2
-                /* CLASS */
-              ),
-              vue.createElementVNode(
-                "div",
-                {
-                  class: vue.normalizeClass(headerExtraCls.value)
-                },
-                [
-                  props.extra ? (vue.openBlock(), vue.createElementBlock(
-                    vue.Fragment,
-                    { key: 0 },
-                    [
-                      vue.createTextVNode(
-                        vue.toDisplayString(props.extra),
-                        1
-                        /* TEXT */
-                      )
-                    ],
-                    64
-                    /* STABLE_FRAGMENT */
-                  )) : vue.renderSlot(_ctx.$slots, "extra", { key: 1 })
-                ],
-                2
-                /* CLASS */
-              )
-            ],
-            6
-            /* CLASS, STYLE */
-          )) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode(
-            "div",
-            {
-              style: vue.normalizeStyle(bodyStyle.value),
-              class: vue.normalizeClass(bodyCls.value)
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "default")
-            ],
-            6
-            /* CLASS, STYLE */
-          )
-        ],
-        6
-        /* CLASS, STYLE */
-      );
-    };
-  }
-});
-exports.default = _sfc_main;

package/lib/layout/layout.vue2.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const layout_vue_vue_type_script_setup_true_lang = require("./layout.vue.js");
-exports.default = layout_vue_vue_type_script_setup_true_lang.default;

package/lib/utils/index.d.ts

@@ -1 +0,0 @@
-export * from './withInstall';

package/lib/utils/withInstall.d.ts

@@ -1,3 +0,0 @@
-import { Plugin } from 'vue';
-export type SFCWithInstall<T> = T & Plugin;
-export declare const withInstall: <T, E extends Record<string, any> = Record<string, any>, K extends Record<string, any> = Record<string, any>>(main: T, extra?: E | undefined, childComponents?: K | undefined) => SFCWithInstall<T> & E & K;

package/lib/utils/withInstall.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const withInstall = (main, extra, childComponents) => {
-  main.install = (app) => {
-    for (const comp of [main, ...Object.values(childComponents ?? {})]) {
-      const name = comp.name || comp.__name;
-      app.component(name, comp);
-    }
-  };
-  if (childComponents) {
-    for (const [key, comp] of Object.entries(childComponents)) {
-      main[key] = comp;
-    }
-  }
-  if (extra) {
-    for (const [key, comp] of Object.entries(extra)) {
-      main[key] = comp;
-    }
-  }
-  return main;
-};
-exports.withInstall = withInstall;

package/src/hooks/attr/attr.FormItem.tsx

@@ -1,174 +0,0 @@
-import { FormInstanceBase, FormItemInstanceBase, get } from '@carefrees/form-utils';
-import { useHtmlFor } from './../useHtmlFor';
-import { useRegisterFormItem, RegisterFormItemOptions } from './../register/register.FormItem';
-import { computed, Ref, ref, toValue, watch } from 'vue';
-import type { RuleInstanceBase2 } from '../../instance/ruleIntsnace';
-
-export interface FormItemAttrOptions extends RegisterFormItemOptions {
-  /**依赖更新项*/
-  dependencies?: string[];
-  /**通知 只用于校验规则提示 字段 */
-  noticeOnlyRuleDataField?: string[];
-  /**通知父级字段监听方法更新*/
-  isNoticeParentField?: boolean;
-  /**通知watch监听方法更新*/
-  noticeWatchField?: string[];
-  /**是否保护值(不进行表单项组件卸载重置初始值)*/
-  preserve?: boolean;
-  /**重写规则*/
-  useRules?: (
-    ruleInstance: Ref<RuleInstanceBase2>,
-    form: FormInstanceBase,
-    formItemInstance: FormItemInstanceBase,
-  ) => void;
-  /**输入框属性重写*/
-  useAttrs?: (attrs: any, form: FormInstanceBase, formItemInstance: FormItemInstanceBase) => any;
-  /**输入框属性*/
-  inputAttrs?: Object;
-  /**传递组件字段*/
-  valuePropName?: string;
-  /**取值字段(默认和valuePropName值相同)*/
-  getValuePath?: string;
-  /**自定义获取值*/
-  getValueFromEvent?: (event: any, form: FormInstanceBase, formItemInstance: FormItemInstanceBase) => any;
-  /**值格式化*/
-  formatValue?: (value: any, form: FormInstanceBase, formItemInstance: FormItemInstanceBase, event: any) => any;
-  /**触发数据更新之后触发（用于数据联动之类的）*/
-  onAfterUpdate?: (value: any, form: FormInstanceBase, formItemInstance: FormItemInstanceBase, event: any) => void;
-  /**事件名称*/
-  trigger?: string;
-}
-
-/**表单项参数*/
-export const useFormItemAttr = (options: FormItemAttrOptions) => {
-  const {
-    trigger = 'onChange',
-    dependencies,
-    noticeOnlyRuleDataField,
-    isNoticeParentField,
-    noticeWatchField,
-    preserve,
-    valuePropName = 'value',
-    getValuePath = valuePropName,
-    getValueFromEvent,
-    formatValue,
-    onAfterUpdate,
-    useAttrs,
-    useRules,
-    inputAttrs,
-    ...rest
-  } = options;
-  const { formItemInstance, form, ruleInstance, newName, newSort, deepRefData } = useRegisterFormItem({ ...rest });
-  formItemInstance.dependencies = dependencies;
-  formItemInstance.noticeOnlyRuleDataField = noticeOnlyRuleDataField;
-  formItemInstance.isNoticeParentField = isNoticeParentField;
-  formItemInstance.onAfterUpdate = onAfterUpdate;
-  formItemInstance.noticeWatchField = noticeWatchField;
-  formItemInstance.preserve = preserve;
-  /**获取值*/
-  const oldValue = ref(get(form.formData, toValue(newName)));
-
-  watch(
-    () => [get(form.formData, toValue(newName)), toValue(newName)],
-    () => {
-      oldValue.value = form.getFieldValue(toValue(newName));
-    },
-    { immediate: true },
-  );
-
-  const onValueChange = (event: any) => {
-    try {
-      let value = event;
-      if (typeof getValueFromEvent === 'function') {
-        value = getValueFromEvent(event, form, formItemInstance);
-      } else if (event && event.target && typeof event.target === 'object' && getValuePath in event.target) {
-        value = get(event.target, getValuePath);
-      }
-      if (typeof formatValue === 'function') {
-        value = formatValue(value, form, formItemInstance, event);
-      }
-      if (oldValue.value !== value) {
-        form.updatedFieldValue(toValue(newName), value, 'validate');
-        formItemInstance.onAfterUpdate?.(value, form, formItemInstance, event);
-        if (Array.isArray(formItemInstance.noticeWatchField) && formItemInstance.noticeWatchField.length) {
-          form.noticeWatch(formItemInstance.noticeWatchField);
-        }
-        if (
-          Array.isArray(formItemInstance.noticeOnlyRuleDataField) &&
-          formItemInstance.noticeOnlyRuleDataField.length
-        ) {
-          form.onlyValidate(formItemInstance.noticeOnlyRuleDataField);
-        }
-        if (formItemInstance.isNoticeParentField && formItemInstance.parentDataField) {
-          form.notice(formItemInstance.parentDataField);
-        }
-      }
-    } catch (error) {
-      console.log(error);
-    }
-  };
-
-  formItemInstance.onChange = onValueChange;
-  const htmlFor = useHtmlFor(newName);
-
-  watch(
-    () => htmlFor,
-    () => {
-      formItemInstance.htmlFor = htmlFor.value;
-    },
-    { immediate: true },
-  );
-
-  /**属性处理*/
-  const newAttrs = computed(() => {
-    const _attr = inputAttrs || {};
-    return {
-      ..._attr,
-      [trigger]: onValueChange,
-      name: toValue(newName),
-      id: toValue(htmlFor),
-      [valuePropName]: toValue(oldValue),
-    };
-  });
-
-  const attrsLastData = ref(toValue(newAttrs));
-
-  watch(
-    () => [toValue(newAttrs), toValue(deepRefData), toValue(oldValue)],
-    () => {
-      attrsLastData.value = useAttrs?.(toValue(newAttrs), form, formItemInstance) || toValue(newAttrs);
-    },
-    { immediate: true },
-  );
-
-  /**规则处理**/
-  const validateResult = ref(toValue(ruleInstance).getValidateResult());
-
-  watch(
-    () => [toValue(deepRefData), toValue(oldValue)],
-    () => {
-      useRules?.(ruleInstance as any, form, formItemInstance);
-    },
-  );
-
-  watch(
-    () => [toValue(ruleInstance).messages, toValue(ruleInstance).rules, toValue(oldValue)],
-    () => {
-      validateResult.value = toValue(ruleInstance).getValidateResult();
-    },
-  );
-
-  return {
-    valuePropName,
-    htmlFor,
-    onChange: onValueChange,
-    formItemInstance,
-    form,
-    ruleInstance,
-    newAttrs,
-    attrsLastData,
-    validateResult,
-    newSort,
-    newName,
-  };
-};

package/src/hooks/index.ts

@@ -1,13 +0,0 @@
-export * from './useAttrs';
-export * from './useForm';
-export * from './useFormItem';
-export * from './useFormList';
-export * from './useHtmlFor';
-export * from './useMultipleForm';
-export * from './useFormItemParentName';
-export * from './useEffect';
-export * from './register/register.FormHideItem';
-export * from './register/register.FormItem';
-export * from './register/register.FormList';
-export * from './register/register.form';
-export * from './attr/attr.FormItem';

package/src/hooks/register/register.FormHideItem.ts

@@ -1,45 +0,0 @@
-import { ref, toValue, watch } from 'vue';
-import { RegisterFormItemOptions } from './register.FormItem';
-import { FormHideItemInstanceBase } from '@carefrees/form-utils';
-import { useFormItemParentNameInject } from '../useFormItemParentName';
-import { useFormInject } from '../useForm';
-import { useEffect } from '../useEffect';
-
-interface RegisterFormHideItemOptions extends Omit<RegisterFormItemOptions, 'rules'> {}
-
-/**注册表单隐藏表单项到表单实例中*/
-export const useRegisterFormHideItem = (options: RegisterFormHideItemOptions) => {
-  const { name, sort, isJoinParentField = true } = options;
-  const form = useFormInject();
-  const { newName, newSort } = useFormItemParentNameInject({ name, sort, isJoinParentField });
-  const hideItemInstance = ref<FormHideItemInstanceBase>(new FormHideItemInstanceBase().ctor(newName.value));
-  const isHide = ref(form.getFieldHideValue(newName.value));
-  watch(
-    () => [toValue(isHide)],
-    () => {
-      hideItemInstance.value.preHideValue = isHide.value;
-    },
-    { immediate: true },
-  );
-
-  const setValue = () => {
-    isHide.value = form.getFieldHideValue(newName.value);
-  };
-
-  hideItemInstance.value.updatedItem = setValue;
-
-  watch(
-    () => [form, toValue(newSort)],
-    () => {
-      hideItemInstance.value.instance = form;
-      hideItemInstance.value.sort = toValue(newSort);
-    },
-    { immediate: true },
-  );
-
-  useEffect(() => {
-    return form.registerFormHideItem(toValue(hideItemInstance) as FormHideItemInstanceBase);
-  });
-
-  return { form, isHide };
-};