@vrojs/element-plus 0.0.4 → 0.0.6

package/dist/index.js

@@ -1,95 +1,97 @@
-import { default as e } from "./locale/lang/zh-cn.js";
-import { localeContextKey as p, useLocale as l } from "./locale/useLocale.js";
-import { datePickerValueFormat as a } from "./utils/datePickerValueFormat.js";
-import { parseType as x } from "@vrojs/base";
-import { VroElCheckboxGroup as i } from "./vro-el-checkbox-group/index.js";
-import { VroElConfigProvider as V } from "./vro-el-config-provider/index.js";
-import { VroElFileUpload as c } from "./vro-el-file-upload/index.js";
-import { VroElIcon as F } from "./vro-el-icon/index.js";
-import { VroElImage as d } from "./vro-el-image/index.js";
-import { VroElImageUpload as P } from "./vro-el-image-upload/index.js";
-import { VroElRadioGroup as I } from "./vro-el-radio-group/index.js";
-import { VroElSchemaFilter as C } from "./vro-el-schema-filter/index.js";
-import { VroElSchemaForm as D } from "./vro-el-schema-form/index.js";
-import { VroElSchemaFormDialog as T } from "./vro-el-schema-form-dialog/index.js";
-import { VroElSelect as G } from "./vro-el-select/index.js";
-import { VroElSkeleton as b } from "./vro-el-skeleton/index.js";
-import { VroElTags as R } from "./vro-el-tags/index.js";
-import { VroElTree as j } from "./vro-el-tree/index.js";
-import { VroElWithConfig as z } from "./vro-el-with-config/index.js";
-import { vroElCheckboxGroupProps as M } from "./vro-el-checkbox-group/types.js";
-import { vroElConfigProviderProps as q } from "./vro-el-config-provider/types.js";
-import { vroElFileUploadProps as B } from "./vro-el-file-upload/types.js";
-import { getVroElFileUploadOptions as J, setVroElFileUploadOptions as Q } from "./vro-el-file-upload/utils.js";
-import { vroElIconProps as Y } from "./vro-el-icon/types.js";
-import { vroElImageProps as _ } from "./vro-el-image/types.js";
-import { getVroElImageOptions as oo, setVroElImageOptions as ro } from "./vro-el-image/utils.js";
-import { vroElImageUploadProps as mo } from "./vro-el-image-upload/types.js";
-import { getVroElImageUploadOptions as lo, setVroElImageUploadOptions as to } from "./vro-el-image-upload/utils.js";
-import { vroElRadioGroupProps as fo } from "./vro-el-radio-group/types.js";
-import { vroElSchemaFilterProps as Eo } from "./vro-el-schema-filter/types.js";
-import { defineVroElSchemaFormCreateField as so } from "./vro-el-schema-form/defineVroElSchemaFormCreateField.js";
-import { defineVroElSchemaFormFieldTrigger as go } from "./vro-el-schema-form/defineVroElSchemaFormFieldTrigger.js";
-import { vroElSchemaFormProps as no } from "./vro-el-schema-form/types.js";
-import { useVroElSchemaForm as ho } from "./vro-el-schema-form/useVroElSchemaForm.js";
-import { vroElSchemaFormFieldManager as Po } from "./vro-el-schema-form/vroElSchemaFormFieldManager.js";
-import { showVroElSchemaFormDialog as Io } from "./vro-el-schema-form-dialog/function-call.js";
-import { useVroElSchemaFormDialogInstance as Co, vroElSchemaFormDialogInjectionKey as Uo } from "./vro-el-schema-form-dialog/injection.js";
-import { vroElSchemaFormDialogProps as Oo } from "./vro-el-schema-form-dialog/types.js";
-import { useVroElSchemaFormDialog as ko } from "./vro-el-schema-form-dialog/useVroElSchemaFormDialog.js";
-import { vroElSelectProps as yo } from "./vro-el-select/types.js";
-import { vroElSkeletonProps as Ko } from "./vro-el-skeleton/types.js";
-import { vroElTagsProps as Wo } from "./vro-el-tags/types.js";
-import { vroElTreeProps as wo } from "./vro-el-tree/types.js";
-import { vroElWithConfigProps as Lo } from "./vro-el-with-config/types.js";
+import { default as e } from "./locale/lang/en.js";
+import { default as p } from "./locale/lang/zh-cn.js";
+import { localeContextKey as t, useLocale as a } from "./locale/useLocale.js";
+import { datePickerValueFormat as x } from "./utils/datePickerValueFormat.js";
+import { parseType as i } from "@vrojs/base";
+import { VroElCheckboxGroup as V } from "./vro-el-checkbox-group/index.js";
+import { VroElConfigProvider as c } from "./vro-el-config-provider/index.js";
+import { VroElFileUpload as F } from "./vro-el-file-upload/index.js";
+import { VroElIcon as h } from "./vro-el-icon/index.js";
+import { VroElImage as P } from "./vro-el-image/index.js";
+import { VroElImageUpload as I } from "./vro-el-image-upload/index.js";
+import { VroElRadioGroup as C } from "./vro-el-radio-group/index.js";
+import { VroElSchemaFilter as D } from "./vro-el-schema-filter/index.js";
+import { VroElSchemaForm as T } from "./vro-el-schema-form/index.js";
+import { VroElSchemaFormDialog as G } from "./vro-el-schema-form-dialog/index.js";
+import { VroElSelect as b } from "./vro-el-select/index.js";
+import { VroElSkeleton as R } from "./vro-el-skeleton/index.js";
+import { VroElTags as j } from "./vro-el-tags/index.js";
+import { VroElTree as z } from "./vro-el-tree/index.js";
+import { VroElWithConfig as M } from "./vro-el-with-config/index.js";
+import { vroElCheckboxGroupProps as q } from "./vro-el-checkbox-group/types.js";
+import { vroElConfigProviderProps as B } from "./vro-el-config-provider/types.js";
+import { vroElFileUploadProps as J } from "./vro-el-file-upload/types.js";
+import { getVroElFileUploadOptions as X, setVroElFileUploadOptions as Y } from "./vro-el-file-upload/utils.js";
+import { vroElIconProps as _ } from "./vro-el-icon/types.js";
+import { vroElImageProps as oo } from "./vro-el-image/types.js";
+import { getVroElImageOptions as eo, setVroElImageOptions as mo } from "./vro-el-image/utils.js";
+import { vroElImageUploadProps as lo } from "./vro-el-image-upload/types.js";
+import { getVroElImageUploadOptions as ao, setVroElImageUploadOptions as fo } from "./vro-el-image-upload/utils.js";
+import { vroElRadioGroupProps as Eo } from "./vro-el-radio-group/types.js";
+import { vroElSchemaFilterProps as so } from "./vro-el-schema-filter/types.js";
+import { defineVroElSchemaFormCreateField as go } from "./vro-el-schema-form/defineVroElSchemaFormCreateField.js";
+import { defineVroElSchemaFormFieldTrigger as no } from "./vro-el-schema-form/defineVroElSchemaFormFieldTrigger.js";
+import { vroElSchemaFormProps as ho } from "./vro-el-schema-form/types.js";
+import { useVroElSchemaForm as Po } from "./vro-el-schema-form/useVroElSchemaForm.js";
+import { vroElSchemaFormFieldManager as Io } from "./vro-el-schema-form/vroElSchemaFormFieldManager.js";
+import { showVroElSchemaFormDialog as Co } from "./vro-el-schema-form-dialog/function-call.js";
+import { useVroElSchemaFormDialogInstance as Do, vroElSchemaFormDialogInjectionKey as Oo } from "./vro-el-schema-form-dialog/injection.js";
+import { vroElSchemaFormDialogProps as ko } from "./vro-el-schema-form-dialog/types.js";
+import { useVroElSchemaFormDialog as yo } from "./vro-el-schema-form-dialog/useVroElSchemaFormDialog.js";
+import { vroElSelectProps as Ko } from "./vro-el-select/types.js";
+import { vroElSkeletonProps as Wo } from "./vro-el-skeleton/types.js";
+import { vroElTagsProps as wo } from "./vro-el-tags/types.js";
+import { vroElTreeProps as Lo } from "./vro-el-tree/types.js";
+import { vroElWithConfigProps as No } from "./vro-el-with-config/types.js";
 export {
-  i as VroElCheckboxGroup,
-  V as VroElConfigProvider,
-  c as VroElFileUpload,
-  F as VroElIcon,
-  d as VroElImage,
-  P as VroElImageUpload,
-  I as VroElRadioGroup,
-  C as VroElSchemaFilter,
-  D as VroElSchemaForm,
-  T as VroElSchemaFormDialog,
-  G as VroElSelect,
-  b as VroElSkeleton,
-  R as VroElTags,
-  j as VroElTree,
-  z as VroElWithConfig,
-  a as datePickerValueFormat,
-  so as defineVroElSchemaFormCreateField,
-  go as defineVroElSchemaFormFieldTrigger,
-  J as getVroElFileUploadOptions,
-  oo as getVroElImageOptions,
-  lo as getVroElImageUploadOptions,
-  p as localeContextKey,
-  x as parseType,
-  Q as setVroElFileUploadOptions,
-  ro as setVroElImageOptions,
-  to as setVroElImageUploadOptions,
-  Io as showVroElSchemaFormDialog,
-  l as useLocale,
-  ho as useVroElSchemaForm,
-  ko as useVroElSchemaFormDialog,
-  Co as useVroElSchemaFormDialogInstance,
-  M as vroElCheckboxGroupProps,
-  q as vroElConfigProviderProps,
-  B as vroElFileUploadProps,
-  Y as vroElIconProps,
-  _ as vroElImageProps,
-  mo as vroElImageUploadProps,
-  fo as vroElRadioGroupProps,
-  Eo as vroElSchemaFilterProps,
-  Uo as vroElSchemaFormDialogInjectionKey,
-  Oo as vroElSchemaFormDialogProps,
-  Po as vroElSchemaFormFieldManager,
-  no as vroElSchemaFormProps,
-  yo as vroElSelectProps,
-  Ko as vroElSkeletonProps,
-  Wo as vroElTagsProps,
-  wo as vroElTreeProps,
-  Lo as vroElWithConfigProps,
-  e as zhCN
+  V as VroElCheckboxGroup,
+  c as VroElConfigProvider,
+  F as VroElFileUpload,
+  h as VroElIcon,
+  P as VroElImage,
+  I as VroElImageUpload,
+  C as VroElRadioGroup,
+  D as VroElSchemaFilter,
+  T as VroElSchemaForm,
+  G as VroElSchemaFormDialog,
+  b as VroElSelect,
+  R as VroElSkeleton,
+  j as VroElTags,
+  z as VroElTree,
+  M as VroElWithConfig,
+  x as datePickerValueFormat,
+  go as defineVroElSchemaFormCreateField,
+  no as defineVroElSchemaFormFieldTrigger,
+  e as en,
+  X as getVroElFileUploadOptions,
+  eo as getVroElImageOptions,
+  ao as getVroElImageUploadOptions,
+  t as localeContextKey,
+  i as parseType,
+  Y as setVroElFileUploadOptions,
+  mo as setVroElImageOptions,
+  fo as setVroElImageUploadOptions,
+  Co as showVroElSchemaFormDialog,
+  a as useLocale,
+  Po as useVroElSchemaForm,
+  yo as useVroElSchemaFormDialog,
+  Do as useVroElSchemaFormDialogInstance,
+  q as vroElCheckboxGroupProps,
+  B as vroElConfigProviderProps,
+  J as vroElFileUploadProps,
+  _ as vroElIconProps,
+  oo as vroElImageProps,
+  lo as vroElImageUploadProps,
+  Eo as vroElRadioGroupProps,
+  so as vroElSchemaFilterProps,
+  Oo as vroElSchemaFormDialogInjectionKey,
+  ko as vroElSchemaFormDialogProps,
+  Io as vroElSchemaFormFieldManager,
+  ho as vroElSchemaFormProps,
+  Ko as vroElSelectProps,
+  Wo as vroElSkeletonProps,
+  wo as vroElTagsProps,
+  Lo as vroElTreeProps,
+  No as vroElWithConfigProps,
+  p as zhCN
 };

package/dist/locale/index.d.ts

@@ -1,3 +1,4 @@
+export { default as en } from './lang/en';
 export { default as zhCN } from './lang/zh-cn';
 export * from './types';
 export * from './useLocale';

package/dist/locale/index.js

@@ -1,7 +1,9 @@
-import { default as t } from "./lang/zh-cn.js";
-import { localeContextKey as l, useLocale as r } from "./useLocale.js";
+import { default as t } from "./lang/en.js";
+import { default as r } from "./lang/zh-cn.js";
+import { localeContextKey as l, useLocale as x } from "./useLocale.js";
 export {
+  t as en,
   l as localeContextKey,
-  r as useLocale,
-  t as zhCN
+  x as useLocale,
+  r as zhCN
 };

package/dist/locale/lang/en.d.ts

@@ -0,0 +1,46 @@
+declare const _default: {
+    name: string;
+    el: {
+        table: {
+            refresh: string;
+        };
+        skeleton: {
+            loadingDescription: string;
+            emptyDescription: string;
+            emptyBtnText: string;
+            errorTitle: string;
+            errorBtnText: string;
+        };
+        fileUpload: {
+            btnText: string;
+        };
+        imageUpload: {
+            compressText: string;
+        };
+        tags: {
+            addText: string;
+        };
+        schemaForm: {
+            ElInput: {
+                placeholder: string;
+            };
+            ElSelect: {
+                placeholder: string;
+            };
+            ElDatePicker: {
+                placeholder: string;
+                startPlaceholder: string;
+                endPlaceholder: string;
+            };
+        };
+        schemaFilter: {
+            searchText: string;
+            resetText: string;
+        };
+        schemaFormDialog: {
+            cancelText: string;
+            confirmText: string;
+        };
+    };
+};
+export default _default;

package/dist/locale/lang/en.js

@@ -0,0 +1,48 @@
+const e = {
+  name: "en",
+  el: {
+    table: {
+      refresh: "Refresh"
+    },
+    skeleton: {
+      loadingDescription: "Loading data...",
+      emptyDescription: "No data",
+      emptyBtnText: "Refresh",
+      errorTitle: "Oops! Something went wrong.",
+      errorBtnText: "Refresh"
+    },
+    fileUpload: {
+      btnText: "Upload"
+    },
+    imageUpload: {
+      compressText: "Compress image"
+    },
+    tags: {
+      addText: "Add"
+    },
+    schemaForm: {
+      ElInput: {
+        placeholder: "Please enter"
+      },
+      ElSelect: {
+        placeholder: "Please select"
+      },
+      ElDatePicker: {
+        placeholder: "Please select",
+        startPlaceholder: "Start date",
+        endPlaceholder: "End date"
+      }
+    },
+    schemaFilter: {
+      searchText: "Search",
+      resetText: "Reset"
+    },
+    schemaFormDialog: {
+      cancelText: "Cancel",
+      confirmText: "Confirm"
+    }
+  }
+};
+export {
+  e as default
+};

package/dist/locale/lang/zh-cn.d.ts

@@ -3,7 +3,6 @@ declare const _default: {
     el: {
         table: {
             refresh: string;
-            description: string;
         };
         skeleton: {
             loadingDescription: string;

package/dist/locale/lang/zh-cn.js

@@ -2,8 +2,7 @@ const e = {
   name: "zh-cn",
   el: {
     table: {
-      refresh: "刷新",
-      description: "当前颜色 {color}，按 Enter 键选择新颜色"
+      refresh: "刷新"
     },
     skeleton: {
       loadingDescription: "正在加载数据...",

package/dist/locale/useLocale.d.ts

@@ -7,7 +7,6 @@ export declare function useLocale(): {
         el: {
             table: {
                 refresh: string;
-                description: string;
             };
             skeleton: {
                 loadingDescription: string;

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

@@ -2,30 +2,27 @@ import p from "@daysnap/banana";
 import { isFunction as v } from "@daysnap/utils";
 import { useAsyncTask as d } from "@vrojs/use";
 import { reactive as g, ref as h } from "vue";
-function V(t, e, n = {}) {
-  const { instanceRef: i, source: a, ...s } = n, o = g(v(t) ? t() : t), r = i ?? h(), { loading: c, trigger: m, error: u, data: f } = d(
-    async () => {
-      if (!r.value)
-        return;
-      try {
-        await r.value.validate();
-      } catch {
-        throw "";
-      }
-      const l = await r.value.extractValues();
-      await e?.(l);
-    },
-    { throwError: !0, ...s }
-  );
+function x(r, e, n = {}) {
+  const { instanceRef: i, source: a, ...s } = n, o = g(v(r) ? r() : r), t = i ?? h(), { loading: c, trigger: m, error: u, data: f } = d(async () => {
+    if (!t.value)
+      return;
+    try {
+      await t.value.validate();
+    } catch {
+      throw "";
+    }
+    const l = await t.value.extractValues();
+    await e?.(l);
+  }, s);
   return a && p.assignment(a, o), {
     data: f,
     error: u,
     schema: o,
-    refVroElSchemaForm: r,
+    refVroElSchemaForm: t,
     loading: c,
     trigger: m
   };
 }
 export {
-  V as useVroElSchemaForm
+  x as useVroElSchemaForm
 };

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

@@ -1,112 +1,114 @@
-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 { 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 p, 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 C = x, l = D, y = S(() => ({
+  setup($, { expose: x, emit: y }) {
+    const C = y, s = $, K = I(() => ({
       validateOnRuleChange: !1,
-      ...l.formProps
-    })), { locale: K } = ee(), i = F({}), V = F({}), d = F({});
+      ...s.formProps
+    })), { locale: L } = ee(), V = F({}), b = F({}), h = F({});
     A(() => {
-      const { schema: e } = l;
-      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 { 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(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 w = {};
-          R(o) && (w = K.value.el.schemaForm[o]), o === "ElDatePicker" && (a.valueFormat = re[a?.type ?? "date"]), o = g.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(
             {},
-            g.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) => {
-      C("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) => {
-      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)) ?? [];
+      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()));
-    }, M = async () => {
-      const e = v.value?.filter((r) => p(r.extractValues)) ?? [], t = await Promise.all(
+    }, 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 = v.value?.filter((r) => p(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 f.value;
       },
       validate: U,
       resetFields: () => f.value?.resetFields(),
-      trigger: N,
-      extractValues: M,
+      trigger: q,
+      extractValues: N,
       validateField: async (e) => f.value?.validateField(e)
-    }), (e, t) => (h(), P(u(X), m(y.value, {
+    }), (e, t) => (g(), P(u(X), c(K.value, {
       ref_key: "refForm",
       ref: f,
       class: "vro-el-schema-form",
-      model: V.value,
-      rules: i.value
+      model: b.value,
+      rules: V.value
     }), {
-      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({
+      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(() => [
-                    (h(), P(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: 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 }))
+                      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
                 }, [
-                  _(u(j)(r.itemSlots), ({ source: o, target: s }) => ({
-                    name: s,
-                    fn: c((n) => [
-                      E(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"])
@@ -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.4",
+  "version": "0.0.6",
   "description": "vrojs ui",
   "type": "module",
   "main": "dist/index.js",
@@ -10,8 +10,9 @@
     "dist"
   ],
   "sideEffects": [
-    "dist/**/style/*",
-    "dist/**/*.css"
+    "src/**/style/*",
+    "src/**/*.css",
+    "src/**/*.scss"
   ],
   "keywords": [
     "vro",
@@ -24,7 +25,11 @@
   "license": "MIT",
   "publishConfig": {
     "access": "public",
-    "registry": "https://registry.npmjs.org/"
+    "registry": "https://registry.npmjs.org/",
+    "sideEffects": [
+      "dist/**/style/*",
+      "dist/**/*.css"
+    ]
   },
   "dependencies": {
     "copy-to-clipboard": "^3.3.3",