@carefrees/form-utils-vue 0.0.11 → 0.0.13

package/lib/hooks/useFormList.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const formUtils = require("@carefrees/form-utils");
-const vue = require("vue");
-const formListProvideSymbol = Symbol("carefrees-form-list");
-function useFormListProvide(formList) {
-  vue.provide(formListProvideSymbol, formList);
-}
-function useFormListInject() {
-  const formList = vue.inject(formListProvideSymbol, new formUtils.FormListInstanceBase());
-  return formList;
-}
-function useFormList(formList) {
-  const refForm = vue.ref();
-  if (!refForm.value) {
-    if (formList) {
-      refForm.value = formList;
-    } else {
-      refForm.value = new formUtils.FormListInstanceBase();
-    }
-  }
-  return refForm.value;
-}
-exports.useFormList = useFormList;
-exports.useFormListInject = useFormListInject;
-exports.useFormListProvide = useFormListProvide;

package/lib/hooks/useHtmlFor.d.ts

@@ -1,2 +0,0 @@
-import { Ref } from 'vue';
-export declare const useHtmlFor: (suffix: Ref<string>) => import('vue').ComputedRef<string>;

package/lib/hooks/useHtmlFor.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-let localId = 0;
-const useHtmlFor = (suffix) => {
-  const count = vue.ref(localId++);
-  return vue.computed(() => {
-    return `carefree-vue-form-item_${count.value.toString(32)}_${suffix.value}`;
-  });
-};
-exports.useHtmlFor = useHtmlFor;

package/lib/hooks/useMultipleForm.d.ts

@@ -1,7 +0,0 @@
-import { MultipleInstanceBase } from '@carefrees/form-utils';
-/**多表单收集 Context */
-export declare function useMultipleFormProvide(multipleForm?: MultipleInstanceBase): void;
-/**子项中获取 多表单收集 实例*/
-export declare function useMultipleFormInject(): MultipleInstanceBase;
-/**初始化 多表单收集 实例*/
-export declare function useMultipleForm(multipleForm?: MultipleInstanceBase): MultipleInstanceBase;

package/lib/hooks/useMultipleForm.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const formUtils = require("@carefrees/form-utils");
-const vue = require("vue");
-const multipleFormProvideSymbol = Symbol("carefrees-multiple-form");
-function useMultipleFormProvide(multipleForm) {
-  const newMultipleForm = useMultipleForm(multipleForm);
-  vue.provide(multipleFormProvideSymbol, newMultipleForm);
-}
-function useMultipleFormInject() {
-  const multipleForm = vue.inject(multipleFormProvideSymbol, new formUtils.MultipleInstanceBase());
-  return multipleForm;
-}
-function useMultipleForm(multipleForm) {
-  const refForm = vue.ref();
-  if (!refForm.value) {
-    if (multipleForm) {
-      refForm.value = multipleForm;
-    } else {
-      refForm.value = new formUtils.MultipleInstanceBase();
-    }
-  }
-  return refForm.value;
-}
-exports.useMultipleForm = useMultipleForm;
-exports.useMultipleFormInject = useMultipleFormInject;
-exports.useMultipleFormProvide = useMultipleFormProvide;

package/lib/index.d.ts

@@ -1,11 +0,0 @@
-import { App } from 'vue';
-export * from './hooks';
-export * from './component';
-export * from './utils';
-export * from './interface';
-export * from './interface/layout';
-export * from './interface/layout.formItem';
-declare const _default: {
-    install: (app: App) => void;
-};
-export default _default;

package/lib/index.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const component = require("./component.js");
-const useAttrs = require("./hooks/useAttrs.js");
-const useForm = require("./hooks/useForm.js");
-const useFormItem = require("./hooks/useFormItem.js");
-const useFormList = require("./hooks/useFormList.js");
-const useHtmlFor = require("./hooks/useHtmlFor.js");
-const useMultipleForm = require("./hooks/useMultipleForm.js");
-const useFormItemParentName = require("./hooks/useFormItemParentName.js");
-const useEffect = require("./hooks/useEffect.js");
-const register_FormHideItem = require("./hooks/register/register.FormHideItem.js");
-const register_FormItem = require("./hooks/register/register.FormItem.js");
-const register_FormList = require("./hooks/register/register.FormList.js");
-const register_form = require("./hooks/register/register.form.js");
-const attr_FormItem = require("./hooks/attr/attr.FormItem.js");
-const withInstall = require("./utils/withInstall.js");
-const index$1 = require("./form/index.js");
-const index$2 = require("./formItem/index.js");
-const index$3 = require("./layout/index.js");
-const index = {
-  install: (app) => {
-    for (const c in component) {
-      app.use(component[c]);
-    }
-  }
-};
-exports.useAttrsInject = useAttrs.useAttrsInject;
-exports.useAttrsProvide = useAttrs.useAttrsProvide;
-exports.useForm = useForm.useForm;
-exports.useFormInject = useForm.useFormInject;
-exports.useFormProvide = useForm.useFormProvide;
-exports.useFormItem = useFormItem.useFormItem;
-exports.useFormItemInject = useFormItem.useFormItemInject;
-exports.useFormItemProvide = useFormItem.useFormItemProvide;
-exports.useFormList = useFormList.useFormList;
-exports.useFormListInject = useFormList.useFormListInject;
-exports.useFormListProvide = useFormList.useFormListProvide;
-exports.useHtmlFor = useHtmlFor.useHtmlFor;
-exports.useMultipleForm = useMultipleForm.useMultipleForm;
-exports.useMultipleFormInject = useMultipleForm.useMultipleFormInject;
-exports.useMultipleFormProvide = useMultipleForm.useMultipleFormProvide;
-exports.useFormItemParentNameInject = useFormItemParentName.useFormItemParentNameInject;
-exports.useFormItemParentNameProvide = useFormItemParentName.useFormItemParentNameProvide;
-exports.useEffect = useEffect.useEffect;
-exports.useRegisterFormHideItem = register_FormHideItem.useRegisterFormHideItem;
-exports.useRegisterFormItem = register_FormItem.useRegisterFormItem;
-exports.useRegisterFormList = register_FormList.useRegisterFormList;
-exports.useRegisterForm = register_form.useRegisterForm;
-exports.useFormItemAttr = attr_FormItem.useFormItemAttr;
-exports.withInstall = withInstall.withInstall;
-exports.Form = index$1.Form;
-exports.FormHideItem = index$2.FormHideItem;
-exports.FormItem = index$2.FormItem;
-exports.FormItemBase = index$2.FormItemBase;
-exports.FormLayoutRows = index$3.FormLayoutRows;
-exports.Layout = index$3.Layout;
-exports.LayoutFormItem = index$3.LayoutFormItem;
-exports.default = index;

package/lib/instance/ruleIntsnace.d.ts

@@ -1,49 +0,0 @@
-import { RuleItem } from 'async-validator';
-import { MessageType, FormInstanceBase } from '@carefrees/form-utils';
-import { Ref } from 'vue';
-export declare class RuleInstanceBase2 {
-    /**
-     * 顺序
-     * @example
-     * "0"
-     * "0-0"
-     * "0-0-0"
-     */
-    sort?: string;
-    /**表单实例*/
-    instance?: FormInstanceBase;
-    /**
-     * 字段 ，分割方式与lodash的get和set方法值更新或设置路径一致
-     * @example
-     * 默认："name"
-     * 嵌套字段："name.a.doc"
-     * 嵌套字段："name[1].a.doc"
-     * 嵌套字段："name.a[2].doc"
-     */
-    name: string;
-    /**规则*/
-    rules: Ref<RuleItem[]>;
-    /**错误提示内容*/
-    messages: Ref<MessageType[]>;
-    /**更新当前组件方法*/
-    updated?: Function;
-    /**判断是否必填*/
-    isRequired: () => boolean;
-    /**初始化*/
-    ctor: (name: string, rules: RuleItem[]) => this;
-    /**判断是否需要验证*/
-    isValidate: () => boolean;
-    /**更新提示信息*/
-    updatedMessages: (messages?: MessageType[]) => void;
-    /**更新规则*/
-    updatedRules: (rules: RuleItem[]) => void;
-    /**验证规则
-     * @param {boolean} isOnly 仅判断是否校验通过
-     */
-    validate: (isOnly?: boolean) => Promise<unknown>;
-    /**获取校验结果*/
-    getValidateResult: () => {
-        tip: string | (string | undefined)[];
-        isInvalid: boolean;
-    };
-}

package/lib/instance/ruleIntsnace.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const AsyncValidator = require("async-validator");
-const vue = require("vue");
-class RuleInstanceBase2 {
-  constructor() {
-    this.name = "";
-    this.rules = vue.ref([]);
-    this.messages = vue.ref([]);
-    this.isRequired = () => {
-      var _a, _b;
-      if ((_b = (_a = this.instance) == null ? void 0 : _a.getFieldHideRulesValue) == null ? void 0 : _b.call(_a, this.name)) {
-        return false;
-      }
-      const findItem = (vue.toValue(this.rules) || []).find((item) => item == null ? void 0 : item.required);
-      return !!findItem;
-    };
-    this.ctor = (name, rules) => {
-      this.name = name;
-      this.rules.value = rules || [];
-      return this;
-    };
-    this.isValidate = () => {
-      var _a, _b;
-      if ((_b = (_a = this.instance) == null ? void 0 : _a.getFieldHideRulesValue) == null ? void 0 : _b.call(_a, this.name)) {
-        return false;
-      }
-      const _rules = vue.toValue(this.rules);
-      return !!(Array.isArray(_rules) && _rules.length);
-    };
-    this.updatedMessages = (messages) => {
-      var _a;
-      this.messages.value = messages || [];
-      (_a = this.updated) == null ? void 0 : _a.call(this, {});
-    };
-    this.updatedRules = (rules) => {
-      var _a;
-      this.rules.value = rules;
-      (_a = this.updatedMessages) == null ? void 0 : _a.call(this, []);
-    };
-    this.validate = (isOnly = false) => {
-      return new Promise((resolve, reject) => {
-        var _a, _b, _c, _d;
-        const value = (_b = (_a = this.instance) == null ? void 0 : _a.getFieldValue) == null ? void 0 : _b.call(_a, this.name);
-        if ((_d = (_c = this.instance) == null ? void 0 : _c.getFieldHideRulesValue) == null ? void 0 : _d.call(_c, this.name)) {
-          this.updatedMessages([]);
-          resolve({ [this.name]: value });
-        }
-        new AsyncValidator({ [this.name]: vue.toValue(this.rules) || [] }).validate({ [this.name]: value }).then((values) => {
-          if (!isOnly) this.updatedMessages([]);
-          resolve(values);
-        }).catch(({ errors }) => {
-          if (Array.isArray(errors)) {
-            if (!isOnly) this.updatedMessages(errors);
-            reject(errors);
-          } else {
-            reject();
-          }
-        });
-      });
-    };
-    this.getValidateResult = () => {
-      const _messages = vue.toValue(this.messages);
-      const tip = Array.isArray(_messages) ? _messages.map((it) => it.message) : "";
-      const isInvalid = Array.isArray(tip) ? !!tip.length : !!tip;
-      return {
-        tip,
-        isInvalid
-      };
-    };
-  }
-}
-exports.RuleInstanceBase2 = RuleInstanceBase2;

package/lib/interface/index.d.ts

@@ -1,36 +0,0 @@
-import { ComputedRef, Ref, Component, StyleValue, UnwrapNestedRefs } from 'vue';
-import { FormItemAttrOptions } from '../hooks/attr/attr.FormItem';
-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]>;
-};
-export interface FormItemProps extends FormItemAttrOptions, LayoutFormItemProps {
-    /**不进行样式渲染*/
-    noStyle?: boolean;
-    /**输入框组件*/
-    input?: Component | string;
-}
-export interface FormProps<T = any> extends FormLayoutProps {
-    form?: FormInstanceBase;
-    style?: StyleValue;
-    class?: string;
-    layoutClass?: string;
-    layoutStyle?: StyleValue;
-    /**表单数据*/
-    formData?: any;
-    /**值更新触发*/
-    onValuesChange?: (changedValues: Partial<T>, values: UnwrapNestedRefs<T>) => void;
-    /**提交保存 验证成功*/
-    onFinish?: (values: T) => void;
-    /**提交保存 验证失败*/
-    onFinishFailed?: (errorInfo: ValidateErrorEntity<T>) => void;
-    /**隐藏表单项初始值*/
-    hideData?: Record<string, boolean>;
-    /**表单名称*/
-    name?: string;
-    /**隐藏规则校验*/
-    hideRuleData?: Record<string, boolean>;
-}

package/lib/interface/layout.d.ts

@@ -1,28 +0,0 @@
-import { AttrsOptions } from '../hooks/useAttrs';
-import { VNodeChild, StyleValue } from 'vue';
-export interface FormLayoutProps extends Omit<AttrsOptions, 'colCount'> {
-    /**标题*/
-    title?: VNodeChild;
-    /**额外内容*/
-    extra?: VNodeChild;
-    /**是否占据整行*/
-    isAllColSpan?: boolean;
-    class?: string;
-    /**头部ClassName*/
-    headerClass?: string;
-    /**内容Class*/
-    bodyClass?: string;
-    style?: StyleValue;
-    /**头部样式*/
-    headerStyle?: StyleValue;
-    /**内容样式*/
-    bodyStyle?: StyleValue;
-    /**是否添加边框*/
-    bordered?: boolean;
-    /**列数据*/
-    colCount?: number;
-    /**
-     * @description gap 属性是用来设置网格行与列之间的间隙，该属性是row-gap and column-gap的简写形式。
-     */
-    gap?: string | number;
-}

package/lib/interface/layout.formItem.d.ts

@@ -1,39 +0,0 @@
-import { VNodeChild, StyleValue } from 'vue';
-import { ComputedRefBase } from '.';
-export interface LayoutFormItemProps {
-    /**规则校验失败错误提示位置*/
-    errorLayout?: 'left-bottom' | 'right-bottom' | 'top-right' | 'top-left';
-    /**必填样式*/
-    required?: boolean;
-    /**label显示模式*/
-    labelMode?: 'left' | 'top' | 'between' | 'hide';
-    /**只进行规则样式*/
-    onlyRuleStyle?: boolean;
-    label?: VNodeChild;
-    /**底部提示内容*/
-    helpText?: VNodeChild;
-    /**额外内容*/
-    extra?: VNodeChild;
-    /**是否显示label后的冒号*/
-    showColon?: boolean;
-    /**
-     * 表单项占据列数
-     * @default 1
-     */
-    colSpan?: number;
-    /**
-     * 表单项占据行数
-     * @default 1
-     */
-    rowSpan?: number;
-    htmlFor?: ComputedRefBase<string>;
-    /**规则验证结果*/
-    validateResult?: ComputedRefBase<{
-        tip: string | (string | undefined)[];
-        isInvalid: boolean;
-    }>;
-    style?: StyleValue;
-    class?: string;
-    labelStyle?: StyleValue;
-    labelClass?: string;
-}

package/lib/layout/index.d.ts

@@ -1,65 +0,0 @@
-export declare const Layout: import('../utils').SFCWithInstall<{
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').FormLayoutProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('..').FormLayoutProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<import('..').FormLayoutProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<{
-        default: any;
-        title: any;
-        extra: any;
-    }> & {
-        default: any;
-        title: any;
-        extra: any;
-    };
-})> & Record<string, any>;
-export declare const LayoutFormItem: import('../utils').SFCWithInstall<{
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').LayoutFormItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('..').LayoutFormItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<import('..').LayoutFormItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<{
-        default: any;
-        label: any;
-        helpText: any;
-        extra: any;
-    }> & {
-        default: any;
-        label: any;
-        helpText: any;
-        extra: any;
-    };
-})> & Record<string, any>;
-export declare const FormLayoutRows: import('../utils').SFCWithInstall<{
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').HTMLAttributes> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('vue').HTMLAttributes> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').HTMLAttributes> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-})> & Record<string, any>;

package/lib/layout/index.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const layout_vue_vue_type_script_setup_true_lang = require("./layout.vue.js");
-const layout_formItem_vue_vue_type_script_setup_true_lang = require("./layout.formItem.vue.js");
-const layout_form_rows_vue_vue_type_script_setup_true_lang = require("./layout.form.rows.vue.js");
-const withInstall = require("../utils/withInstall.js");
-const Layout = withInstall.withInstall(layout_vue_vue_type_script_setup_true_lang.default);
-const LayoutFormItem = withInstall.withInstall(layout_formItem_vue_vue_type_script_setup_true_lang.default);
-const FormLayoutRows = withInstall.withInstall(layout_form_rows_vue_vue_type_script_setup_true_lang.default);
-exports.FormLayoutRows = FormLayoutRows;
-exports.Layout = Layout;
-exports.LayoutFormItem = LayoutFormItem;

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

@@ -1,10 +0,0 @@
-import { HTMLAttributes } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<HTMLAttributes, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HTMLAttributes> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/lib/layout/layout.form.rows.vue.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const clx = require("classnames");
-const __default__ = vue.defineComponent({
-  name: "FormLayoutRows",
-  inheritAttrs: false
-  // 可选，防止属性自动应用到根元素
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  setup(__props) {
-    const preCls = "carefrees-form-layout";
-    const props = __props;
-    const cls = vue.computed(() => clx(preCls, props.class, {
-      "all-colspan": true
-    }));
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        vue.mergeProps(props, { class: cls.value }),
-        [
-          vue.renderSlot(_ctx.$slots, "default")
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-exports.default = _sfc_main;

package/lib/layout/layout.form.rows.vue2.js

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

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

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