@carefrees/form-utils-vue 0.0.12 → 0.0.14

package/src/hooks/useFormItemParentName.ts

@@ -1,49 +0,0 @@
-import { provide, inject, computed, ComputedRef, ref, toValue } from 'vue';
-import { PartialComputedRefs } from '../interface';
-
-export interface FormItemParentNamOptions {
-  /**字段*/
-  name: string;
-  /**排序*/
-  sort?: string;
-  /**是否拼接父级字段*/
-  isJoinParentField?: boolean;
-}
-
-export type FormItemParentNameProviderProps = PartialComputedRefs<Omit<FormItemParentNamOptions, 'isJoinParentField'>>;
-
-const parentNameProvideSymbol = Symbol('carefrees-parent-name');
-
-export const useFormItemParentNameProvide = (props: FormItemParentNameProviderProps) => {
-  const { name, sort } = props;
-  provide(
-    parentNameProvideSymbol,
-    computed(() => ({ name, sort })),
-  );
-};
-
-/**表单项获取父级字段*/
-export const useFormItemParentNameInject = (options: FormItemParentNamOptions) => {
-  const { isJoinParentField = true, sort, name } = options;
-  const parentItem = inject<ComputedRef<FormItemParentNameProviderProps>>(
-    parentNameProvideSymbol,
-    computed(() => ({ name: ref(''), sort: ref('') })),
-  );
-  const newName = computed(() => {
-    const _name = toValue(parentItem.value.name);
-    if (_name && isJoinParentField) {
-      if (/^\./.test(`${name}`)) {
-        return [_name, name].filter(Boolean).join('');
-      } else if (name) {
-        return [_name, '.', name].filter(Boolean).join('');
-      }
-      return [_name, name].filter(Boolean).join('');
-    }
-    return [name].filter(Boolean).join('');
-  });
-  const newSort = computed(() => {
-    const _sort = toValue(parentItem.value.sort);
-    return [isJoinParentField ? _sort : '', sort].filter(Boolean).join('-');
-  });
-  return { newName, newSort, parentItem };
-};

package/src/hooks/useFormList.ts

@@ -1,28 +0,0 @@
-import { FormListInstanceBase } from '@carefrees/form-utils';
-import { provide, inject, ref } from 'vue';
-
-const formListProvideSymbol = Symbol('carefrees-form-list');
-
-/**表单List实例 Context */
-export function useFormListProvide(formList: FormListInstanceBase) {
-  provide(formListProvideSymbol, formList);
-}
-
-/**子项中获取表单List实例*/
-export function useFormListInject() {
-  const formList = inject<FormListInstanceBase>(formListProvideSymbol, new FormListInstanceBase());
-  return formList;
-}
-
-/**初始化 表单List实例*/
-export function useFormList(formList?: FormListInstanceBase) {
-  const refForm = ref<FormListInstanceBase>();
-  if (!refForm.value) {
-    if (formList) {
-      refForm.value = formList;
-    } else {
-      refForm.value = new FormListInstanceBase();
-    }
-  }
-  return refForm.value;
-}

package/src/hooks/useHtmlFor.ts

@@ -1,9 +0,0 @@
-import { ref, computed, Ref } from 'vue';
-
-let localId = 0;
-export const useHtmlFor = (suffix: Ref<string>) => {
-  const count = ref(localId++);
-  return computed(() => {
-    return `carefree-vue-form-item_${count.value.toString(32)}_${suffix.value}`;
-  });
-};

package/src/hooks/useMultipleForm.ts

@@ -1,29 +0,0 @@
-import { MultipleInstanceBase } from "@carefrees/form-utils"
-import { provide, inject, ref } from "vue"
-
-const multipleFormProvideSymbol = Symbol("carefrees-multiple-form")
-
-/**多表单收集 Context */
-export function useMultipleFormProvide(multipleForm?: MultipleInstanceBase) {
-  const newMultipleForm = useMultipleForm(multipleForm)
-  provide(multipleFormProvideSymbol, newMultipleForm)
-}
-
-/**子项中获取 多表单收集 实例*/
-export function useMultipleFormInject() {
-  const multipleForm = inject<MultipleInstanceBase>(multipleFormProvideSymbol, new MultipleInstanceBase())
-  return multipleForm
-}
-
-/**初始化 多表单收集 实例*/
-export function useMultipleForm(multipleForm?: MultipleInstanceBase) {
-  const refForm = ref<MultipleInstanceBase>()
-  if (!refForm.value) {
-    if (multipleForm) {
-      refForm.value = multipleForm
-    } else {
-      refForm.value = new MultipleInstanceBase()
-    }
-  }
-  return refForm.value
-}

package/src/instance/ruleIntsnace.ts

@@ -1,105 +0,0 @@
-import AsyncValidator, { RuleItem } from 'async-validator';
-import type { MessageType, FormInstanceBase } from '@carefrees/form-utils';
-import { ref, Ref, toValue } from 'vue';
-
-export 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[]> = ref([]);
-  /**错误提示内容*/
-  messages: Ref<MessageType[]> = ref([]);
-  /**更新当前组件方法*/
-  updated?: Function;
-
-  /**判断是否必填*/
-  isRequired = () => {
-    if (this.instance?.getFieldHideRulesValue?.(this.name)) {
-      return false;
-    }
-    const findItem = (toValue(this.rules) || []).find((item) => item?.required);
-    return !!findItem;
-  };
-  /**初始化*/
-  ctor = (name: string, rules: RuleItem[]) => {
-    this.name = name;
-    this.rules.value = rules || [];
-    return this;
-  };
-  /**判断是否需要验证*/
-  isValidate = () => {
-    if (this.instance?.getFieldHideRulesValue?.(this.name)) {
-      return false;
-    }
-    const _rules = toValue(this.rules);
-    return !!(Array.isArray(_rules) && _rules.length);
-  };
-  /**更新提示信息*/
-  updatedMessages = (messages?: MessageType[]) => {
-    this.messages.value = messages || [];
-    this.updated?.({});
-  };
-
-  /**更新规则*/
-  updatedRules = (rules: RuleItem[]) => {
-    /**更新当前规则*/
-    this.rules.value = rules;
-    /**当前组件重新渲染*/
-    this.updatedMessages?.([]);
-  };
-
-  /**验证规则
-   * @param {boolean} isOnly 仅判断是否校验通过
-   */
-  validate = (isOnly: boolean = false) => {
-    return new Promise((resolve, reject) => {
-      const value = this.instance?.getFieldValue?.(this.name);
-      if (this.instance?.getFieldHideRulesValue?.(this.name)) {
-        this.updatedMessages([]);
-        resolve({ [this.name]: value });
-      }
-      new AsyncValidator({ [this.name]: 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();
-          }
-        });
-    });
-  };
-
-  /**获取校验结果*/
-  getValidateResult = () => {
-    const _messages = toValue(this.messages);
-    const tip = Array.isArray(_messages) ? _messages.map((it) => it.message) : '';
-    const isInvalid = Array.isArray(tip) ? !!tip.length : !!tip;
-    return {
-      tip,
-      isInvalid,
-    };
-  };
-}