@silver-formily/element-plus 0.0.1-beta.0 → 1.0.1

package/esm/radio/index.mjs

@@ -0,0 +1,80 @@
+import { connect as T, mapProps as B } from "@formily/vue";
+import { ElRadioButton as G, ElRadio as b, ElRadioGroup as O, version as x } from "element-plus";
+import { defineComponent as C, computed as s, useSlots as L, createBlock as u, openBlock as a, unref as d, withCtx as l, createElementBlock as f, Fragment as c, renderList as v, resolveDynamicComponent as y, mergeProps as _, createTextVNode as h, toDisplayString as j, renderSlot as w } from "vue";
+import "@formily/reactive";
+import { mapReadPretty as A } from "../__builtins__/shared/transform-component.mjs";
+import { composeExport as D } from "../__builtins__/shared/utils.mjs";
+import { PreviewText as F } from "../preview-text/index.mjs";
+import { isPlainObj as N } from "@formily/shared";
+import { lt as V } from "../__builtins__/shared/simple-version-compare.mjs";
+import "@formily/core";
+import "@formily/reactive-vue";
+import '../styles/radio/index.css';const H = /* @__PURE__ */ C({
+  name: "FRadioGroup",
+  __name: "radio-group",
+  props: {
+    value: {
+      default: void 0
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    optionType: {
+      type: String,
+      default: "default"
+    }
+  },
+  emits: ["change"],
+  setup(S, { emit: g }) {
+    const o = S, R = g, p = s(() => o.optionType === "button" ? G : b), k = V(x, "2.6.0");
+    function i(e) {
+      return N(e);
+    }
+    function P(e, r) {
+      return i(o.options[r]) ? o.options[r].label : e.label;
+    }
+    const m = s(() => o.options.map((e) => {
+      if (!i(e))
+        return {
+          label: e,
+          value: e
+        };
+      /* istanbul ignore if -- @preserve */
+      return k ? {
+        ...e,
+        label: e.value
+      } : e;
+    })), E = L();
+    return (e, r) => (a(), u(d(O), {
+      "model-value": o.value,
+      "onUpdate:modelValue": r[0] || (r[0] = (t) => R("change", t))
+    }, {
+      default: l(() => [
+        d(E).option ? (a(!0), f(c, { key: 1 }, v(m.value, (t, n) => (a(), u(y(p.value), _({ key: n }, { ref_for: !0 }, t), {
+          default: l(() => [
+            w(e.$slots, "option", { option: t })
+          ]),
+          _: 2
+        }, 1040))), 128)) : (a(!0), f(c, { key: 0 }, v(m.value, (t, n) => (a(), u(y(p.value), _({ key: n }, { ref_for: !0 }, t), {
+          default: l(() => [
+            h(j(P(t, n)), 1)
+          ]),
+          _: 2
+        }, 1040))), 128))
+      ]),
+      _: 3
+    }, 8, ["model-value"]));
+  }
+}), I = T(
+  H,
+  B({ dataSource: "options", disabled: !0 }),
+  A(F.Select)
+), Z = D(b, {
+  Group: I
+});
+export {
+  Z as Radio,
+  Z as default
+};
+//# sourceMappingURL=index.mjs.map

package/esm/radio/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/radio/radio-group.vue","../../src/radio/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RadioProps } from 'element-plus'\nimport type { PropType } from 'vue'\nimport { isPlainObj } from '@formily/shared'\nimport { ElRadio, ElRadioButton, ElRadioGroup, version } from 'element-plus'\nimport { computed, useSlots } from 'vue'\nimport { lt } from '../__builtins__'\n\ndefineOptions({\n  name: 'FRadioGroup',\n})\n\nconst props = defineProps({\n  value: {\n    default: undefined,\n  },\n  options: {\n    type: Array as PropType<Array<RadioProps | string | number>>,\n    default: () => [],\n  },\n  optionType: {\n    type: String as PropType<'default' | 'button'>,\n    default: 'default',\n  },\n})\n\nconst emits = defineEmits(['change'])\nconst OptionType = computed(() => {\n  return props.optionType === 'button' ? ElRadioButton : ElRadio\n})\nconst IS_LESS_THAN_2_6_0 = lt(version, '2.6.0')\n\nfunction isRadioPropsObject(option: any): option is RadioProps {\n  return isPlainObj(option)\n}\n\nfunction getOptionLabel(option: any, index: number) {\n  if (isRadioPropsObject(props.options[index])) {\n    return props.options[index].label\n  }\n  return option.label\n}\n\nconst compatiableProps = computed(() => {\n  return props.options.map((option) => {\n    if (!isRadioPropsObject(option)) {\n      return {\n        label: option,\n        value: option,\n      }\n    }\n    /* istanbul ignore if -- @preserve */\n    if (IS_LESS_THAN_2_6_0) {\n      return {\n        ...option,\n        label: option.value,\n      }\n    }\n    return option\n  })\n})\n\nconst slots = useSlots()\n</script>\n\n<template>\n  <ElRadioGroup :model-value=\"props.value\" @update:model-value=\"(value) => emits('change', value)\">\n    <template v-if=\"!slots.option\">\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\n        {{ getOptionLabel(option, index) }}\n      </component>\n    </template>\n    <template v-else>\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\n        <slot name=\"option\" :option=\"option\" />\n      </component>\n    </template>\n  </ElRadioGroup>\n</template>\n","import { connect, mapProps } from '@formily/vue'\nimport { ElRadio } from 'element-plus'\nimport { composeExport, mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport FRadioGroup from './radio-group.vue'\nimport './style.scss'\n\nconst RadioGroup = connect(\n  FRadioGroup,\n  mapProps({ dataSource: 'options', disabled: true }),\n  mapReadPretty(PreviewText.Select),\n)\nexport const Radio = composeExport(ElRadio, {\n  Group: RadioGroup,\n})\n\nexport default Radio\n"],"names":["props","__props","emits","__emit","OptionType","computed","ElRadioButton","ElRadio","IS_LESS_THAN_2_6_0","lt","version","isRadioPropsObject","option","isPlainObj","getOptionLabel","index","compatiableProps","slots","useSlots","_createBlock","_unref","ElRadioGroup","_cache","value","_openBlock","_createElementBlock","_Fragment","_renderList","_resolveDynamicComponent","_mergeProps","_renderSlot","_ctx","RadioGroup","connect","FRadioGroup","mapProps","mapReadPretty","PreviewText","Radio","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAcRC,IAAQC,GACRC,IAAaC,EAAS,MACnBL,EAAM,eAAe,WAAWM,IAAgBC,CACxD,GACKC,IAAqBC,EAAGC,GAAS,OAAO;AAE9C,aAASC,EAAmBC,GAAmC;AAC7D,aAAOC,EAAWD,CAAM;AAAA,IAC1B;AAEA,aAASE,EAAeF,GAAaG,GAAe;AAClD,aAAIJ,EAAmBX,EAAM,QAAQe,CAAK,CAAC,IAClCf,EAAM,QAAQe,CAAK,EAAE,QAEvBH,EAAO;AAAA,IAChB;AAEA,UAAMI,IAAmBX,EAAS,MACzBL,EAAM,QAAQ,IAAI,CAACY,MAAW;AACnC,UAAI,CAACD,EAAmBC,CAAM;AAC5B,eAAO;AAAA,UACL,OAAOA;AAAA,UACP,OAAOA;AAAA,QAAA;AAAA,MAEX;AAEA,aAAIJ,IACK;AAAA,QACL,GAAGI;AAAA,QACH,OAAOA,EAAO;AAAA,MAAA,IAGXA;AAAA,IACT,CAAC,CACF,GAEKK,IAAQC,EAAA;2BAIZC,EAWeC,EAAAC,CAAA,GAAA;AAAA,MAXA,eAAarB,EAAM;AAAA,MAAQ,uBAAkBsB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAUrB,YAAgBqB,CAAK;AAAA,IAAA;iBAC5F,MAIW;AAAA,QAJMH,EAAAH,CAAA,EAAM,UAMrBO,EAAA,EAAA,GAAAC,EAEYC,GAAA,EAAA,KAAA,KAAAC,EAF0CX,EAAA,OAAgB,CAAlCJ,GAAQG,YAA5CI,EAEYS,EAFIxB,OAAU,GAA1ByB,EAEY,EAF6D,KAAKd,KAAK,EAAA,SAAA,GAAA,GAAUH,CAAM,GAAA;AAAA,qBACjG,MAAuC;AAAA,YAAvCkB,EAAuCC,EAAA,QAAA,UAAA,EAAlB,QAAAnB,GAAc;AAAA,UAAA;;6BANrCY,EAAA,EAAA,GAAAC,EAEYC,GAAA,EAAA,KAAA,KAAAC,EAF0CX,EAAA,OAAgB,CAAlCJ,GAAQG,YAA5CI,EAEYS,EAFIxB,OAAU,GAA1ByB,EAEY,EAF6D,KAAKd,KAAK,EAAA,SAAA,GAAA,GAAUH,CAAM,GAAA;AAAA,qBACjG,MAAmC;AAAA,gBAAhCE,EAAeF,GAAQG,CAAK,CAAA,GAAA,CAAA;AAAA,UAAA;;;;;;;IC9DjCiB,IAAaC;AAAA,EACjBC;AAAAA,EACAC,EAAS,EAAE,YAAY,WAAW,UAAU,IAAM;AAAA,EAClDC,EAAcC,EAAY,MAAM;AAClC,GACaC,IAAQC,EAAchC,GAAS;AAAA,EAC1C,OAAOyB;AACT,CAAC;"}

package/esm/radio/radio-group.d.ts

@@ -0,0 +1,44 @@
+import { RadioProps } from 'element-plus';
+import { PropType } from 'vue';
+declare function __VLS_template(): any;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        default: any;
+    };
+    options: {
+        type: PropType<Array<RadioProps | string | number>>;
+        default: () => any[];
+    };
+    optionType: {
+        type: PropType<"default" | "button">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        default: any;
+    };
+    options: {
+        type: PropType<Array<RadioProps | string | number>>;
+        default: () => any[];
+    };
+    optionType: {
+        type: PropType<"default" | "button">;
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: (...args: any[]) => any;
+}>, {
+    value: any;
+    options: (string | number | RadioProps)[];
+    optionType: "button" | "default";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/esm/reset/index.d.ts

@@ -0,0 +1,63 @@
+export declare const Reset: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        onClick: import('vue').PropType<(e: MouseEvent) => void | boolean>;
+        forceClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        validate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onResetValidateSuccess: import('vue').PropType<(payload: any) => void>;
+        onResetValidateFailed: import('vue').PropType<(error: any) => void>;
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        validate: boolean;
+        forceClear: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        onClick: import('vue').PropType<(e: MouseEvent) => void | boolean>;
+        forceClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        validate: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onResetValidateSuccess: import('vue').PropType<(payload: any) => void>;
+        onResetValidateFailed: import('vue').PropType<(error: any) => void>;
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        validate: boolean;
+        forceClear: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    onClick: import('vue').PropType<(e: MouseEvent) => void | boolean>;
+    forceClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onResetValidateSuccess: import('vue').PropType<(payload: any) => void>;
+    onResetValidateFailed: import('vue').PropType<(error: any) => void>;
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    validate: boolean;
+    forceClear: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+});
+export default Reset;

package/esm/reset/index.mjs

@@ -0,0 +1,44 @@
+import { observer as s } from "@formily/reactive-vue";
+import { defineComponent as c, createBlock as i, openBlock as f, unref as u, mergeProps as d, withCtx as m, renderSlot as p } from "vue";
+import { useParentForm as C } from "@formily/vue";
+import { ElButton as k } from "element-plus";
+const F = /* @__PURE__ */ c({
+  name: "FReset",
+  inheritAttrs: !1,
+  __name: "reset",
+  props: {
+    onClick: Function,
+    forceClear: {
+      type: Boolean,
+      default: !1
+    },
+    validate: {
+      type: Boolean,
+      default: !1
+    },
+    onResetValidateSuccess: Function,
+    onResetValidateFailed: Function
+  },
+  setup(a) {
+    const e = a, n = C();
+    function r(t) {
+      if (e.onClick && e.onClick?.(t) === !1)
+        return;
+      const o = n?.value;
+      o?.reset("*", {
+        forceClear: e.forceClear
+      }), e.validate && o?.validate().then(e.onResetValidateSuccess).catch((l) => e.onResetValidateFailed?.(l));
+    }
+    return (t, o) => (f(), i(u(k), d(t.$attrs, { onClick: r }), {
+      default: m(() => [
+        p(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), _ = s(F);
+export {
+  _ as Reset,
+  _ as default
+};
+//# sourceMappingURL=index.mjs.map

package/esm/reset/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/reset/reset.vue","../../src/reset/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PropType } from 'vue'\nimport { useParentForm } from '@formily/vue'\nimport { ElButton } from 'element-plus'\n\ndefineOptions({\n  name: 'FReset',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  onClick: Function as PropType<(e: MouseEvent) => void | boolean>,\n  forceClear: {\n    type: Boolean,\n    default: false,\n  },\n  validate: {\n    type: Boolean,\n    default: false,\n  },\n  onResetValidateSuccess: Function as PropType<(payload: any) => void>,\n  onResetValidateFailed: Function as PropType<(error: any) => void>,\n})\n\nconst formRef = useParentForm()\n\nfunction handleClick(e: MouseEvent) {\n  if (props.onClick && (props.onClick)?.(e) === false)\n    return\n\n  const form = formRef?.value\n  form?.reset('*', {\n    forceClear: props.forceClear,\n  })\n  props.validate && form?.validate()\n    .then(props.onResetValidateSuccess)\n    .catch(error => props.onResetValidateFailed?.(error))\n}\n</script>\n\n<template>\n  <ElButton v-bind=\"$attrs\" @click=\"handleClick\">\n    <slot />\n  </ElButton>\n</template>\n","import { observer } from '@formily/reactive-vue'\nimport FReset from './reset.vue'\n\nexport const Reset = observer(FReset)\n\nexport default Reset\n"],"names":["props","__props","formRef","useParentForm","handleClick","e","form","error","_openBlock","_createBlock","_unref","_mergeProps","_ctx","_renderSlot","Reset","observer","FReset"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,GAcRC,IAAUC,EAAA;AAEhB,aAASC,EAAYC,GAAe;AAClC,UAAIL,EAAM,WAAYA,EAAM,UAAWK,CAAC,MAAM;AAC5C;AAEF,YAAMC,IAAOJ,GAAS;AACtB,MAAAI,GAAM,MAAM,KAAK;AAAA,QACf,YAAYN,EAAM;AAAA,MAAA,CACnB,GACDA,EAAM,YAAYM,GAAM,SAAA,EACrB,KAAKN,EAAM,sBAAsB,EACjC,MAAM,CAAAO,MAASP,EAAM,wBAAwBO,CAAK,CAAC;AAAA,IACxD;sBAIEC,EAAA,GAAAC,EAEWC,MAFXC,EAEWC,UAFa,EAAG,SAAOR,EAAA,CAAW,GAAA;AAAA,iBAC3C,MAAQ;AAAA,QAARS,EAAQD,EAAA,QAAA,SAAA;AAAA,MAAA;;;;ICvCCE,IAAQC,EAASC,CAAM;"}

package/esm/reset/reset.d.ts

@@ -0,0 +1,45 @@
+import { PropType } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onClick: PropType<(e: MouseEvent) => void | boolean>;
+    forceClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onResetValidateSuccess: PropType<(payload: any) => void>;
+    onResetValidateFailed: PropType<(error: any) => void>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onClick: PropType<(e: MouseEvent) => void | boolean>;
+    forceClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onResetValidateSuccess: PropType<(payload: any) => void>;
+    onResetValidateFailed: PropType<(error: any) => void>;
+}>> & Readonly<{}>, {
+    validate: boolean;
+    forceClear: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/esm/select/index.d.ts

@@ -0,0 +1,142 @@
+export declare const Select: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        value?: any;
+        options?: Array<(Partial<{
+            disabled: boolean;
+            created: boolean;
+        }> & Omit<{
+            readonly value: import('element-plus/es/utils/index.mjs').EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+            readonly disabled: boolean;
+            readonly created: boolean;
+            readonly label?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "created">) | (Partial<{
+            disabled: boolean;
+        }> & Omit<{
+            readonly disabled: boolean;
+            readonly label?: string;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled"> & {
+            options: (Partial<{
+                disabled: boolean;
+                created: boolean;
+            }> & Omit<{
+                readonly value: import('element-plus/es/utils/index.mjs').EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+                readonly disabled: boolean;
+                readonly created: boolean;
+                readonly label?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "created">)[];
+        })>;
+    }> & Readonly<{
+        onChange?: (value: any) => any;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        change: (value: any) => any;
+    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        value?: any;
+        options?: Array<(Partial<{
+            disabled: boolean;
+            created: boolean;
+        }> & Omit<{
+            readonly value: import('element-plus/es/utils/index.mjs').EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+            readonly disabled: boolean;
+            readonly created: boolean;
+            readonly label?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "created">) | (Partial<{
+            disabled: boolean;
+        }> & Omit<{
+            readonly disabled: boolean;
+            readonly label?: string;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled"> & {
+            options: (Partial<{
+                disabled: boolean;
+                created: boolean;
+            }> & Omit<{
+                readonly value: import('element-plus/es/utils/index.mjs').EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+                readonly disabled: boolean;
+                readonly created: boolean;
+                readonly label?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "created">)[];
+        })>;
+    }> & Readonly<{
+        onChange?: (value: any) => any;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    value?: any;
+    options?: Array<(Partial<{
+        disabled: boolean;
+        created: boolean;
+    }> & Omit<{
+        readonly value: import('element-plus/es/utils/index.mjs').EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+        readonly disabled: boolean;
+        readonly created: boolean;
+        readonly label?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "created">) | (Partial<{
+        disabled: boolean;
+    }> & Omit<{
+        readonly disabled: boolean;
+        readonly label?: string;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled"> & {
+        options: (Partial<{
+            disabled: boolean;
+            created: boolean;
+        }> & Omit<{
+            readonly value: import('element-plus/es/utils/index.mjs').EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+            readonly disabled: boolean;
+            readonly created: boolean;
+            readonly label?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "created">)[];
+    })>;
+}> & Readonly<{
+    onChange?: (value: any) => any;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: any) => any;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Readonly<{
+        option?: (props: {
+            option: Partial<{
+                disabled: boolean;
+                created: boolean;
+            }> & Omit<{
+                readonly value: import('element-plus/es/utils/index.mjs').EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+                readonly disabled: boolean;
+                readonly created: boolean;
+                readonly label?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "created">;
+        }) => any;
+        header?: () => any;
+        footer?: () => any;
+        prefix?: () => any;
+        empty?: () => any;
+        tag?: () => any;
+        loading?: () => any;
+        label?: () => any;
+    }> & {
+        option?: (props: {
+            option: Partial<{
+                disabled: boolean;
+                created: boolean;
+            }> & Omit<{
+                readonly value: import('element-plus/es/utils/index.mjs').EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+                readonly disabled: boolean;
+                readonly created: boolean;
+                readonly label?: import('element-plus/es/utils/index.mjs').EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "created">;
+        }) => any;
+        header?: () => any;
+        footer?: () => any;
+        prefix?: () => any;
+        empty?: () => any;
+        tag?: () => any;
+        loading?: () => any;
+        label?: () => any;
+    };
+});
+export default Select;

package/esm/select/index.mjs

@@ -0,0 +1,132 @@
+import { useField as P, connect as C, mapProps as E } from "@formily/vue";
+import { defineComponent as K, useSlots as B, createBlock as m, openBlock as a, unref as e, mergeProps as u, createSlots as F, withCtx as l, createElementBlock as p, Fragment as d, renderList as c, renderSlot as n, createCommentVNode as k } from "vue";
+import { ElSelect as w, ElOptionGroup as A, ElOption as g } from "element-plus";
+import "@formily/reactive";
+import { mapReadPretty as G } from "../__builtins__/shared/transform-component.mjs";
+import { PreviewText as O } from "../preview-text/index.mjs";
+import "@formily/core";
+import "@formily/reactive-vue";
+import { useCleanAttrs as R } from "../__builtins__/shared/utils.mjs";
+import { o as V } from "../vendor/lodash.mjs";
+const _ = /* @__PURE__ */ K({
+  name: "FSelect",
+  inheritAttrs: !1,
+  __name: "select",
+  props: {
+    value: null,
+    options: null
+  },
+  emits: ["change"],
+  setup($, { emit: S }) {
+    const y = $, b = S, r = B(), { props: i } = R(), f = P();
+    function h(t) {
+      return t.options !== void 0;
+    }
+    return (t, v) => (a(), m(e(w), u(e(i), {
+      "model-value": y.value,
+      "onUpdate:modelValue": v[0] || (v[0] = (o) => b("change", o))
+    }), F({
+      default: l(() => [
+        (a(!0), p(d, null, c(y.options, (o) => (a(), p(d, null, [
+          h(o) ? (a(), m(e(A), u({
+            key: 0,
+            ref_for: !0
+          }, e(V)(o, "options"), {
+            key: o.label
+          }), {
+            default: l(() => [
+              (a(!0), p(d, null, c(o.options, (s) => (a(), m(e(g), u({
+                key: e(i).valueKey ? s[e(i).valueKey] : s.label
+              }, { ref_for: !0 }, s), {
+                default: l(() => [
+                  r.option ? n(t.$slots, "option", {
+                    key: 0,
+                    option: s
+                  }) : k("", !0)
+                ]),
+                _: 2
+              }, 1040))), 128))
+            ]),
+            _: 2
+          }, 1040)) : (a(), m(e(g), u({
+            key: 1,
+            ref_for: !0
+          }, o, {
+            key: e(i).valueKey ? o[e(i).valueKey] : o.label
+          }), {
+            default: l(() => [
+              r.option ? n(t.$slots, "option", {
+                key: 0,
+                option: o
+              }) : k("", !0)
+            ]),
+            _: 2
+          }, 1040))
+        ], 64))), 256))
+      ]),
+      _: 2
+    }, [
+      r.header ? {
+        name: "header",
+        fn: l(() => [
+          n(t.$slots, "header", { field: e(f) })
+        ]),
+        key: "0"
+      } : void 0,
+      r.footer ? {
+        name: "footer",
+        fn: l(() => [
+          n(t.$slots, "footer", { field: e(f) })
+        ]),
+        key: "1"
+      } : void 0,
+      r.prefix ? {
+        name: "prefix",
+        fn: l(() => [
+          n(t.$slots, "prefix")
+        ]),
+        key: "2"
+      } : void 0,
+      r.empty ? {
+        name: "empty",
+        fn: l(() => [
+          n(t.$slots, "empty")
+        ]),
+        key: "3"
+      } : void 0,
+      r.tag ? {
+        name: "tag",
+        fn: l(() => [
+          n(t.$slots, "tag", { field: e(f) })
+        ]),
+        key: "4"
+      } : void 0,
+      r.loading ? {
+        name: "loading",
+        fn: l(() => [
+          n(t.$slots, "loading")
+        ]),
+        key: "5"
+      } : void 0,
+      r.label ? {
+        name: "label",
+        fn: l(({ label: o, value: s }) => [
+          n(t.$slots, "label", {
+            label: o,
+            value: s
+          })
+        ]),
+        key: "6"
+      } : void 0
+    ]), 1040, ["model-value"]));
+  }
+}), J = C(
+  _,
+  E({ dataSource: "options", loading: !0, disabled: !0 }),
+  G(O.Select)
+);
+export {
+  J as Select,
+  J as default
+};
+//# sourceMappingURL=index.mjs.map

package/esm/select/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/select/select.vue","../../src/select/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useField } from '@formily/vue'\nimport { ElOption, ElOptionGroup, ElSelect } from 'element-plus'\nimport { omit } from 'lodash-es'\nimport { useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FSelect',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  value: null,\n  options: null\n})\n\nconst emit = defineEmits([\"change\"])\n\nconst slots = defineSlots<{\n  option?: (props: { option: OptionType }) => any\n  header?: () => any\n  footer?: () => any\n  prefix?: () => any\n  empty?: () => any\n  tag?: () => any\n  loading?: () => any\n  label?: () => any\n}>()\n\ntype OptionType = InstanceType<typeof ElOption>['$props']\ntype OptionGroupType = InstanceType<typeof ElOptionGroup>['$props'] & {\n  options: OptionType[]\n}\n\nconst { props: selectProps } = useCleanAttrs()\n\nconst fieldRef = useField()\n\nfunction isGroup(option: OptionType | OptionGroupType): option is OptionGroupType {\n  return (option as OptionGroupType).options !== undefined\n}\n</script>\n\n<template>\n  <ElSelect v-bind=\"selectProps\" :model-value=\"props.value\" @update:model-value=\"(val) => emit('change', val)\">\n    <template v-for=\"option of props.options\">\n      <template v-if=\"isGroup(option)\">\n        <ElOptionGroup v-bind=\"omit(option, 'options')\" :key=\"option.label\">\n          <ElOption v-for=\"i of option.options\" :key=\"selectProps.valueKey ? i[selectProps.valueKey] : i.label\" v-bind=\"i\">\n            <slot v-if=\"slots.option\" name=\"option\" :option=\"i\" />\n          </ElOption>\n        </ElOptionGroup>\n      </template>\n      <ElOption v-else v-bind=\"option\" :key=\"selectProps.valueKey ? option[selectProps.valueKey] : option.label\">\n        <slot v-if=\"slots.option\" name=\"option\" :option=\"option\" />\n      </ElOption>\n    </template>\n    <template v-if=\"slots.header\" #header>\n      <slot name=\"header\" :field=\"fieldRef\" />\n    </template>\n    <template v-if=\"slots.footer\" #footer>\n      <slot name=\"footer\" :field=\"fieldRef\" />\n    </template>\n    <template v-if=\"slots.prefix\" #prefix>\n      <slot name=\"prefix\" />\n    </template>\n    <template v-if=\"slots.empty\" #empty>\n      <slot name=\"empty\" />\n    </template>\n    <template v-if=\"slots.tag\" #tag>\n      <slot name=\"tag\" :field=\"fieldRef\" />\n    </template>\n    <template v-if=\"slots.loading\" #loading>\n      <slot name=\"loading\" />\n    </template>\n    <template v-if=\"slots.label\" #label=\"{ label, value: labelValue }\">\n      <slot name=\"label\" :label=\"label\" :value=\"labelValue\" />\n    </template>\n  </ElSelect>\n</template>\n","import { connect, mapProps } from '@formily/vue'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport FSelect from './select.vue'\n\nexport const Select = connect(\n  FSelect,\n  mapProps({ dataSource: 'options', loading: true, disabled: true }),\n  mapReadPretty(PreviewText.Select),\n)\n\nexport default Select\n"],"names":["props","__props","emit","__emit","slots","_useSlots","selectProps","useCleanAttrs","fieldRef","useField","isGroup","option","_createBlock","_unref","ElSelect","_mergeProps","_cache","val","_openBlock","_createElementBlock","_Fragment","_renderList","omit","i","_renderSlot","_ctx","label","labelValue","Select","connect","FSelect","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;;;;;;;;;;;;;;;;;AAWA,UAAMA,IAAQC,GAKRC,IAAOC,GAEPC,IAAQC,EAAA,GAgBR,EAAE,OAAOC,EAAA,IAAgBC,EAAA,GAEzBC,IAAWC,EAAA;AAEjB,aAASC,EAAQC,GAAiE;AAChF,aAAQA,EAA2B,YAAY;AAAA,IACjD;2BAIEC,EAkCWC,EAAAC,CAAA,GAlCXC,EAkCWF,EAAAP,CAAA,GAlCkB;AAAA,MAAG,eAAaN,EAAM;AAAA,MAAQ,uBAAkBgB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAQf,YAAee,CAAG;AAAA,IAAA;iBAC9F,MAA+B;AAAA,SAAzCC,EAAA,EAAA,GAAAC,EAWWC,GAAA,MAAAC,EAXgBrB,EAAM,UAAhBW;UACCD,EAAQC,CAAM,KAC5BO,EAAA,GAAAN,EAIgBC,MAJhBE,EAIgB;AAAA;;aAJOF,EAAAS,CAAA,EAAKX,GAAM,SAAA,GAAA;AAAA,YAAe,KAAKA,EAAO;AAAA,UAAA;uBACjD,MAA2B;AAAA,eAArCO,EAAA,EAAA,GAAAC,EAEWC,GAAA,MAAAC,EAFWV,EAAO,UAAZY,OAAjBL,KAAAN,EAEWC,MAFXE,EAEW;AAAA,gBAF4B,KAAKF,EAAAP,CAAA,EAAY,WAAWiB,EAAEV,EAAAP,CAAA,EAAY,QAAQ,IAAIiB,EAAE;AAAA,cAAA,oBAAeA,CAAC,GAAA;AAAA,2BAE/C,MACtE;AAAA,kBAFoBnB,EAAM,SAAlBoB,EAAsDC,EAAA,QAAA,UAAA;AAAA;oBAAb,QAAQF;AAAA,kBAAA;;;;;;uBAIvDL,EAAA,GAAAN,EAEWC,MAFXE,EAEW;AAAA;;aAFcJ,GAAM;AAAA,YAAG,KAAKE,EAAAP,CAAA,EAAY,WAAWK,EAAOE,EAAAP,CAAA,EAAY,QAAQ,IAAIK,EAAO;AAAA,UAAA;uBAE9C,MACvD;AAAA,cAFeP,EAAM,SAAlBoB,EAA2DC,EAAA,QAAA,UAAA;AAAA;gBAAlB,QAAAd;AAAA,cAAA;;;;;;;;MAG7BP,EAAM;cAAS;AAAA,cAC7B,MAAwC;AAAA,UAAxCoB,EAAwCC,EAAA,QAAA,UAAA,EAAnB,OAAOZ,EAAAL,CAAA,EAAA,CAAQ;AAAA,QAAA;;;MAEtBJ,EAAM;cAAS;AAAA,cAC7B,MAAwC;AAAA,UAAxCoB,EAAwCC,EAAA,QAAA,UAAA,EAAnB,OAAOZ,EAAAL,CAAA,EAAA,CAAQ;AAAA,QAAA;;;MAEtBJ,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtBoB,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAERrB,EAAM;cAAQ;AAAA,cAC5B,MAAqB;AAAA,UAArBoB,EAAqBC,EAAA,QAAA,OAAA;AAAA,QAAA;;;MAEPrB,EAAM;cAAM;AAAA,cAC1B,MAAqC;AAAA,UAArCoB,EAAqCC,EAAA,QAAA,OAAA,EAAnB,OAAOZ,EAAAL,CAAA,EAAA,CAAQ;AAAA,QAAA;;;MAEnBJ,EAAM;cAAU;AAAA,cAC9B,MAAuB;AAAA,UAAvBoB,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAAA;;;MAETrB,EAAM;cAAQ;AAAA,cAC5B,CAAwD,EADnB,OAAAsB,GAAK,OAASC,QAAU;AAAA,UAC7DH,EAAwDC,EAAA,QAAA,SAAA;AAAA,YAApC,OAAAC;AAAA,YAAe,OAAOC;AAAA,UAAA;;;;;;ICvEnCC,IAASC;AAAA,EACpBC;AAAAA,EACAC,EAAS,EAAE,YAAY,WAAW,SAAS,IAAM,UAAU,IAAM;AAAA,EACjEC,EAAcC,EAAY,MAAM;AAClC;"}

package/esm/select/select.d.ts

@@ -0,0 +1,50 @@
+import { ElOption, ElOptionGroup } from 'element-plus';
+type __VLS_Props = {
+    value?: any;
+    options?: Array<OptionType | OptionGroupType>;
+};
+type OptionType = InstanceType<typeof ElOption>['$props'];
+type OptionGroupType = InstanceType<typeof ElOptionGroup>['$props'] & {
+    options: OptionType[];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        option?: (props: {
+            option: OptionType;
+        }) => any;
+        header?: () => any;
+        footer?: () => any;
+        prefix?: () => any;
+        empty?: () => any;
+        tag?: () => any;
+        loading?: () => any;
+        label?: () => any;
+    }> & {
+        option?: (props: {
+            option: OptionType;
+        }) => any;
+        header?: () => any;
+        footer?: () => any;
+        prefix?: () => any;
+        empty?: () => any;
+        tag?: () => any;
+        loading?: () => any;
+        label?: () => any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: (value: any) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};