@carefrees/form-utils-vue 0.0.11 → 0.0.13

package/src/interface/index.ts

@@ -1,14 +1,7 @@
-import { ComputedRef, Ref, VNode, Component, StyleValue, UnwrapNestedRefs } from 'vue';
-import { FormItemAttrOptions } from '../hooks/attr/attr.FormItem';
+import { Component, StyleValue, UnwrapNestedRefs } from 'vue';
 import { LayoutFormItemProps } from './layout.formItem';
 import { FormLayoutProps } from './layout';
-import { FormInstanceBase, ValidateErrorEntity } from '@carefrees/form-utils';
-
-export type ComputedRefBase<T> = ComputedRef<T> | Ref<T>;
-
-export type PartialComputedRefs<T> = {
-  [K in keyof T]: ComputedRefBase<T[K]>;
-};
+import type { FormInstanceBase, ValidateErrorEntity, FormItemAttrOptions } from '@carefrees/form-utils-vue-hooks';
 
 export interface FormItemProps extends FormItemAttrOptions, LayoutFormItemProps {
   /**不进行样式渲染*/
@@ -18,13 +11,13 @@ export interface FormItemProps extends FormItemAttrOptions, LayoutFormItemProps
 }
 
 export interface FormProps<T = any> extends FormLayoutProps {
-  form?: FormInstanceBase;
+  form?: FormInstanceBase<T>;
   style?: StyleValue;
   class?: string;
   layoutClass?: string;
   layoutStyle?: StyleValue;
   /**表单数据*/
-  formData?: any;
+  formData?: Object;
   /**值更新触发*/
   onValuesChange?: (changedValues: Partial<T>, values: UnwrapNestedRefs<T>) => void;
   /**提交保存 验证成功*/
@@ -35,6 +28,6 @@ export interface FormProps<T = any> extends FormLayoutProps {
   hideData?: Record<string, boolean>;
   /**表单名称*/
   name?: string;
-  /**隐藏规则校验*/
-  hideRuleData?: Record<string, boolean>;
+  /**背景颜色*/
+  bgcolor?: string;
 }

package/src/interface/layout.formItem.ts

@@ -1,6 +1,5 @@
 import { VNodeChild, StyleValue } from 'vue';
-import { ComputedRefBase } from '.';
-
+import type { ComputedRefBase } from '@carefrees/form-utils-vue-hooks';
 export interface LayoutFormItemProps {
   /**规则校验失败错误提示位置*/
   errorLayout?: 'left-bottom' | 'right-bottom' | 'top-right' | 'top-left';

package/src/interface/layout.ts

@@ -1,4 +1,5 @@
-import { AttrsOptions } from '../hooks/useAttrs';
+import type { AttrsOptions } from '@carefrees/form-utils-vue-hooks';
+
 import { VNodeChild, StyleValue } from 'vue';
 
 export interface FormLayoutProps extends Omit<AttrsOptions, 'colCount'> {

package/src/layout/layout.formItem.vue

@@ -49,7 +49,8 @@
 import clx from 'classnames';
 import { defineProps, withDefaults, toValue, computed, StyleValue } from "vue"
 import type { LayoutFormItemProps } from "../interface/layout.formItem"
-import { useAttrsInject } from "../hooks/useAttrs"
+import { useAttrsInject } from "@carefrees/form-utils-vue-hooks"
+
 const preCls = 'carefrees-form-item';
 defineOptions({
   name: 'LayoutFormItem',

package/src/layout/layout.vue

@@ -30,7 +30,8 @@
 import clx from 'classnames';
 import { defineProps, withDefaults, toValue, computed, StyleValue } from "vue"
 import type { FormLayoutProps } from "../interface/layout"
-import { useAttrsInject, useAttrsProvide } from "../hooks/useAttrs"
+import { useAttrsInject, useAttrsProvide } from "@carefrees/form-utils-vue-hooks"
+
 const preCls = 'carefrees-form-layout';
 
 const attrs = useAttrsInject();

package/esm/component.mjs

@@ -1,12 +0,0 @@
-import { Form } from "./form/index.mjs";
-import { FormHideItem, FormItem, FormItemBase } from "./formItem/index.mjs";
-import { FormLayoutRows, Layout, LayoutFormItem } from "./layout/index.mjs";
-export {
-  Form,
-  FormHideItem,
-  FormItem,
-  FormItemBase,
-  FormLayoutRows,
-  Layout,
-  LayoutFormItem
-};

package/esm/form/form.vue.mjs

@@ -1,110 +0,0 @@
-import { defineComponent, computed, reactive, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createVNode, mergeProps, withCtx, renderSlot } from "vue";
-import { useRegisterForm } from "../hooks/register/register.form.mjs";
-import { useForm, useFormProvide } from "../hooks/useForm.mjs";
-import _sfc_main$1 from "../layout/layout.vue.mjs";
-import clx from "classnames";
-const __default__ = defineComponent({
-  name: "Form",
-  inheritAttrs: false
-  // 可选，防止属性自动应用到根元素
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    form: {},
-    style: { type: [Boolean, null, String, Object, Array] },
-    class: {},
-    layoutClass: {},
-    layoutStyle: { type: [Boolean, null, String, Object, Array] },
-    formData: {},
-    onValuesChange: {},
-    onFinish: {},
-    onFinishFailed: {},
-    hideData: {},
-    name: {},
-    hideRuleData: {},
-    title: { type: [Object, String, Number, Boolean, null, Array] },
-    extra: { type: [Object, String, Number, Boolean, null, Array] },
-    isAllColSpan: { type: Boolean },
-    headerClass: {},
-    bodyClass: {},
-    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: {}
-  },
-  emits: ["finish", "valuesChange", "finishFailed"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const {
-      form,
-      style,
-      formData,
-      hideData,
-      hideRuleData,
-      name,
-      onFinish,
-      onFinishFailed,
-      onValuesChange,
-      layoutStyle,
-      layoutClass,
-      ...rest
-    } = props;
-    const cls = computed(() => clx("carefrees-form", props.class));
-    const formInstance = useForm(props.form);
-    formInstance.value.ctor(reactive(props.formData || {}), reactive(props.hideData || {}), reactive(props.hideRuleData || {}));
-    const emits = __emit;
-    formInstance.value.onFinish = (...rest2) => {
-      emits("finish", ...rest2);
-    };
-    formInstance.value.onValuesChange = (...rest2) => {
-      emits("valuesChange", ...rest2);
-    };
-    formInstance.value.onFinishFailed = (...rest2) => {
-      emits("finishFailed", ...rest2);
-    };
-    useRegisterForm(formInstance.value, props.name);
-    const onSubmit = (event) => {
-      var _a, _b, _c, _d;
-      (_a = event == null ? void 0 : event.preventDefault) == null ? void 0 : _a.call(event);
-      (_b = event == null ? void 0 : event.stopPropagation) == null ? void 0 : _b.call(event);
-      (_d = (_c = formInstance.value).submit) == null ? void 0 : _d.call(_c);
-    };
-    useFormProvide(formInstance.value);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "form",
-        {
-          class: normalizeClass(cls.value),
-          style: normalizeStyle(unref(style)),
-          onSubmit
-        },
-        [
-          createVNode(_sfc_main$1, mergeProps(rest, {
-            class: unref(layoutClass),
-            style: unref(layoutStyle)
-          }), {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 16, ["class", "style"])
-        ],
-        38
-        /* CLASS, STYLE, NEED_HYDRATION */
-      );
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/esm/form/form.vue2.mjs

@@ -1,4 +0,0 @@
-import _sfc_main from "./form.vue.mjs";
-export {
-  _sfc_main as default
-};

package/esm/form/index.mjs

@@ -1,6 +0,0 @@
-import _sfc_main from "./form.vue.mjs";
-import { withInstall } from "../utils/withInstall.mjs";
-const Form = withInstall(_sfc_main);
-export {
-  Form
-};

package/esm/formItem/form.Item.base.vue.mjs

@@ -1,114 +0,0 @@
-import { defineComponent, useSlots, computed, toValue, createBlock, openBlock, resolveDynamicComponent, normalizeProps, mergeProps, unref, normalizeClass, normalizeStyle, createSlots, withCtx, guardReactiveProps, renderList, renderSlot } from "vue";
-import { useFormItemAttr } from "../hooks/attr/attr.FormItem.mjs";
-import _sfc_main$1 from "../layout/layout.formItem.vue.mjs";
-import { useFormItemParentNameProvide } from "../hooks/useFormItemParentName.mjs";
-const __default__ = defineComponent({
-  name: "FormItemBase",
-  inheritAttrs: false
-  // 可选，防止属性自动应用到根元素
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    noStyle: { type: Boolean },
-    input: {},
-    dependencies: {},
-    noticeOnlyRuleDataField: {},
-    isNoticeParentField: { type: Boolean },
-    noticeWatchField: {},
-    preserve: { type: Boolean },
-    useRules: {},
-    useAttrs: {},
-    inputAttrs: {},
-    valuePropName: {},
-    getValuePath: {},
-    getValueFromEvent: {},
-    formatValue: {},
-    onAfterUpdate: {},
-    trigger: {},
-    name: {},
-    rules: {},
-    sort: {},
-    isJoinParentField: { type: Boolean },
-    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 props = __props;
-    const formAttrs = useFormItemAttr(props);
-    useFormItemParentNameProvide({
-      name: formAttrs.newName,
-      sort: formAttrs.newSort
-    });
-    const slots = useSlots();
-    const isRequired = computed(() => {
-      var _a, _b, _c;
-      return !!props.required || !!((_c = toValue((_b = (_a = formAttrs.ruleInstance) == null ? void 0 : _a.value) == null ? void 0 : _b.rules) || []) == null ? void 0 : _c.find((item) => {
-        return item.required;
-      }));
-    });
-    return (_ctx, _cache) => {
-      return props.noStyle ? (openBlock(), createBlock(
-        resolveDynamicComponent(props.input),
-        normalizeProps(mergeProps({ key: 0 }, toValue(unref(formAttrs).attrsLastData))),
-        null,
-        16
-        /* FULL_PROPS */
-      )) : (openBlock(), createBlock(_sfc_main$1, {
-        key: 1,
-        label: props.label,
-        required: isRequired.value,
-        "error-layout": props.errorLayout,
-        "label-mode": props.labelMode,
-        "only-rule-style": props.onlyRuleStyle,
-        "show-colon": props.showColon,
-        "col-span": props.colSpan,
-        "row-span": props.rowSpan,
-        "html-for": unref(formAttrs).htmlFor,
-        style: normalizeStyle(props.style),
-        class: normalizeClass(props.class),
-        "label-style": props.labelStyle,
-        "label-class": props.labelClass,
-        "validate-result": unref(formAttrs).validateResult
-      }, createSlots({
-        default: withCtx(() => [
-          (openBlock(), createBlock(
-            resolveDynamicComponent(props.input),
-            normalizeProps(guardReactiveProps(toValue(unref(formAttrs).attrsLastData))),
-            null,
-            16
-            /* FULL_PROPS */
-          ))
-        ]),
-        _: 2
-        /* DYNAMIC */
-      }, [
-        renderList(slots, (item, name) => {
-          return {
-            name,
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)))
-            ])
-          };
-        })
-      ]), 1032, ["label", "required", "error-layout", "label-mode", "only-rule-style", "show-colon", "col-span", "row-span", "html-for", "style", "class", "label-style", "label-class", "validate-result"]));
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/esm/formItem/form.Item.base.vue2.mjs

@@ -1,4 +0,0 @@
-import _sfc_main from "./form.Item.base.vue.mjs";
-export {
-  _sfc_main as default
-};

package/esm/formItem/form.hide.item.vue.mjs

@@ -1,78 +0,0 @@
-import { defineComponent, useSlots, createBlock, createCommentVNode, unref, openBlock, normalizeProps, mergeProps, createSlots, renderList, withCtx, renderSlot, guardReactiveProps } from "vue";
-import _sfc_main$1 from "./form.Item.base.vue.mjs";
-import { useRegisterFormHideItem } from "../hooks/register/register.FormHideItem.mjs";
-const __default__ = defineComponent({
-  name: "FormHideItem",
-  inheritAttrs: false
-  // 可选，防止属性自动应用到根元素
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    noStyle: { type: Boolean },
-    input: {},
-    dependencies: {},
-    noticeOnlyRuleDataField: {},
-    isNoticeParentField: { type: Boolean },
-    noticeWatchField: {},
-    preserve: { type: Boolean },
-    useRules: {},
-    useAttrs: {},
-    inputAttrs: {},
-    valuePropName: {},
-    getValuePath: {},
-    getValueFromEvent: {},
-    formatValue: {},
-    onAfterUpdate: {},
-    trigger: {},
-    name: {},
-    rules: {},
-    sort: {},
-    isJoinParentField: { type: Boolean },
-    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 props = __props;
-    const slots = useSlots();
-    const { isHide } = useRegisterFormHideItem({ name: props.name, sort: props.sort, isJoinParentField: props.isJoinParentField });
-    return (_ctx, _cache) => {
-      return !unref(isHide) ? (openBlock(), createBlock(
-        _sfc_main$1,
-        normalizeProps(mergeProps({ key: 0 }, props)),
-        createSlots({
-          _: 2
-          /* DYNAMIC */
-        }, [
-          renderList(slots, (item, name) => {
-            return {
-              name,
-              fn: withCtx((slotProps) => [
-                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)))
-              ])
-            };
-          })
-        ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      )) : createCommentVNode("v-if", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/esm/formItem/form.hide.item.vue2.mjs

@@ -1,4 +0,0 @@
-import _sfc_main from "./form.hide.item.vue.mjs";
-export {
-  _sfc_main as default
-};

package/esm/formItem/formItem.vue.mjs

@@ -1,102 +0,0 @@
-import { defineComponent, useSlots, createBlock, openBlock, normalizeProps, mergeProps, createSlots, renderList, withCtx, renderSlot, guardReactiveProps, normalizeClass, normalizeStyle } from "vue";
-import _sfc_main$2 from "../layout/layout.formItem.vue.mjs";
-import _sfc_main$1 from "./form.Item.base.vue.mjs";
-const __default__ = defineComponent({
-  name: "FormItem",
-  inheritAttrs: false
-  // 可选，防止属性自动应用到根元素
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    noStyle: { type: Boolean },
-    input: {},
-    dependencies: {},
-    noticeOnlyRuleDataField: {},
-    isNoticeParentField: { type: Boolean },
-    noticeWatchField: {},
-    preserve: { type: Boolean },
-    useRules: {},
-    useAttrs: {},
-    inputAttrs: {},
-    valuePropName: {},
-    getValuePath: {},
-    getValueFromEvent: {},
-    formatValue: {},
-    onAfterUpdate: {},
-    trigger: {},
-    name: {},
-    rules: {},
-    sort: {},
-    isJoinParentField: { type: Boolean },
-    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 props = __props;
-    const slots = useSlots();
-    return (_ctx, _cache) => {
-      return props.name ? (openBlock(), createBlock(
-        _sfc_main$1,
-        normalizeProps(mergeProps({ key: 0 }, props)),
-        createSlots({
-          _: 2
-          /* DYNAMIC */
-        }, [
-          renderList(slots, (_, name) => {
-            return {
-              name,
-              fn: withCtx((slotProps) => [
-                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)))
-              ])
-            };
-          })
-        ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      )) : (openBlock(), createBlock(_sfc_main$2, {
-        key: 1,
-        label: props.label,
-        errorLayout: props.errorLayout,
-        labelMode: props.labelMode,
-        onlyRuleStyle: props.onlyRuleStyle,
-        showColon: props.showColon,
-        colSpan: props.colSpan,
-        rowSpan: props.rowSpan,
-        style: normalizeStyle(props.style),
-        class: normalizeClass(props.class),
-        labelStyle: props.labelStyle,
-        labelClass: props.labelClass
-      }, createSlots({
-        _: 2
-        /* DYNAMIC */
-      }, [
-        renderList(slots, (_, name) => {
-          return {
-            name,
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)))
-            ])
-          };
-        })
-      ]), 1032, ["label", "errorLayout", "labelMode", "onlyRuleStyle", "showColon", "colSpan", "rowSpan", "style", "class", "labelStyle", "labelClass"]));
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/esm/formItem/formItem.vue2.mjs

@@ -1,4 +0,0 @@
-import _sfc_main from "./formItem.vue.mjs";
-export {
-  _sfc_main as default
-};

package/esm/formItem/index.mjs

@@ -1,12 +0,0 @@
-import _sfc_main from "./form.Item.base.vue.mjs";
-import _sfc_main$1 from "./formItem.vue.mjs";
-import _sfc_main$2 from "./form.hide.item.vue.mjs";
-import { withInstall } from "../utils/withInstall.mjs";
-const FormItemBase = withInstall(_sfc_main);
-const FormItem = withInstall(_sfc_main$1);
-const FormHideItem = withInstall(_sfc_main$2);
-export {
-  FormHideItem,
-  FormItem,
-  FormItemBase
-};

package/esm/hooks/attr/attr.FormItem.d.ts

@@ -1,97 +0,0 @@
-import { FormInstanceBase, FormItemInstanceBase } from '@carefrees/form-utils';
-import { RegisterFormItemOptions } from './../register/register.FormItem';
-import { Ref } from 'vue';
-import { 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 declare const useFormItemAttr: (options: FormItemAttrOptions) => {
-    valuePropName: string;
-    htmlFor: import('vue').ComputedRef<string>;
-    onChange: (event: any) => void;
-    formItemInstance: FormItemInstanceBase;
-    form: FormInstanceBase<any>;
-    ruleInstance: Ref<RuleInstanceBase2, RuleInstanceBase2>;
-    newAttrs: import('vue').ComputedRef<{
-        name: string;
-        id: string;
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
-    }>;
-    attrsLastData: Ref<{
-        name: string;
-        id: string;
-        constructor: Function;
-        toString: () => string;
-        toLocaleString: () => string;
-        valueOf: () => Object;
-        hasOwnProperty: (v: PropertyKey) => boolean;
-        isPrototypeOf: (v: Object) => boolean;
-        propertyIsEnumerable: (v: PropertyKey) => boolean;
-    }, {
-        name: string;
-        id: string;
-        constructor: Function;
-        toString(): string;
-        toLocaleString(): string;
-        valueOf(): Object;
-        hasOwnProperty(v: PropertyKey): boolean;
-        isPrototypeOf(v: Object): boolean;
-        propertyIsEnumerable(v: PropertyKey): boolean;
-    } | {
-        name: string;
-        id: string;
-        constructor: Function;
-        toString: () => string;
-        toLocaleString: () => string;
-        valueOf: () => Object;
-        hasOwnProperty: (v: PropertyKey) => boolean;
-        isPrototypeOf: (v: Object) => boolean;
-        propertyIsEnumerable: (v: PropertyKey) => boolean;
-    }>;
-    validateResult: Ref<{
-        tip: string | (string | undefined)[];
-        isInvalid: boolean;
-    }, {
-        tip: string | (string | undefined)[];
-        isInvalid: boolean;
-    } | {
-        tip: string | (string | undefined)[];
-        isInvalid: boolean;
-    }>;
-    newSort: import('vue').ComputedRef<string>;
-    newName: import('vue').ComputedRef<string>;
-};