@vunk/form 2.12.2 → 2.13.1

package/components/form-item/index.mjs

@@ -1,6 +1,6 @@
-import { formItemProps, ElFormItem, ElIcon, ElTooltip, ElButton, useGlobalConfig } from 'element-plus';
+import { formItemProps, ElFormItem, ElTooltip, ElIcon, ElButton, useGlobalConfig } from 'element-plus';
 import { bindPropsFactory } from '@vunk/core/shared/utils-vue';
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, resolveDynamicComponent, createCommentVNode, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, renderList } from '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 } from '@vunk/form/composables';
 import { isPlainObject } from '@vunk/core/shared/utils-object';
@@ -42,7 +42,8 @@ const _props = {
   information: {
     type: Boolean,
     default: false
-  }
+  },
+  prop: null
 };
 Reflect.deleteProperty(_props, "size");
 const props = _props;
@@ -54,140 +55,65 @@ var ctx = /*#__PURE__*/Object.freeze({
   props: props
 });
 
-var _sfc_main = defineComponent({
-  name: "VkfFormItem",
-  components: {
-    ElFormItem,
-    ElIcon,
-    ElTooltip,
-    Warning: warning_default,
-    ElButton
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
   },
-  props,
-  setup(props2, { slots }) {
-    const formItemBindProps = createFormItemBindProps(props2, ["rules"]);
-    const readonly = useComputedReadonly(props2);
-    const globalConfig = useGlobalConfig();
-    const localeName = computed(() => {
-      return globalConfig.value?.locale?.name;
-    });
-    const requiredMessage = `${props2.label || "\u8BE5\u5B57\u6BB5"}\u4E0D\u80FD\u4E3A\u7A7A`;
-    const setDefaultMessage = (rule) => {
-      if (localeName.value === "zh-cn") {
-        if (rule.message) return;
-        if (rule.required) {
-          rule.message = requiredMessage;
-        }
-        const ruleInfo = PATTERN_OPTIONS.find((i) => i.value === rule.pattern);
-        if (ruleInfo) {
-          rule.message = `\u8F93\u5165 ${props2.label || "\u8BE5\u5B57\u6BB5"} ${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 elFormItemSlots = computed(() => {
-      const slots2 = {};
-      const keys = ["label", "default", "error"];
-      const formItemSlots = props2.formItemSlots;
-      if (formItemSlots) {
-        Object.keys(formItemSlots).forEach((key) => {
-          if (keys.includes(key)) {
-            slots2[key] = formItemSlots?.[key];
-          }
-        });
-      }
-      return slots2;
-    });
-    const customSlots = computed(() => {
-      const theSlots = {
-        labelActions: slots?.labelActions ? () => slots.labelActions?.() : void 0
-      };
-      const keys = ["labelActions", "after"];
-      const formItemSlots = props2.formItemSlots;
-      formItemSlots && Object.keys(formItemSlots).filter((key) => keys.includes(key)).forEach((key) => {
-        const slot = formItemSlots?.[key];
-        if (slot) {
-          theSlots[key] = slot;
-        }
-      });
-      return theSlots;
-    });
-    return {
-      formItemBindProps,
-      readonly,
-      rules,
-      localeName,
-      elFormItemSlots,
-      customSlots
-    };
+  __name: "core",
+  props: {
+    labelTip: {
+      type: String,
+      default: ""
+    },
+    formItemTip: {
+      type: String,
+      default: ""
+    },
+    formItemTipClass: 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: 1,
-  class: "vk-form-item-label__actions"
+  class: "vkf-form-item-label__actions"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Warning = resolveComponent("Warning");
-  const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_ElButton = resolveComponent("ElButton");
-  const _component_ElTooltip = resolveComponent("ElTooltip");
-  const _component_ElFormItem = resolveComponent("ElFormItem");
-  return openBlock(), createBlock(_component_ElFormItem, mergeProps(_ctx.formItemBindProps, {
-    ref: _ctx.elRef,
+  return openBlock(), createBlock($setup["ElFormItem"], mergeProps(_ctx.$attrs, {
     class: ["vkf-form-item", {
-      "is-readonly": _ctx.readonly,
-      "vkf-form-item--inline": _ctx.inline,
-      "is-empty-label": !_ctx.label,
-      "is-information": _ctx.information,
-      "has-label-actions": _ctx.customSlots.labelActions
-    }],
-    size: _ctx.formItemSize,
-    rules: _ctx.rules
-  }), createSlots({
+      "has-label-actions": _ctx.$slots.labelActions
+    }]
+  }), {
     default: withCtx(() => [
+      renderSlot(_ctx.$slots, "before"),
       renderSlot(_ctx.$slots, "default"),
-      _ctx.customSlots.after ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.customSlots.after), { key: 0 })) : createCommentVNode("v-if", true),
-      _ctx.formItemTip ? (openBlock(), createElementBlock(
+      renderSlot(_ctx.$slots, "after"),
+      $props.formItemTip ? (openBlock(), createElementBlock(
         "div",
         {
-          key: 1,
-          class: normalizeClass(["vkf-form-item__tip", _ctx.formItemTipClass])
+          key: 0,
+          class: normalizeClass(["vkf-form-item__tip", $props.formItemTipClass])
         },
         [
           createElementVNode(
             "span",
             null,
-            toDisplayString(_ctx.formItemTip),
+            toDisplayString($props.formItemTip),
             1
             /* TEXT */
           )
@@ -196,32 +122,28 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         /* CLASS */
       )) : createCommentVNode("v-if", true)
     ]),
-    _: 2
-    /* DYNAMIC */
-  }, [
-    !_ctx.formItemSlots?.label && (_ctx.label || _ctx.labelTip) ? {
-      name: "label",
-      fn: withCtx(() => [
+    label: withCtx((e) => [
+      renderSlot(_ctx.$slots, "label", normalizeProps(guardReactiveProps(e)), () => [
         createElementVNode(
           "span",
           null,
-          toDisplayString(_ctx.label),
+          toDisplayString(e.label),
           1
           /* TEXT */
         ),
-        _ctx.labelTip ? (openBlock(), createBlock(_component_ElTooltip, {
+        $props.labelTip ? (openBlock(), createBlock($setup["ElTooltip"], {
           key: 0,
-          content: _ctx.labelTip
+          content: $props.labelTip
         }, {
           default: withCtx(() => [
-            createVNode(_component_ElButton, {
+            createVNode($setup["ElButton"], {
               text: "",
               class: "vkf-form-item-label-tip-button"
             }, {
               default: withCtx(() => [
-                createVNode(_component_ElIcon, null, {
+                createVNode($setup["ElIcon"], null, {
                   default: withCtx(() => [
-                    createVNode(_component_Warning)
+                    createVNode($setup["Warning"])
                   ]),
                   _: 1
                   /* STABLE */
@@ -234,23 +156,97 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1
           /* STABLE */
         }, 8, ["content"])) : createCommentVNode("v-if", true),
-        _ctx.customSlots.labelActions ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.customSlots.labelActions)))
+        _ctx.$slots.labelActions ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "labelActions")
         ])) : createCommentVNode("v-if", true)
-      ]),
-      key: "0"
-    } : void 0,
-    renderList(_ctx.elFormItemSlots, (item, key) => {
-      return {
-        name: key,
-        fn: withCtx((e) => [
-          (openBlock(), createBlock(resolveDynamicComponent(item?.(e))))
-        ])
-      };
-    })
-  ]), 1040, ["class", "size", "rules"]);
+      ])
+    ]),
+    error: withCtx((e) => [
+      renderSlot(_ctx.$slots, "error", normalizeProps(guardReactiveProps(e)))
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 16, ["class"]);
 }
-var VkfFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/form-item/src/index.vue"]]);
+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({
+  name: "VkfFormItem",
+  props,
+  setup(props2, {
+    slots
+  }) {
+    const formItemBindProps = createFormItemBindProps(props2, ["rules"]);
+    const readonly = useComputedReadonly(props2);
+    const globalConfig = useGlobalConfig();
+    const localeName = computed(() => {
+      return globalConfig.value?.locale?.name;
+    });
+    const requiredMessage = `${props2.label || "\u8BE5\u5B57\u6BB5"}\u4E0D\u80FD\u4E3A\u7A7A`;
+    const setDefaultMessage = rule => {
+      if (localeName.value === "zh-cn") {
+        if (rule.message) return;
+        if (rule.required) {
+          rule.message = requiredMessage;
+        }
+        const ruleInfo = PATTERN_OPTIONS.find(i => i.value === rule.pattern);
+        if (ruleInfo) {
+          rule.message = `\u8F93\u5165 ${props2.label || "\u8BE5\u5B57\u6BB5"} ${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;
+    });
+    return () => h(FormItemCore, {
+      ...formItemBindProps.value,
+      ref: props2.elRef,
+      class: {
+        "is-readonly": readonly.value,
+        "vkf-form-item--inline": props2.inline,
+        "is-empty-label": !props2.label,
+        "is-information": props2.information
+      },
+      size: props2.formItemSize,
+      rules: rules.value,
+      formItemTip: props2.formItemTip,
+      formItemTipClass: props2.formItemTipClass,
+      labelTip: props2.labelTip
+    }, {
+      ...slots,
+      ...props2.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({
   __proto__: null