@carefrees/form-utils-vue 0.0.11 → 0.0.12

package/esm/hooks/useFormItem.mjs

@@ -1,26 +0,0 @@
-import { FormItemInstanceBase } from "@carefrees/form-utils";
-import { ref, provide, inject } from "vue";
-const formItemProvideSymbol = Symbol("carefrees-form-item");
-function useFormItemProvide(formItem) {
-  provide(formItemProvideSymbol, formItem);
-}
-function useFormItemInject() {
-  const formItem = inject(formItemProvideSymbol, new FormItemInstanceBase());
-  return formItem;
-}
-function useFormItem(formItem) {
-  const refForm = ref();
-  if (!refForm.value) {
-    if (formItem) {
-      refForm.value = formItem;
-    } else {
-      refForm.value = new FormItemInstanceBase();
-    }
-  }
-  return refForm.value;
-}
-export {
-  useFormItem,
-  useFormItemInject,
-  useFormItemProvide
-};

package/esm/hooks/useFormItemParentName.mjs

@@ -1,37 +0,0 @@
-import { provide, computed, inject, ref, toValue } from "vue";
-const parentNameProvideSymbol = Symbol("carefrees-parent-name");
-const useFormItemParentNameProvide = (props) => {
-  const { name, sort } = props;
-  provide(
-    parentNameProvideSymbol,
-    computed(() => ({ name, sort }))
-  );
-};
-const useFormItemParentNameInject = (options) => {
-  const { isJoinParentField = true, sort, name } = options;
-  const parentItem = inject(
-    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 };
-};
-export {
-  useFormItemParentNameInject,
-  useFormItemParentNameProvide
-};

package/esm/hooks/useFormList.mjs

@@ -1,26 +0,0 @@
-import { FormListInstanceBase } from "@carefrees/form-utils";
-import { provide, inject, ref } from "vue";
-const formListProvideSymbol = Symbol("carefrees-form-list");
-function useFormListProvide(formList) {
-  provide(formListProvideSymbol, formList);
-}
-function useFormListInject() {
-  const formList = inject(formListProvideSymbol, new FormListInstanceBase());
-  return formList;
-}
-function useFormList(formList) {
-  const refForm = ref();
-  if (!refForm.value) {
-    if (formList) {
-      refForm.value = formList;
-    } else {
-      refForm.value = new FormListInstanceBase();
-    }
-  }
-  return refForm.value;
-}
-export {
-  useFormList,
-  useFormListInject,
-  useFormListProvide
-};

package/esm/hooks/useHtmlFor.mjs

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

package/esm/hooks/useMultipleForm.mjs

@@ -1,27 +0,0 @@
-import { MultipleInstanceBase } from "@carefrees/form-utils";
-import { inject, provide, ref } from "vue";
-const multipleFormProvideSymbol = Symbol("carefrees-multiple-form");
-function useMultipleFormProvide(multipleForm) {
-  const newMultipleForm = useMultipleForm(multipleForm);
-  provide(multipleFormProvideSymbol, newMultipleForm);
-}
-function useMultipleFormInject() {
-  const multipleForm = inject(multipleFormProvideSymbol, new MultipleInstanceBase());
-  return multipleForm;
-}
-function useMultipleForm(multipleForm) {
-  const refForm = ref();
-  if (!refForm.value) {
-    if (multipleForm) {
-      refForm.value = multipleForm;
-    } else {
-      refForm.value = new MultipleInstanceBase();
-    }
-  }
-  return refForm.value;
-}
-export {
-  useMultipleForm,
-  useMultipleFormInject,
-  useMultipleFormProvide
-};

package/esm/index.mjs

@@ -1,59 +0,0 @@
-import * as component from "./component.mjs";
-import { useAttrsInject, useAttrsProvide } from "./hooks/useAttrs.mjs";
-import { useForm, useFormInject, useFormProvide } from "./hooks/useForm.mjs";
-import { useFormItem, useFormItemInject, useFormItemProvide } from "./hooks/useFormItem.mjs";
-import { useFormList, useFormListInject, useFormListProvide } from "./hooks/useFormList.mjs";
-import { useHtmlFor } from "./hooks/useHtmlFor.mjs";
-import { useMultipleForm, useMultipleFormInject, useMultipleFormProvide } from "./hooks/useMultipleForm.mjs";
-import { useFormItemParentNameInject, useFormItemParentNameProvide } from "./hooks/useFormItemParentName.mjs";
-import { useEffect } from "./hooks/useEffect.mjs";
-import { useRegisterFormHideItem } from "./hooks/register/register.FormHideItem.mjs";
-import { useRegisterFormItem } from "./hooks/register/register.FormItem.mjs";
-import { useRegisterFormList } from "./hooks/register/register.FormList.mjs";
-import { useRegisterForm } from "./hooks/register/register.form.mjs";
-import { useFormItemAttr } from "./hooks/attr/attr.FormItem.mjs";
-import { withInstall } from "./utils/withInstall.mjs";
-import { Form } from "./form/index.mjs";
-import { FormHideItem, FormItem, FormItemBase } from "./formItem/index.mjs";
-import { FormLayoutRows, Layout, LayoutFormItem } from "./layout/index.mjs";
-const index = {
-  install: (app) => {
-    for (const c in component) {
-      app.use(component[c]);
-    }
-  }
-};
-export {
-  Form,
-  FormHideItem,
-  FormItem,
-  FormItemBase,
-  FormLayoutRows,
-  Layout,
-  LayoutFormItem,
-  index as default,
-  useAttrsInject,
-  useAttrsProvide,
-  useEffect,
-  useForm,
-  useFormInject,
-  useFormItem,
-  useFormItemAttr,
-  useFormItemInject,
-  useFormItemParentNameInject,
-  useFormItemParentNameProvide,
-  useFormItemProvide,
-  useFormList,
-  useFormListInject,
-  useFormListProvide,
-  useFormProvide,
-  useHtmlFor,
-  useMultipleForm,
-  useMultipleFormInject,
-  useMultipleFormProvide,
-  useRegisterForm,
-  useRegisterFormHideItem,
-  useRegisterFormItem,
-  useRegisterFormList,
-  withInstall
-};

package/esm/instance/ruleIntsnace.mjs

@@ -1,73 +0,0 @@
-import AsyncValidator from "async-validator";
-import { ref, toValue } from "vue";
-class RuleInstanceBase2 {
-  constructor() {
-    this.name = "";
-    this.rules = ref([]);
-    this.messages = 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 = (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 = 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]: 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 = toValue(this.messages);
-      const tip = Array.isArray(_messages) ? _messages.map((it) => it.message) : "";
-      const isInvalid = Array.isArray(tip) ? !!tip.length : !!tip;
-      return {
-        tip,
-        isInvalid
-      };
-    };
-  }
-}
-export {
-  RuleInstanceBase2
-};

package/esm/layout/index.mjs

@@ -1,12 +0,0 @@
-import _sfc_main from "./layout.vue.mjs";
-import _sfc_main$1 from "./layout.formItem.vue.mjs";
-import _sfc_main$2 from "./layout.form.rows.vue.mjs";
-import { withInstall } from "../utils/withInstall.mjs";
-const Layout = withInstall(_sfc_main);
-const LayoutFormItem = withInstall(_sfc_main$1);
-const FormLayoutRows = withInstall(_sfc_main$2);
-export {
-  FormLayoutRows,
-  Layout,
-  LayoutFormItem
-};

package/esm/layout/layout.form.rows.vue.mjs

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

package/esm/layout/layout.form.rows.vue2.mjs

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

package/esm/layout/layout.formItem.vue.mjs

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

package/esm/layout/layout.formItem.vue2.mjs

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