@vrojs/element-plus 0.0.5 → 0.0.7

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vrojs/element-plus",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "vrojs ui",
   "type": "module",
   "main": "dist/index.js",
@@ -10,6 +10,9 @@
     "dist"
   ],
   "sideEffects": [
+    "src/**/style/*",
+    "src/**/*.css",
+    "src/**/*.scss",
     "dist/**/style/*",
     "dist/**/*.css"
   ],
@@ -50,8 +53,8 @@
     "vite": "^7.1.12",
     "vite-plugin-dts": "^4.5.4",
     "vue": "^3.5.22",
-    "@vrojs/use": "0.0.2",
-    "@vrojs/base": "0.0.3"
+    "@vrojs/base": "0.0.3",
+    "@vrojs/use": "0.0.2"
   },
   "scripts": {
     "build": "npm run clean && vite build",