@vunk/form 2.18.2 → 2.19.0

package/components/form-item/index.mjs

@@ -1,16 +1,14 @@
-import { formItemProps, ElFormItem, ElTooltip, ElIcon, ElButton } from 'element-plus';
-import { bindPropsFactory } from '@vunk/core/shared/utils-vue';
-import { defineComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, normalizeProps, guardReactiveProps, createVNode, computed, h } from 'vue';
-import { createFormItemBindProps } from '@vunk/form/shared/element-plus';
-import { useComputedReadonly, useRendererData } from '@vunk/form/composables';
-import { useLocale } from '@vunk/form/composables/element-plus';
-import { isPlainObject } from '@vunk/core/shared/utils-object';
-import { PATTERN_OPTIONS } from '@vunk/form/shared/rules';
-import { w as warning_default } from '../index.mjs';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const _props = {
-  ...formItemProps,
+import { formItemProps as $, ElFormItem as F, ElTooltip as O, ElButton as V, ElIcon as q } from "element-plus";
+import { bindPropsFactory as z } from "@vunk/core/shared/utils-vue";
+import { defineComponent as _, openBlock as n, createBlock as k, unref as f, mergeProps as E, withCtx as o, renderSlot as i, createElementBlock as c, normalizeClass as j, createElementVNode as A, toDisplayString as p, createCommentVNode as s, normalizeProps as g, guardReactiveProps as S, createVNode as b, computed as M, h as N } from "vue";
+import { createFormItemBindProps as w } from "@vunk/form/shared/element-plus";
+import { useComputedReadonly as D, useRendererData as K } from "@vunk/form/composables";
+import { useLocale as L } from "@vunk/form/composables/element-plus";
+import { isPlainObject as P } from "@vunk/core/shared/utils-object";
+import { PATTERN_OPTIONS as W } from "@vunk/form/shared/rules";
+import { w as G } from "../index.cjs";
+const h = {
+  ...$,
   formItemSize: {
     type: String,
     default: void 0
@@ -21,11 +19,11 @@ const _props = {
   },
   elRef: {
     type: Function,
-    required: false
+    required: !1
   },
   inline: {
     type: Boolean,
-    default: false
+    default: !1
   },
   readonly: {
     type: Boolean,
@@ -42,25 +40,24 @@ const _props = {
   },
   information: {
     type: Boolean,
-    default: false
+    default: !1
   },
   prop: null,
   defaultModelValue: null
 };
-Reflect.deleteProperty(_props, "size");
-const props = _props;
-const createBindProps = bindPropsFactory(props);
-
-var ctx = /*#__PURE__*/Object.freeze({
+Reflect.deleteProperty(h, "size");
+const y = h, H = z(y), oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createBindProps: createBindProps,
-  props: props
-});
-
-var _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...{
-    inheritAttrs: false
-  },
+  createBindProps: H,
+  props: y
+}, Symbol.toStringTag, { value: "Module" })), J = {
+  key: 0,
+  class: "vkf-form-item-label__span"
+}, Q = {
+  key: 2,
+  class: "vkf-form-item-label__actions"
+}, U = /* @__PURE__ */ _({
+  inheritAttrs: !1,
   __name: "core",
   props: {
     labelTip: {
@@ -75,213 +72,127 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
     elRef: null,
     label: null
   },
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const __returned__ = { get ElFormItem() {
-      return ElFormItem;
-    }, get ElTooltip() {
-      return ElTooltip;
-    }, get ElIcon() {
-      return ElIcon;
-    }, get ElButton() {
-      return ElButton;
-    }, get Warning() {
-      return warning_default;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-const _hoisted_1 = {
-  key: 0,
-  class: "vkf-form-item-label__span"
-};
-const _hoisted_2 = {
-  key: 2,
-  class: "vkf-form-item-label__actions"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock($setup["ElFormItem"], mergeProps(_ctx.$attrs, {
-    ref: $props.elRef,
-    class: ["vkf-form-item", {
-      "has-label-actions": _ctx.$slots.labelActions
-    }],
-    label: $props.label
-  }), {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "before"),
-      renderSlot(_ctx.$slots, "default"),
-      renderSlot(_ctx.$slots, "after"),
-      $props.formItemTip ? (openBlock(), createElementBlock(
-        "div",
-        {
+  setup(e) {
+    return (l, I) => (n(), k(f(F), E(l.$attrs, {
+      ref: e.elRef,
+      class: ["vkf-form-item", {
+        "has-label-actions": l.$slots.labelActions
+      }],
+      label: e.label
+    }), {
+      default: o(() => [
+        i(l.$slots, "before"),
+        i(l.$slots, "default"),
+        i(l.$slots, "after"),
+        e.formItemTip ? (n(), c("div", {
           key: 0,
-          class: normalizeClass(["vkf-form-item__tip", $props.formItemTipClass])
-        },
-        [
-          createElementVNode(
-            "span",
-            null,
-            toDisplayString($props.formItemTip),
-            1
-            /* TEXT */
-          )
-        ],
-        2
-        /* CLASS */
-      )) : createCommentVNode("v-if", true)
-    ]),
-    label: withCtx((e) => [
-      renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(e)), () => [
-        $props.label ? (openBlock(), createElementBlock(
-          "span",
-          _hoisted_1,
-          toDisplayString(e.label),
-          1
-          /* TEXT */
-        )) : createCommentVNode("v-if", true),
-        $props.labelTip ? (openBlock(), createBlock($setup["ElTooltip"], {
-          key: 1,
-          content: $props.labelTip
-        }, {
-          default: withCtx(() => [
-            createVNode($setup["ElButton"], {
-              text: "",
-              class: "vkf-form-item-label-tip-button"
-            }, {
-              default: withCtx(() => [
-                createVNode($setup["ElIcon"], null, {
-                  default: withCtx(() => [
-                    createVNode($setup["Warning"])
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"])) : createCommentVNode("v-if", true),
-        _ctx.$slots.labelActions ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "labelActions")
-        ])) : createCommentVNode("v-if", true)
-      ])
-    ]),
-    error: withCtx((e) => [
-      renderSlot(_ctx.$slots, "error", normalizeProps(guardReactiveProps(e)))
-    ]),
-    _: 3
-    /* FORWARDED */
-  }, 16, ["class", "label"]);
-}
-var FormItemCore = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/form-item/src/core.vue"]]);
-
-var _sfc_main = /* @__PURE__ */ defineComponent({
+          class: j(["vkf-form-item__tip", e.formItemTipClass])
+        }, [
+          A("span", null, p(e.formItemTip), 1)
+        ], 2)) : s("", !0)
+      ]),
+      label: o((r) => [
+        i(l.$slots, "label", g(S(r)), () => [
+          e.label ? (n(), c("span", J, p(r.label), 1)) : s("", !0),
+          e.labelTip ? (n(), k(f(O), {
+            key: 1,
+            content: e.labelTip
+          }, {
+            default: o(() => [
+              b(f(V), {
+                text: "",
+                class: "vkf-form-item-label-tip-button"
+              }, {
+                default: o(() => [
+                  b(f(q), null, {
+                    default: o(() => [
+                      b(f(G))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["content"])) : s("", !0),
+          l.$slots.labelActions ? (n(), c("div", Q, [
+            i(l.$slots, "labelActions")
+          ])) : s("", !0)
+        ])
+      ]),
+      error: o((r) => [
+        i(l.$slots, "error", g(S(r)))
+      ]),
+      _: 3
+    }, 16, ["class", "label"]));
+  }
+}), ie = /* @__PURE__ */ _({
   name: "VkfFormItem",
-  props,
-  setup(props2, {
-    slots
+  props: y,
+  setup(e, {
+    slots: l
   }) {
-    const formItemBindProps = createFormItemBindProps(props2, ["rules"]);
-    const readonly = useComputedReadonly(props2);
-    const {
-      tr
-    } = useLocale();
-    const getDefaultLabel = () => props2.label || tr("vkf.formItem.defaultField", "\u8BE5\u5B57\u6BB5");
-    const setDefaultMessage = rule => {
-      if (rule.message) return;
-      if (rule.required) {
-        rule.message = tr("vkf.formItem.required", "{label}\u4E0D\u80FD\u4E3A\u7A7A", {
-          label: getDefaultLabel()
-        });
-      }
-      const ruleInfo = PATTERN_OPTIONS.find(i => i.value === rule.pattern);
-      if (ruleInfo) {
-        rule.message = tr("vkf.formItem.pattern", "\u8F93\u5165 {label} {pattern}", {
-          label: getDefaultLabel(),
-          pattern: ruleInfo.title
-        });
-      }
-    };
-    const rules = computed(() => {
-      let data = [];
-      if (!props2.rules && props2.required) {
-        data.push({
-          required: true
-        });
-      }
-      if (isPlainObject(props2.rules)) {
-        data = [props2.rules];
-      }
-      if (Array.isArray(props2.rules)) {
-        data = props2.rules;
-        if (props2.required && !props2.rules.find(item => item.required)) {
-          data.push({
-            required: true
-          });
-        }
-      }
-      data = data.filter(rule => {
-        if (!rule) return;
-        if (isPlainObject(rule)) {
-          const enableKeys = Object.keys(rule).filter(key => !key.startsWith("data-"));
-          return enableKeys.length > 0;
-        }
-      });
-      data.forEach(rule => {
-        setDefaultMessage(rule);
-      });
-      return data;
-    });
-    const {
-      getDataValue,
-      emitSetData
-    } = useRendererData();
-    setTimeout(() => {
-      if (props2.defaultModelValue !== void 0 && props2.prop) {
-        const value = getDataValue?.(props2.prop);
-        if (value === void 0) {
-          emitSetData?.({
-            k: props2.prop,
-            v: props2.defaultModelValue
-          });
-        }
-      }
-    });
-    return () => h(FormItemCore, {
-      ...formItemBindProps.value,
-      elRef: props2.elRef,
+    const I = w(e, ["rules"]), r = D(e), {
+      tr: m
+    } = L(), v = () => e.label || m("vkf.formItem.defaultField", "该字段"), C = (t) => {
+      if (t.message)
+        return;
+      t.required && (t.message = m("vkf.formItem.required", "{label}不能为空", {
+        label: v()
+      }));
+      const a = W.find((T) => T.value === t.pattern);
+      a && (t.message = m("vkf.formItem.pattern", "输入 {label} {pattern}", {
+        label: v(),
+        pattern: a.title
+      }));
+    }, B = M(() => {
+      let t = [];
+      return !e.rules && e.required && t.push({
+        required: !0
+      }), P(e.rules) && (t = [e.rules]), Array.isArray(e.rules) && (t = e.rules, e.required && !e.rules.find((a) => a.required) && t.push({
+        required: !0
+      })), t = t.filter((a) => {
+        if (a && P(a))
+          return Object.keys(a).filter((R) => !R.startsWith("data-")).length > 0;
+      }), t.forEach((a) => {
+        C(a);
+      }), t;
+    }), {
+      getDataValue: u,
+      emitSetData: d
+    } = K();
+    return setTimeout(() => {
+      e.defaultModelValue !== void 0 && e.prop && (u == null ? void 0 : u(e.prop)) === void 0 && (d == null || d({
+        k: e.prop,
+        v: e.defaultModelValue
+      }));
+    }), () => N(U, {
+      ...I.value,
+      elRef: e.elRef,
       class: {
-        "is-readonly": readonly.value,
-        "vkf-form-item--inline": props2.inline,
-        "is-empty-label": !props2.label,
-        "is-information": props2.information
+        "is-readonly": r.value,
+        "vkf-form-item--inline": e.inline,
+        "is-empty-label": !e.label,
+        "is-information": e.information
       },
-      size: props2.formItemSize,
-      rules: rules.value,
-      formItemTip: props2.formItemTip,
-      formItemTipClass: props2.formItemTipClass,
-      labelTip: props2.labelTip,
-      label: props2.label
+      size: e.formItemSize,
+      rules: B.value,
+      formItemTip: e.formItemTip,
+      formItemTipClass: e.formItemTipClass,
+      labelTip: e.labelTip,
+      label: e.label
     }, {
-      ...slots,
-      ...props2.formItemSlots
+      ...l,
+      ...e.formItemSlots
     });
   }
-});
-
-var VkfFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/form-item/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+}), ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfFormItem.install = (app) => {
-  app.component(VkfFormItem.name, VkfFormItem);
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ie as VkfFormItem,
+  oe as _VkfFormItemCtx,
+  ne as __VkfFormItem,
+  ie as default
 };
-
-export { VkfFormItem, ctx as _VkfFormItemCtx, types as __VkfFormItem, VkfFormItem as default };