@vrojs/element-plus 0.0.3 → 0.0.4

package/dist/vro-el-schema-form/types.d.ts

@@ -46,6 +46,14 @@ export interface VroElSchemaFormSchemaField {
      * 当前字段表单项配置，会与组件级 formItemProps 合并。
      */
     formItemProps?: Partial<FormItemProps>;
+    /**
+     * 转发给 ElFormItem 的插槽映射，key 为外部插槽名，value 为 ElFormItem 插槽名。
+     */
+    itemSlots?: Record<string, string>;
+    /**
+     * 转发给字段组件的插槽映射，key 为外部插槽名，value 为字段组件插槽名。
+     */
+    slots?: Record<string, string>;
     /**
      * 从字段值转换提交值。
      */

package/dist/vro-el-schema-form/useVroElSchemaForm.d.ts

@@ -451,9 +451,7 @@ export declare function useVroElSchemaForm<T extends Record<string, any> = Recor
         extractValues: () => Promise<Record<string, any>>;
         validateField: (key: string) => Promise<boolean | undefined>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Partial<Record<number, (_: {
-            item: import('./types').VroElSchemaFormSchemaField;
-        }) => any>> & {
+        $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
             default?(_: {}): any;
         };
     }) | undefined, ({
@@ -897,9 +895,7 @@ export declare function useVroElSchemaForm<T extends Record<string, any> = Recor
         extractValues: () => Promise<Record<string, any>>;
         validateField: (key: string) => Promise<boolean | undefined>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Partial<Record<number, (_: {
-            item: import('./types').VroElSchemaFormSchemaField;
-        }) => any>> & {
+        $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
             default?(_: {}): any;
         };
     }) | undefined>;

package/dist/vro-el-schema-form/vro-el-schema-form.vue.d.ts

@@ -1,9 +1,7 @@
 import { VroElSchemaFormSchema } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<number, (_: {
-        item: import('./types').VroElSchemaFormSchemaField;
-    }) => any>> & {
+    slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
         default?(_: {}): any;
     };
     refs: {

package/dist/vro-el-schema-form/vro-el-schema-form.vue.js

@@ -1,112 +1,119 @@
-import { defineComponent as N, computed as b, ref as F, watchEffect as q, useTemplateRef as w, createBlock as P, openBlock as d, unref as v, mergeProps as c, withCtx as u, createVNode as I, createElementBlock as z, renderSlot as S, Fragment as A, renderList as B, resolveDynamicComponent as G, createSlots as H } from "vue";
-import J from "@daysnap/banana";
-import { isFunction as i, isString as O, filterEmptyValue as Q } from "@daysnap/utils";
-import { ElForm as W, ElRow as X, ElCol as Y, ElFormItem as Z } from "element-plus";
-import { useLocale as k } from "../locale/useLocale.js";
-import { datePickerValueFormat as ee } from "../utils/datePickerValueFormat.js";
-import "@vrojs/base";
-import { defineVroElSchemaFormFieldTrigger as re } from "./defineVroElSchemaFormFieldTrigger.js";
-import { vroElSchemaFormProps as ae } from "./types.js";
-import { vroElSchemaFormFieldManager as oe } from "./vroElSchemaFormFieldManager.js";
-const de = /* @__PURE__ */ N({
+import { defineComponent as z, computed as S, ref as F, watchEffect as A, useTemplateRef as I, createBlock as P, openBlock as h, unref as u, mergeProps as m, withCtx as c, createVNode as B, createElementBlock as G, renderSlot as E, Fragment as H, renderList as _, createSlots as O, resolveDynamicComponent as J } from "vue";
+import Q from "@daysnap/banana";
+import { isFunction as p, isString as R, filterEmptyValue as W } from "@daysnap/utils";
+import { getSlotEntries as j } from "@vrojs/base";
+import { ElForm as X, ElRow as Y, ElCol as Z, ElFormItem as k } from "element-plus";
+import { useLocale as ee } from "../locale/useLocale.js";
+import { datePickerValueFormat as re } from "../utils/datePickerValueFormat.js";
+import { defineVroElSchemaFormFieldTrigger as ae } from "./defineVroElSchemaFormFieldTrigger.js";
+import { vroElSchemaFormProps as oe } from "./types.js";
+import { vroElSchemaFormFieldManager as te } from "./vroElSchemaFormFieldManager.js";
+const ve = /* @__PURE__ */ z({
   name: "VroElSchemaForm",
   __name: "vro-el-schema-form",
-  props: ae,
+  props: oe,
   emits: ["change-field", "input-field"],
-  setup(R, { expose: j, emit: x }) {
-    const E = x, l = R, D = b(() => ({
+  setup(D, { expose: $, emit: x }) {
+    const C = x, l = D, y = S(() => ({
       validateOnRuleChange: !1,
       ...l.formProps
-    })), { locale: y } = k(), s = F({}), C = F({}), f = F({});
-    q(() => {
+    })), { locale: K } = ee(), i = F({}), V = F({}), d = F({});
+    A(() => {
       const { schema: e } = l;
-      f.value = {}, Object.entries(e).forEach(([o, r]) => {
-        let { hidden: a, value: t, rules: m, is: h } = r;
-        i(a) && (a = a(t, r, e)), h || (a = !0), a || (C.value[o] = t, f.value[o] = r), i(s) && (s.value = s(t, r, e)), s.value[o] = m;
+      d.value = {}, Object.entries(e).forEach(([t, r]) => {
+        let { hidden: a, value: o, rules: s, is: n } = r;
+        p(a) && (a = a(o, r, e)), n || (a = !0), a || (V.value[t] = o, d.value[t] = r), p(i) && (i.value = i(o, r, e)), i.value[t] = s;
       });
     });
-    const V = b(() => Object.entries(f.value).reduce((e, [o, r]) => {
-      let { props: a = {}, is: t, options: m, labelKey: h, valueKey: M } = r;
-      if (O(t)) {
-        const g = oe.get(t);
+    const b = S(() => Object.entries(d.value).reduce((e, [t, r]) => {
+      let { props: a = {}, is: o, options: s, labelKey: n, valueKey: q } = r;
+      if (R(o)) {
+        const g = te.get(o);
         if (g) {
-          let _ = {};
-          O(t) && (_ = y.value.el.schemaForm[t]), t === "ElDatePicker" && (a.valueFormat = ee[a?.type ?? "date"]), t = g.is, a = Object.assign(
+          let w = {};
+          R(o) && (w = K.value.el.schemaForm[o]), o === "ElDatePicker" && (a.valueFormat = re[a?.type ?? "date"]), o = g.is, a = Object.assign(
             {},
             g.props,
-            _,
-            Q({ options: m, labelKey: h, valueKey: M }),
+            w,
+            W({ options: s, labelKey: n, valueKey: q }),
             a
-          ), a.disabled && (a.placeholder = "-", t === "ElDatePicker" && (a.startPlaceholder = "-", a.endPlaceholder = "-"));
+          ), a.disabled && (a.placeholder = "-", o === "ElDatePicker" && (a.startPlaceholder = "-", a.endPlaceholder = "-"));
         }
       }
-      return e[o] = { is: t, props: a }, e;
-    }, {})), K = async (e, o) => {
-      E("change-field", { key: e, value: o }), await l.schema[e]?.onChange?.(o, l.schema[e], l.schema);
-    }, L = async (e, o) => {
-      E("input-field", { key: e, value: o }), await l.schema[e]?.onInput?.(o, l.schema[e], l.schema);
-    }, p = w("refComponents"), n = w("refForm"), T = async () => {
-      const e = p.value?.filter((o) => i(o.validate)) ?? [];
-      await Promise.all([n.value, ...e].map((o) => o?.validate()));
-    }, U = async () => {
-      const e = p.value?.filter((r) => i(r.extractValues)) ?? [], o = await Promise.all(
+      return e[t] = { is: o, props: a }, e;
+    }, {})), L = async (e, t) => {
+      C("change-field", { key: e, value: t }), await l.schema[e]?.onChange?.(t, l.schema[e], l.schema);
+    }, T = async (e, t) => {
+      C("input-field", { key: e, value: t }), await l.schema[e]?.onInput?.(t, l.schema[e], l.schema);
+    }, v = I("refComponents"), f = I("refForm"), U = async () => {
+      const e = v.value?.filter((t) => p(t.validate)) ?? [];
+      await Promise.all([f.value, ...e].map((t) => t?.validate()));
+    }, M = async () => {
+      const e = v.value?.filter((r) => p(r.extractValues)) ?? [], t = await Promise.all(
         e.map((r) => r.extractValues())
       );
-      return o.push(J.extract(l.schema)), o.filter(Boolean).reduce((r, a) => ({ ...r, ...a }), {});
-    }, $ = re(async (e) => {
-      const o = p.value?.filter((r) => i(r.trigger)) ?? [];
-      await Promise.all(o.map((r) => r.trigger(e)));
+      return t.push(Q.extract(l.schema)), t.filter(Boolean).reduce((r, a) => ({ ...r, ...a }), {});
+    }, N = ae(async (e) => {
+      const t = v.value?.filter((r) => p(r.trigger)) ?? [];
+      await Promise.all(t.map((r) => r.trigger(e)));
     });
-    return j({
+    return $({
       get form() {
-        return n.value;
+        return f.value;
       },
-      validate: T,
-      resetFields: () => n.value?.resetFields(),
-      trigger: $,
-      extractValues: U,
-      validateField: async (e) => n.value?.validateField(e)
-    }), (e, o) => (d(), P(v(W), c(D.value, {
+      validate: U,
+      resetFields: () => f.value?.resetFields(),
+      trigger: N,
+      extractValues: M,
+      validateField: async (e) => f.value?.validateField(e)
+    }), (e, t) => (h(), P(u(X), m(y.value, {
       ref_key: "refForm",
-      ref: n,
+      ref: f,
       class: "vro-el-schema-form",
-      model: C.value,
-      rules: s.value
+      model: V.value,
+      rules: i.value
     }), {
-      default: u(() => [
-        I(v(X), c({ gutter: 16 }, e.rowProps), {
-          default: u(() => [
-            (d(!0), z(A, null, B(f.value, (r, a) => (d(), P(v(Y), c({ key: a }, { ref_for: !0 }, { ...e.colProps, ...r.colProps }), {
-              default: u(() => [
-                I(v(Z), c({
+      default: c(() => [
+        B(u(Y), m({ gutter: 16 }, e.rowProps), {
+          default: c(() => [
+            (h(!0), G(H, null, _(d.value, (r, a) => (h(), P(u(Z), m({ key: a }, { ref_for: !0 }, { ...e.colProps, ...r.colProps }), {
+              default: c(() => [
+                B(u(k), m({
                   label: r.label,
                   prop: a
-                }, { ref_for: !0 }, { ...e.formItemProps, ...r.formItemProps }), {
-                  default: u(() => [
-                    (d(), P(G(V.value?.[a]?.is), c({
+                }, { ref_for: !0 }, { ...e.formItemProps, ...r.formItemProps }), O({
+                  default: c(() => [
+                    (h(), P(J(b.value?.[a]?.is), m({
                       modelValue: r.value,
-                      "onUpdate:modelValue": (t) => r.value = t
-                    }, { ref_for: !0 }, V.value?.[a]?.props, {
+                      "onUpdate:modelValue": (o) => r.value = o
+                    }, { ref_for: !0 }, b.value?.[a]?.props, {
                       ref_for: !0,
                       ref_key: "refComponents",
-                      ref: p,
-                      onChange: (t) => K(a, t),
-                      onInput: (t) => L(a, t)
-                    }), H({ _: 2 }, [
-                      B(r.slots, (t, m) => ({
-                        name: t,
-                        fn: u(() => [
-                          S(e.$slots, m, { item: r })
+                      ref: v,
+                      onChange: (o) => L(a, o),
+                      onInput: (o) => T(a, o)
+                    }), O({ _: 2 }, [
+                      _(u(j)(r.slots), ({ source: o, target: s }) => ({
+                        name: s,
+                        fn: c((n) => [
+                          E(e.$slots, o, m({ ref_for: !0 }, n ?? {}, { item: r }))
                         ])
                       }))
                     ]), 1040, ["modelValue", "onUpdate:modelValue", "onChange", "onInput"]))
                   ]),
                   _: 2
-                }, 1040, ["label", "prop"])
+                }, [
+                  _(u(j)(r.itemSlots), ({ source: o, target: s }) => ({
+                    name: s,
+                    fn: c((n) => [
+                      E(e.$slots, o, m({ ref_for: !0 }, n ?? {}, { item: r }))
+                    ])
+                  }))
+                ]), 1040, ["label", "prop"])
               ]),
               _: 2
             }, 1040))), 128)),
-            S(e.$slots, "default")
+            E(e.$slots, "default")
           ]),
           _: 3
         }, 16)
@@ -116,5 +123,5 @@ const de = /* @__PURE__ */ N({
   }
 });
 export {
-  de as default
+  ve as default
 };

package/dist/vro-el-schema-form-dialog/index.d.ts

@@ -496,9 +496,7 @@ export declare const VroElSchemaFormDialog: import('@vrojs/base').WithInstall<{
             extractValues: () => Promise<Record<string, any>>;
             validateField: (key: string) => Promise<boolean | undefined>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Partial<Record<number, (_: {
-                item: import('..').VroElSchemaFormSchemaField;
-            }) => any>> & {
+            $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
                 default?(_: {}): any;
             };
         };
@@ -1121,9 +1119,7 @@ export declare const VroElSchemaFormDialog: import('@vrojs/base').WithInstall<{
             extractValues: () => Promise<Record<string, any>>;
             validateField: (key: string) => Promise<boolean | undefined>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Partial<Record<number, (_: {
-                item: import('..').VroElSchemaFormSchemaField;
-            }) => any>> & {
+            $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
                 default?(_: {}): any;
             };
         }) | null;
@@ -1627,9 +1623,7 @@ export declare const VroElSchemaFormDialog: import('@vrojs/base').WithInstall<{
             extractValues: () => Promise<Record<string, any>>;
             validateField: (key: string) => Promise<boolean | undefined>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Partial<Record<number, (_: {
-                item: import('..').VroElSchemaFormSchemaField;
-            }) => any>> & {
+            $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
                 default?(_: {}): any;
             };
         };
@@ -2143,9 +2137,7 @@ export declare const VroElSchemaFormDialog: import('@vrojs/base').WithInstall<{
         extractValues: () => Promise<Record<string, any>>;
         validateField: (key: string) => Promise<boolean | undefined>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Partial<Record<number, (_: {
-            item: import('..').VroElSchemaFormSchemaField;
-        }) => any>> & {
+        $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
             default?(_: {}): any;
         };
     };

package/dist/vro-el-schema-form-dialog/style/css.js

@@ -7,6 +7,7 @@ import '../../vro-el-tree/style/index.css';
 /* empty css                    */
 /* empty css                                           */
 /* empty css                                        */
+/* empty css                                  */
 /* empty css                                         */
 /* empty css                                        */
 /* empty css                                   */

package/dist/vro-el-schema-form-dialog/style/index.js

@@ -31,6 +31,7 @@ import "element-plus/es/components/dialog/style/css";
 /* empty css                    */
 /* empty css                                           */
 /* empty css                                        */
+/* empty css                                  */
 /* empty css                                         */
 /* empty css                                        */
 /* empty css                                   */

package/dist/vro-el-schema-form-dialog/vro-el-schema-form-dialog.vue.d.ts

@@ -605,9 +605,7 @@ declare function __VLS_template(): {
             extractValues: () => Promise<Record<string, any>>;
             validateField: (key: string) => Promise<boolean | undefined>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Partial<Record<number, (_: {
-                item: import('..').VroElSchemaFormSchemaField;
-            }) => any>> & {
+            $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
                 default?(_: {}): any;
             };
         }) | null;
@@ -1102,9 +1100,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         extractValues: () => Promise<Record<string, any>>;
         validateField: (key: string) => Promise<boolean | undefined>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Partial<Record<number, (_: {
-            item: import('..').VroElSchemaFormSchemaField;
-        }) => any>> & {
+        $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
             default?(_: {}): any;
         };
     };
@@ -1778,9 +1774,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         extractValues: () => Promise<Record<string, any>>;
         validateField: (key: string) => Promise<boolean | undefined>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Partial<Record<number, (_: {
-            item: import('..').VroElSchemaFormSchemaField;
-        }) => any>> & {
+        $slots: Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
             default?(_: {}): any;
         };
     }) | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vrojs/element-plus",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "vrojs ui",
   "type": "module",
   "main": "dist/index.js",
@@ -36,7 +36,7 @@
     "@element-plus/icons-vue": ">=2.3.2",
     "element-plus": ">=2.11.9",
     "vue": ">=3.0.0",
-    "@vrojs/base": "0.0.2",
+    "@vrojs/base": "0.0.3",
     "@vrojs/use": "0.0.2"
   },
   "devDependencies": {
@@ -50,7 +50,7 @@
     "vite": "^7.1.12",
     "vite-plugin-dts": "^4.5.4",
     "vue": "^3.5.22",
-    "@vrojs/base": "0.0.2",
+    "@vrojs/base": "0.0.3",
     "@vrojs/use": "0.0.2"
   },
   "scripts": {