@silver-formily/element-plus 2.1.0 → 2.3.0

package/esm/autocomplete/index.mjs

@@ -0,0 +1,110 @@
+import { useField as S, connect as $, mapProps as P } from "@silver-formily/vue";
+import { PreviewText as A } from "../preview-text/index.mjs";
+import { defineComponent as R, useSlots as w, ref as C, computed as d, createBlock as F, openBlock as x, unref as u, mergeProps as z, createSlots as B, withCtx as n, renderSlot as r, normalizeProps as E, guardReactiveProps as K } from "vue";
+import { ElAutocomplete as L } from "element-plus";
+import { useCleanAttrs as O } from "../__builtins__/shared/utils.mjs";
+import { mapReadPretty as b } from "../__builtins__/shared/transform-component.mjs";
+const j = /* @__PURE__ */ R({
+  name: "FAutocomplete",
+  inheritAttrs: !1,
+  __name: "autocomplete",
+  props: {
+    options: {}
+  },
+  setup(m) {
+    const f = m, o = w(), { props: i } = O(), t = S(), p = C();
+    t.value?.inject({
+      getElAutocompleteRef: () => p
+    });
+    const c = d(() => {
+      const e = i.value.fetchSuggestions;
+      if (e)
+        return ((a, s) => e(a, s, t.value));
+      if (f.options)
+        return (a, s) => {
+          t.value.loading = !0;
+          const l = (a ?? "").toLowerCase(), y = i.value.valueKey ?? "value", k = l ? f.options.filter((h) => v(h, y, l)) : f.options;
+          s(k), t.value.loading = !1;
+        };
+    });
+    function v(e, a, s) {
+      const l = e?.[a];
+      return l == null ? !1 : String(l).toLowerCase().includes(s);
+    }
+    const g = d(() => ({
+      ...i.value,
+      loading: i.value.loading ?? t.value?.loading,
+      fetchSuggestions: c.value
+    }));
+    return (e, a) => (x(), F(u(L), z({
+      ref_key: "autocompleteRef",
+      ref: p
+    }, g.value), B({ _: 2 }, [
+      o.default ? {
+        name: "default",
+        fn: n((s) => [
+          r(e.$slots, "default", E(K({ ...s, field: u(t) })))
+        ]),
+        key: "0"
+      } : void 0,
+      o.header ? {
+        name: "header",
+        fn: n(() => [
+          r(e.$slots, "header", { field: u(t) })
+        ]),
+        key: "1"
+      } : void 0,
+      o.footer ? {
+        name: "footer",
+        fn: n(() => [
+          r(e.$slots, "footer", { field: u(t) })
+        ]),
+        key: "2"
+      } : void 0,
+      o.prefix ? {
+        name: "prefix",
+        fn: n(() => [
+          r(e.$slots, "prefix")
+        ]),
+        key: "3"
+      } : void 0,
+      o.suffix ? {
+        name: "suffix",
+        fn: n(() => [
+          r(e.$slots, "suffix")
+        ]),
+        key: "4"
+      } : void 0,
+      o.prepend ? {
+        name: "prepend",
+        fn: n(() => [
+          r(e.$slots, "prepend")
+        ]),
+        key: "5"
+      } : void 0,
+      o.append ? {
+        name: "append",
+        fn: n(() => [
+          r(e.$slots, "append")
+        ]),
+        key: "6"
+      } : void 0,
+      o.loading ? {
+        name: "loading",
+        fn: n(() => [
+          r(e.$slots, "loading")
+        ]),
+        key: "7"
+      } : void 0
+    ]), 1040));
+  }
+}), J = $(
+  j,
+  P({ dataSource: "options", readOnly: "readonly", disabled: !0 }),
+  b(A.Input)
+);
+export {
+  J as Autocomplete,
+  J as default
+};
+//# sourceMappingURL=index.mjs.map

package/esm/autocomplete/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/autocomplete/autocomplete.vue","../../src/autocomplete/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { Field } from '@formily/core'\r\nimport type { AutocompleteInstance } from 'element-plus'\r\nimport type { AutocompleteData, AutocompleteFetchSuggestions } from 'element-plus/es/components/autocomplete'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { ElAutocomplete } from 'element-plus'\r\nimport { computed, ref } from 'vue'\r\nimport { useCleanAttrs } from '../__builtins__'\r\n\r\ndefineOptions({\r\n  name: 'FAutocomplete',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps<{\r\n  options?: AutocompleteData\r\n}>()\r\n\r\nconst slots = defineSlots<{\r\n  default?: (scope: { item: AutocompleteData[number], field: Field | undefined }) => any\r\n  header?: (scope: { field: Field | undefined }) => any\r\n  footer?: (scope: { field: Field | undefined }) => any\r\n  loading?: () => any\r\n  prefix?: () => any\r\n  suffix?: () => any\r\n  prepend?: () => any\r\n  append?: () => any\r\n}>()\r\n\r\nconst { props: attrs } = useCleanAttrs()\r\nconst fieldRef = useField<Field>()\r\nconst autocompleteRef = ref<AutocompleteInstance>()\r\n\r\nfieldRef.value?.inject({\r\n  getElAutocompleteRef: () => autocompleteRef,\r\n})\r\n\r\nconst normalizedFetchSuggestions = computed<AutocompleteFetchSuggestions | undefined>(() => {\r\n  const attrFetch = attrs.value.fetchSuggestions as AutocompleteFetchSuggestions | undefined\r\n  if (attrFetch) {\r\n    return ((queryString, cb) => {\r\n      return (attrFetch as (...args: any[]) => any)(queryString, cb, fieldRef.value)\r\n    }) as AutocompleteFetchSuggestions\r\n  }\r\n\r\n  if (!props.options) {\r\n    return\r\n  }\r\n\r\n  return (queryString: string, cb) => {\r\n    fieldRef.value.loading = true\r\n    const keyword = (queryString ?? '').toLowerCase()\r\n    const valueKey = (attrs.value.valueKey ?? 'value') as string\r\n    const results = keyword\r\n      ? props.options!.filter(option => matchOption(option, valueKey, keyword))\r\n      : props.options!\r\n    cb(results)\r\n    fieldRef.value.loading = false\r\n  }\r\n})\r\n\r\nfunction matchOption(option: AutocompleteData[number], valueKey: string, keyword: string) {\r\n  const target = option?.[valueKey]\r\n  if (target === undefined || target === null) {\r\n    return false\r\n  }\r\n  return String(target).toLowerCase().includes(keyword)\r\n}\r\n\r\nconst autocompleteProps = computed(() => ({\r\n  ...attrs.value,\r\n  loading: attrs.value.loading ?? fieldRef.value?.loading,\r\n  fetchSuggestions: normalizedFetchSuggestions.value,\r\n}))\r\n</script>\r\n\r\n<template>\r\n  <ElAutocomplete ref=\"autocompleteRef\" v-bind=\"autocompleteProps\">\r\n    <template v-if=\"slots.default\" #default=\"slotProps\">\r\n      <slot name=\"default\" v-bind=\"{ ...slotProps, field: fieldRef }\" />\r\n    </template>\r\n    <template v-if=\"slots.header\" #header>\r\n      <slot name=\"header\" :field=\"fieldRef\" />\r\n    </template>\r\n    <template v-if=\"slots.footer\" #footer>\r\n      <slot name=\"footer\" :field=\"fieldRef\" />\r\n    </template>\r\n    <template v-if=\"slots.prefix\" #prefix>\r\n      <slot name=\"prefix\" />\r\n    </template>\r\n    <template v-if=\"slots.suffix\" #suffix>\r\n      <slot name=\"suffix\" />\r\n    </template>\r\n    <template v-if=\"slots.prepend\" #prepend>\r\n      <slot name=\"prepend\" />\r\n    </template>\r\n    <template v-if=\"slots.append\" #append>\r\n      <slot name=\"append\" />\r\n    </template>\r\n    <template v-if=\"slots.loading\" #loading>\r\n      <slot name=\"loading\" />\r\n    </template>\r\n  </ElAutocomplete>\r\n</template>\r\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\nimport FAutocomplete from './autocomplete.vue'\r\n\r\nexport const Autocomplete = connect<typeof FAutocomplete>(\r\n  FAutocomplete,\r\n  mapProps({ dataSource: 'options', readOnly: 'readonly', disabled: true }),\r\n  mapReadPretty(PreviewText.Input),\r\n)\r\n\r\nexport default Autocomplete\r\n"],"names":["props","__props","slots","_useSlots","attrs","useCleanAttrs","fieldRef","useField","autocompleteRef","ref","normalizedFetchSuggestions","computed","attrFetch","queryString","cb","keyword","valueKey","results","option","matchOption","target","autocompleteProps","_openBlock","_createBlock","_unref","_mergeProps","_createSlots","_withCtx","slotProps","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","Autocomplete","connect","FAutocomplete","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;;;;;;;;;;;AAcA,UAAMA,IAAQC,GAIRC,IAAQC,EAAA,GAWR,EAAE,OAAOC,EAAA,IAAUC,EAAA,GACnBC,IAAWC,EAAA,GACXC,IAAkBC,EAAA;AAExB,IAAAH,EAAS,OAAO,OAAO;AAAA,MACrB,sBAAsB,MAAME;AAAA,IAAA,CAC7B;AAED,UAAME,IAA6BC,EAAmD,MAAM;AAC1F,YAAMC,IAAYR,EAAM,MAAM;AAC9B,UAAIQ;AACF,gBAAQ,CAACC,GAAaC,MACZF,EAAsCC,GAAaC,GAAIR,EAAS,KAAK;AAIjF,UAAKN,EAAM;AAIX,eAAO,CAACa,GAAqBC,MAAO;AAClC,UAAAR,EAAS,MAAM,UAAU;AACzB,gBAAMS,KAAWF,KAAe,IAAI,YAAA,GAC9BG,IAAYZ,EAAM,MAAM,YAAY,SACpCa,IAAUF,IACZf,EAAM,QAAS,OAAO,CAAAkB,MAAUC,EAAYD,GAAQF,GAAUD,CAAO,CAAC,IACtEf,EAAM;AACV,UAAAc,EAAGG,CAAO,GACVX,EAAS,MAAM,UAAU;AAAA,QAC3B;AAAA,IACF,CAAC;AAED,aAASa,EAAYD,GAAkCF,GAAkBD,GAAiB;AACxF,YAAMK,IAASF,IAASF,CAAQ;AAChC,aAA4BI,KAAW,OAC9B,KAEF,OAAOA,CAAM,EAAE,YAAA,EAAc,SAASL,CAAO;AAAA,IACtD;AAEA,UAAMM,IAAoBV,EAAS,OAAO;AAAA,MACxC,GAAGP,EAAM;AAAA,MACT,SAASA,EAAM,MAAM,WAAWE,EAAS,OAAO;AAAA,MAChD,kBAAkBI,EAA2B;AAAA,IAAA,EAC7C;sBAIAY,KAAAC,EAyBiBC,MAzBjBC,EAyBiB;AAAA,eAzBG;AAAA,MAAJ,KAAIjB;AAAA,IAAA,GAA0Ba,EAAA,KAAiB,GAAAK,EAAA,EAAA,GAAA,KAAA;AAAA,MAC7CxB,EAAM;cAAU;AAAA,QAC9B,IAAAyB,EAAA,CADuCC,MAAS;AAAA,UAChDC,EAAkEC,EAAA,QAAA,WAAAC,EAAAC,EAAA,EAAA,GAAhCJ,GAAS,OAASJ,EAAAlB,CAAA,EAAA,CAAQ,CAAA,CAAA;AAAA,QAAA;;;MAE9CJ,EAAM;cAAS;AAAA,cAC7B,MAAwC;AAAA,UAAxC2B,EAAwCC,EAAA,QAAA,UAAA,EAAnB,OAAON,EAAAlB,CAAA,EAAA,CAAQ;AAAA,QAAA;;;MAEtBJ,EAAM;cAAS;AAAA,cAC7B,MAAwC;AAAA,UAAxC2B,EAAwCC,EAAA,QAAA,UAAA,EAAnB,OAAON,EAAAlB,CAAA,EAAA,CAAQ;AAAA,QAAA;;;MAEtBJ,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtB2B,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAER5B,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtB2B,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAER5B,EAAM;cAAU;AAAA,cAC9B,MAAuB;AAAA,UAAvB2B,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAAA;;;MAET5B,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtB2B,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAER5B,EAAM;cAAU;AAAA,cAC9B,MAAuB;AAAA,UAAvB2B,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;IC/FhBG,IAAeC;AAAA,EAC1BC;AAAAA,EACAC,EAAS,EAAE,YAAY,WAAW,UAAU,YAAY,UAAU,IAAM;AAAA,EACxEC,EAAcC,EAAY,KAAK;AACjC;"}

package/esm/cascader/index.mjs

@@ -1,13 +1,10 @@
 import { connect as i, mapProps as c } from "@silver-formily/vue";
-import { defineComponent as d, createBlock as f, openBlock as l, unref as e, mergeProps as u, createSlots as C, withCtx as t, renderSlot as r } from "vue";
-import { ElCascader as y } from "element-plus";
-import "@formily/reactive";
-import { mapReadPretty as P } from "../__builtins__/shared/transform-component.mjs";
-import { PreviewText as k } from "../preview-text/index.mjs";
-import "@formily/core";
-import "@silver-formily/reactive-vue";
-import { useCleanAttrs as $ } from "../__builtins__/shared/utils.mjs";
-const h = /* @__PURE__ */ d({
+import { PreviewText as d } from "../preview-text/index.mjs";
+import { defineComponent as f, createBlock as l, openBlock as u, unref as o, mergeProps as C, createSlots as y, withCtx as t, renderSlot as r } from "vue";
+import { ElCascader as P } from "element-plus";
+import { useCleanAttrs as k } from "../__builtins__/shared/utils.mjs";
+import { mapReadPretty as $ } from "../__builtins__/shared/transform-component.mjs";
+const h = /* @__PURE__ */ f({
   name: "FCascader",
   inheritAttrs: !1,
   __name: "cascader",
@@ -15,36 +12,36 @@ const h = /* @__PURE__ */ d({
     options: {}
   },
   setup(s) {
-    const a = s, { props: p } = $();
-    return (o, v) => (l(), f(e(y), u(e(p), {
+    const a = s, { props: p } = k();
+    return (e, v) => (u(), l(o(P), C(o(p), {
       options: a.options
-    }), C({ _: 2 }, [
-      o.$slots.default ? {
+    }), y({ _: 2 }, [
+      e.$slots.default ? {
         name: "default",
         fn: t(({ node: n, data: m }) => [
-          r(o.$slots, "default", {
+          r(e.$slots, "default", {
             node: n,
             data: m
           })
         ]),
         key: "0"
       } : void 0,
-      o.$slots.empty ? {
+      e.$slots.empty ? {
         name: "empty",
         fn: t(() => [
-          r(o.$slots, "empty")
+          r(e.$slots, "empty")
         ]),
         key: "1"
       } : void 0
     ]), 1040, ["options"]));
   }
-}), R = i(
+}), g = i(
   h,
   c({ dataSource: "options", disabled: !0 }),
-  P(k.Cascader)
+  $(d.Cascader)
 );
 export {
-  R as Cascader,
-  R as default
+  g as Cascader,
+  g as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/cascader/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/cascader/cascader.vue","../../src/cascader/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CascaderOption } from 'element-plus'\nimport { ElCascader } from 'element-plus'\nimport { useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FCascader',\n  inheritAttrs: false,\n})\n\nconst props = defineProps<{\n  options?: CascaderOption[]\n}>()\n\nconst { props: cascaderProps } = useCleanAttrs()\n</script>\n\n<template>\n  <ElCascader\n    v-bind=\"cascaderProps\"\n    :options=\"props.options\"\n  >\n    <template v-if=\"$slots.default\" #default=\"{ node, data }\">\n      <slot :node=\"node\" :data=\"data\" />\n    </template>\n    <template v-if=\"$slots.empty\" #empty>\n      <slot name=\"empty\" />\n    </template>\n  </ElCascader>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport FCascader from './cascader.vue'\n\nexport const Cascader = connect<typeof FCascader>(\n  FCascader,\n  mapProps({ dataSource: 'options', disabled: true }),\n  mapReadPretty(PreviewText.Cascader),\n)\n\nexport default Cascader\n"],"names":["props","__props","cascaderProps","useCleanAttrs","_createBlock","_unref","ElCascader","_mergeProps","$slots","node","data","_renderSlot","_ctx","Cascader","connect","FCascader","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,GAIR,EAAE,OAAOC,EAAA,IAAkBC,EAAA;2BAI/BC,EAUaC,EAAAC,CAAA,GAVbC,EAUaF,EAAAH,CAAA,GATU;AAAA,MACpB,SAASF,EAAM;AAAA,IAAA;MAEAQ,EAAAA,OAAO;cAAU;AAAA,cAC/B,CAAkC,EADQ,MAAAC,GAAM,MAAAC,QAAI;AAAA,UACpDC,EAAkCC,EAAA,QAAA,WAAA;AAAA,YAA3B,MAAAH;AAAA,YAAa,MAAAC;AAAA,UAAA;;;;MAENF,EAAAA,OAAO;cAAQ;AAAA,cAC7B,MAAqB;AAAA,UAArBG,EAAqBC,EAAA,QAAA,OAAA;AAAA,QAAA;;;;;ICrBdC,IAAWC;AAAA,EACtBC;AAAAA,EACAC,EAAS,EAAE,YAAY,WAAW,UAAU,IAAM;AAAA,EAClDC,EAAcC,EAAY,QAAQ;AACpC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/cascader/cascader.vue","../../src/cascader/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { CascaderOption } from 'element-plus'\r\nimport { ElCascader } from 'element-plus'\r\nimport { useCleanAttrs } from '../__builtins__'\r\n\r\ndefineOptions({\r\n  name: 'FCascader',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps<{\r\n  options?: CascaderOption[]\r\n}>()\r\n\r\nconst { props: cascaderProps } = useCleanAttrs()\r\n</script>\r\n\r\n<template>\r\n  <ElCascader\r\n    v-bind=\"cascaderProps\"\r\n    :options=\"props.options\"\r\n  >\r\n    <template v-if=\"$slots.default\" #default=\"{ node, data }\">\r\n      <slot :node=\"node\" :data=\"data\" />\r\n    </template>\r\n    <template v-if=\"$slots.empty\" #empty>\r\n      <slot name=\"empty\" />\r\n    </template>\r\n  </ElCascader>\r\n</template>\r\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\nimport FCascader from './cascader.vue'\r\n\r\nexport const Cascader = connect<typeof FCascader>(\r\n  FCascader,\r\n  mapProps({ dataSource: 'options', disabled: true }),\r\n  mapReadPretty(PreviewText.Cascader),\r\n)\r\n\r\nexport default Cascader\r\n"],"names":["props","__props","cascaderProps","useCleanAttrs","_createBlock","_unref","ElCascader","_mergeProps","$slots","node","data","_renderSlot","_ctx","Cascader","connect","FCascader","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,GAIR,EAAE,OAAOC,EAAA,IAAkBC,EAAA;2BAI/BC,EAUaC,EAAAC,CAAA,GAVbC,EAUaF,EAAAH,CAAA,GATU;AAAA,MACpB,SAASF,EAAM;AAAA,IAAA;MAEAQ,EAAAA,OAAO;cAAU;AAAA,cAC/B,CAAkC,EADQ,MAAAC,GAAM,MAAAC,QAAI;AAAA,UACpDC,EAAkCC,EAAA,QAAA,WAAA;AAAA,YAA3B,MAAAH;AAAA,YAAa,MAAAC;AAAA,UAAA;;;;MAENF,EAAAA,OAAO;cAAQ;AAAA,cAC7B,MAAqB;AAAA,UAArBG,EAAqBC,EAAA,QAAA,OAAA;AAAA,QAAA;;;;;ICrBdC,IAAWC;AAAA,EACtBC;AAAAA,EACAC,EAAS,EAAE,YAAY,WAAW,UAAU,IAAM;AAAA,EAClDC,EAAcC,EAAY,QAAQ;AACpC;"}

package/esm/checkbox/index.d.ts

@@ -1,9 +1,5 @@
 export declare const Checkbox: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        value: {
-            type: import('vue').PropType<string | number | boolean | object>;
-            default: undefined;
-        };
         size: {
             type: import('vue').PropType<"" | "small" | "default" | "large">;
         };
@@ -11,10 +7,17 @@ export declare const Checkbox: {
             type: import('vue').PropType<string | number | boolean | object>;
             default: undefined;
         };
+        border: {
+            type: import('vue').PropType<boolean>;
+        };
         name: {
             type: import('vue').PropType<string>;
             default: undefined;
         };
+        value: {
+            type: import('vue').PropType<string | number | boolean | object>;
+            default: undefined;
+        };
         disabled: {
             type: import('vue').PropType<boolean>;
             default: undefined;
@@ -37,9 +40,6 @@ export declare const Checkbox: {
             type: import('vue').PropType<boolean>;
             default: true;
         };
-        border: {
-            type: import('vue').PropType<boolean>;
-        };
         ariaControls: {
             type: import('vue').PropType<string>;
         };
@@ -91,10 +91,6 @@ export declare const Checkbox: {
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
-        value: {
-            type: import('vue').PropType<string | number | boolean | object>;
-            default: undefined;
-        };
         size: {
             type: import('vue').PropType<"" | "small" | "default" | "large">;
         };
@@ -102,10 +98,17 @@ export declare const Checkbox: {
             type: import('vue').PropType<string | number | boolean | object>;
             default: undefined;
         };
+        border: {
+            type: import('vue').PropType<boolean>;
+        };
         name: {
             type: import('vue').PropType<string>;
             default: undefined;
         };
+        value: {
+            type: import('vue').PropType<string | number | boolean | object>;
+            default: undefined;
+        };
         disabled: {
             type: import('vue').PropType<boolean>;
             default: undefined;
@@ -128,9 +131,6 @@ export declare const Checkbox: {
             type: import('vue').PropType<boolean>;
             default: true;
         };
-        border: {
-            type: import('vue').PropType<boolean>;
-        };
         ariaControls: {
             type: import('vue').PropType<string>;
         };
@@ -176,10 +176,6 @@ export declare const Checkbox: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    value: {
-        type: import('vue').PropType<string | number | boolean | object>;
-        default: undefined;
-    };
     size: {
         type: import('vue').PropType<"" | "small" | "default" | "large">;
     };
@@ -187,10 +183,17 @@ export declare const Checkbox: {
         type: import('vue').PropType<string | number | boolean | object>;
         default: undefined;
     };
+    border: {
+        type: import('vue').PropType<boolean>;
+    };
     name: {
         type: import('vue').PropType<string>;
         default: undefined;
     };
+    value: {
+        type: import('vue').PropType<string | number | boolean | object>;
+        default: undefined;
+    };
     disabled: {
         type: import('vue').PropType<boolean>;
         default: undefined;
@@ -213,9 +216,6 @@ export declare const Checkbox: {
         type: import('vue').PropType<boolean>;
         default: true;
     };
-    border: {
-        type: import('vue').PropType<boolean>;
-    };
     ariaControls: {
         type: import('vue').PropType<string>;
     };
@@ -266,10 +266,6 @@ export declare const Checkbox: {
 }) & import('vue').ObjectPlugin & {
     CheckboxButton: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-            value: {
-                type: import('vue').PropType<string | number | boolean | object>;
-                default: undefined;
-            };
             size: {
                 type: import('vue').PropType<"" | "small" | "default" | "large">;
             };
@@ -277,10 +273,17 @@ export declare const Checkbox: {
                 type: import('vue').PropType<string | number | boolean | object>;
                 default: undefined;
             };
+            border: {
+                type: import('vue').PropType<boolean>;
+            };
             name: {
                 type: import('vue').PropType<string>;
                 default: undefined;
             };
+            value: {
+                type: import('vue').PropType<string | number | boolean | object>;
+                default: undefined;
+            };
             disabled: {
                 type: import('vue').PropType<boolean>;
                 default: undefined;
@@ -303,9 +306,6 @@ export declare const Checkbox: {
                 type: import('vue').PropType<boolean>;
                 default: true;
             };
-            border: {
-                type: import('vue').PropType<boolean>;
-            };
             ariaControls: {
                 type: import('vue').PropType<string>;
             };
@@ -357,10 +357,6 @@ export declare const Checkbox: {
             M: {};
             Defaults: {};
         }, Readonly<import('vue').ExtractPropTypes<{
-            value: {
-                type: import('vue').PropType<string | number | boolean | object>;
-                default: undefined;
-            };
             size: {
                 type: import('vue').PropType<"" | "small" | "default" | "large">;
             };
@@ -368,10 +364,17 @@ export declare const Checkbox: {
                 type: import('vue').PropType<string | number | boolean | object>;
                 default: undefined;
             };
+            border: {
+                type: import('vue').PropType<boolean>;
+            };
             name: {
                 type: import('vue').PropType<string>;
                 default: undefined;
             };
+            value: {
+                type: import('vue').PropType<string | number | boolean | object>;
+                default: undefined;
+            };
             disabled: {
                 type: import('vue').PropType<boolean>;
                 default: undefined;
@@ -394,9 +397,6 @@ export declare const Checkbox: {
                 type: import('vue').PropType<boolean>;
                 default: true;
             };
-            border: {
-                type: import('vue').PropType<boolean>;
-            };
             ariaControls: {
                 type: import('vue').PropType<string>;
             };
@@ -442,10 +442,6 @@ export declare const Checkbox: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        value: {
-            type: import('vue').PropType<string | number | boolean | object>;
-            default: undefined;
-        };
         size: {
             type: import('vue').PropType<"" | "small" | "default" | "large">;
         };
@@ -453,10 +449,17 @@ export declare const Checkbox: {
             type: import('vue').PropType<string | number | boolean | object>;
             default: undefined;
         };
+        border: {
+            type: import('vue').PropType<boolean>;
+        };
         name: {
             type: import('vue').PropType<string>;
             default: undefined;
         };
+        value: {
+            type: import('vue').PropType<string | number | boolean | object>;
+            default: undefined;
+        };
         disabled: {
             type: import('vue').PropType<boolean>;
             default: undefined;
@@ -479,9 +482,6 @@ export declare const Checkbox: {
             type: import('vue').PropType<boolean>;
             default: true;
         };
-        border: {
-            type: import('vue').PropType<boolean>;
-        };
         ariaControls: {
             type: import('vue').PropType<string>;
         };

package/esm/checkbox/index.mjs

@@ -1,15 +1,12 @@
 import { connect as _, mapProps as y } from "@silver-formily/vue";
 import { ElCheckboxButton as S, ElCheckbox as h, ElCheckboxGroup as g, version as E } from "element-plus";
-import { defineComponent as T, computed as c, useSlots as A, createBlock as a, openBlock as o, unref as n, normalizeProps as B, guardReactiveProps as G, withCtx as l, createElementBlock as m, Fragment as i, renderList as f, resolveDynamicComponent as b, mergeProps as d, createTextVNode as w, toDisplayString as D, renderSlot as F } from "vue";
-import "@formily/reactive";
-import { mapReadPretty as I } from "../__builtins__/shared/transform-component.mjs";
-import { useCleanAttrs as L, composeExport as N } from "../__builtins__/shared/utils.mjs";
-import { PreviewText as O } from "../preview-text/index.mjs";
+import { PreviewText as T } from "../preview-text/index.mjs";
+import { defineComponent as A, computed as c, useSlots as B, createBlock as a, openBlock as o, unref as p, normalizeProps as G, guardReactiveProps as w, withCtx as l, createElementBlock as m, Fragment as i, renderList as f, resolveDynamicComponent as b, mergeProps as d, createTextVNode as D, toDisplayString as F, renderSlot as I } from "vue";
 import { isPlainObj as k } from "@formily/shared";
-import { lt as R } from "../__builtins__/shared/simple-version-compare.mjs";
-import "@formily/core";
-import "@silver-formily/reactive-vue";
-const j = /* @__PURE__ */ T({
+import { lt as L } from "../__builtins__/shared/simple-version-compare.mjs";
+import { useCleanAttrs as N, composeExport as O } from "../__builtins__/shared/utils.mjs";
+import { mapReadPretty as R } from "../__builtins__/shared/transform-component.mjs";
+const j = /* @__PURE__ */ A({
   name: "FCheckboxGroup",
   inheritAttrs: !1,
   __name: "checkbox-group",
@@ -24,7 +21,7 @@ const j = /* @__PURE__ */ T({
     }
   },
   setup(x) {
-    const p = x, s = c(() => p.optionType === "button" ? S : h), C = R(E, "2.6.0"), u = c(() => p.options.map((e) => {
+    const n = x, s = c(() => n.optionType === "button" ? S : h), C = L(E, "2.6.0"), u = c(() => n.options.map((e) => {
       if (!k(e))
         return {
           label: e,
@@ -35,17 +32,17 @@ const j = /* @__PURE__ */ T({
         ...e,
         label: e.value
       } : e;
-    })), v = A(), { props: P } = L();
-    return (e, V) => (o(), a(n(g), B(G(n(P))), {
+    })), v = B(), { props: P } = N();
+    return (e, V) => (o(), a(p(g), G(w(p(P))), {
       default: l(() => [
-        n(v).option ? (o(!0), m(i, { key: 1 }, f(u.value, (t, r) => (o(), a(b(s.value), d({ key: r }, { ref_for: !0 }, t), {
+        p(v).option ? (o(!0), m(i, { key: 1 }, f(u.value, (t, r) => (o(), a(b(s.value), d({ key: r }, { ref_for: !0 }, t), {
           default: l(() => [
-            F(e.$slots, "option", { option: t })
+            I(e.$slots, "option", { option: t })
           ]),
           _: 2
         }, 1040))), 128)) : (o(!0), m(i, { key: 0 }, f(u.value, (t, r) => (o(), a(b(s.value), d({ key: r }, { ref_for: !0 }, t), {
           default: l(() => [
-            w(D(n(k)(p.options[r]) ? p.options[r]?.label : t.label), 1)
+            D(F(p(k)(n.options[r]) ? n.options[r]?.label : t.label), 1)
           ]),
           _: 2
         }, 1040))), 128))
@@ -56,7 +53,7 @@ const j = /* @__PURE__ */ T({
 }), z = _(
   j,
   y({ dataSource: "options", disabled: !0 }),
-  I(O.Select, {
+  R(T.Select, {
     multiple: !0
   })
 ), H = _(
@@ -64,11 +61,11 @@ const j = /* @__PURE__ */ T({
   y({
     disabled: !0
   })
-), ee = N(H, {
+), X = O(H, {
   Group: z
 });
 export {
-  ee as Checkbox,
-  ee as default
+  X as Checkbox,
+  X as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/checkbox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/checkbox/checkbox-group.vue","../../src/checkbox/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CheckboxProps } from 'element-plus'\nimport type { PropType } from 'vue'\nimport { isPlainObj } from '@formily/shared'\nimport { ElCheckbox, ElCheckboxButton, ElCheckboxGroup, version } from 'element-plus'\nimport { computed, useSlots } from 'vue'\nimport { lt, useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FCheckboxGroup',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  options: {\n    type: Array as PropType<Array<CheckboxProps>>,\n    default: () => [],\n  },\n  optionType: {\n    type: String as PropType<'default' | 'button'>,\n    default: 'default',\n  },\n})\n\nconst OptionType = computed(() => {\n  return props.optionType === 'button' ? ElCheckboxButton : ElCheckbox\n})\nconst IS_LESS_THAN_2_6_0 = lt(version, '2.6.0')\nconst compatiableProps = computed(() => {\n  return props.options.map((option) => {\n    if (!isPlainObj(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()\nconst { props: checkboxProps } = useCleanAttrs()\n</script>\n\n<template>\n  <ElCheckboxGroup v-bind=\"checkboxProps\">\n    <template v-if=\"!slots.option\">\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\n        {{ isPlainObj(props.options[index]) ? props.options[index]?.label : option.label }}\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  </ElCheckboxGroup>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\nimport { ElCheckbox } from 'element-plus'\nimport { composeExport, mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport FCheckboxGroup from './checkbox-group.vue'\n\nconst CheckboxGroup = connect<typeof FCheckboxGroup>(\n  FCheckboxGroup,\n  mapProps({ dataSource: 'options', disabled: true }),\n  mapReadPretty(PreviewText.Select, {\n    multiple: true,\n  }),\n)\n\nconst InnerCheckbox = connect<typeof ElCheckbox>(\n  ElCheckbox,\n  mapProps({\n    disabled: true,\n  }),\n)\n\nexport const Checkbox = composeExport(InnerCheckbox, {\n  Group: CheckboxGroup,\n})\n\nexport default Checkbox\n"],"names":["props","__props","OptionType","computed","ElCheckboxButton","ElCheckbox","IS_LESS_THAN_2_6_0","lt","version","compatiableProps","option","isPlainObj","slots","useSlots","checkboxProps","useCleanAttrs","_openBlock","_createBlock","_unref","_createElementBlock","_Fragment","_renderList","index","_resolveDynamicComponent","_mergeProps","_renderSlot","_ctx","_createTextVNode","_toDisplayString","CheckboxGroup","connect","FCheckboxGroup","mapProps","mapReadPretty","PreviewText","InnerCheckbox","Checkbox","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAWRC,IAAaC,EAAS,MACnBH,EAAM,eAAe,WAAWI,IAAmBC,CAC3D,GACKC,IAAqBC,EAAGC,GAAS,OAAO,GACxCC,IAAmBN,EAAS,MACzBH,EAAM,QAAQ,IAAI,CAACU,MAAW;AACnC,UAAI,CAACC,EAAWD,CAAM;AACpB,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,GAEKE,IAAQC,EAAA,GACR,EAAE,OAAOC,EAAA,IAAkBC,EAAA;sBAI/BC,EAAA,GAAAC,EAWkBC,UAXOA,EAAAJ,CAAA,CAAa,CAAA,GAAA;AAAA,iBACpC,MAIW;AAAA,QAJMI,EAAAN,CAAA,EAAM,UAMrBI,EAAA,EAAA,GAAAG,EAEYC,GAAA,EAAA,KAAA,KAAAC,EAF0CZ,EAAA,OAAgB,CAAlCC,GAAQY,YAA5CL,EAEYM,EAFIrB,OAAU,GAA1BsB,EAEY,EAF6D,KAAKF,KAAK,EAAA,SAAA,GAAA,GAAUZ,CAAM,GAAA;AAAA,qBACjG,MAAuC;AAAA,YAAvCe,EAAuCC,EAAA,QAAA,UAAA,EAAlB,QAAAhB,GAAc;AAAA,UAAA;;6BANrCM,EAAA,EAAA,GAAAG,EAEYC,GAAA,EAAA,KAAA,KAAAC,EAF0CZ,EAAA,OAAgB,CAAlCC,GAAQY,YAA5CL,EAEYM,EAFIrB,OAAU,GAA1BsB,EAEY,EAF6D,KAAKF,KAAK,EAAA,SAAA,GAAA,GAAUZ,CAAM,GAAA;AAAA,qBACjG,MAAmF;AAAA,YAAhFiB,EAAAC,EAAAV,EAAAP,CAAA,EAAWX,EAAM,QAAQsB,CAAK,CAAA,IAAKtB,EAAM,QAAQsB,CAAK,GAAG,QAAQZ,EAAO,KAAK,GAAA,CAAA;AAAA,UAAA;;;;;;;ICjDlFmB,IAAgBC;AAAA,EACpBC;AAAAA,EACAC,EAAS,EAAE,YAAY,WAAW,UAAU,IAAM;AAAA,EAClDC,EAAcC,EAAY,QAAQ;AAAA,IAChC,UAAU;AAAA,EAAA,CACX;AACH,GAEMC,IAAgBL;AAAA,EACpBzB;AAAA,EACA2B,EAAS;AAAA,IACP,UAAU;AAAA,EAAA,CACX;AACH,GAEaI,KAAWC,EAAcF,GAAe;AAAA,EACnD,OAAON;AACT,CAAC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/checkbox/checkbox-group.vue","../../src/checkbox/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { CheckboxProps } from 'element-plus'\r\nimport type { PropType } from 'vue'\r\nimport { isPlainObj } from '@formily/shared'\r\nimport { ElCheckbox, ElCheckboxButton, ElCheckboxGroup, version } from 'element-plus'\r\nimport { computed, useSlots } from 'vue'\r\nimport { lt, useCleanAttrs } from '../__builtins__'\r\n\r\ndefineOptions({\r\n  name: 'FCheckboxGroup',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\r\n  options: {\r\n    type: Array as PropType<Array<CheckboxProps>>,\r\n    default: () => [],\r\n  },\r\n  optionType: {\r\n    type: String as PropType<'default' | 'button'>,\r\n    default: 'default',\r\n  },\r\n})\r\n\r\nconst OptionType = computed(() => {\r\n  return props.optionType === 'button' ? ElCheckboxButton : ElCheckbox\r\n})\r\nconst IS_LESS_THAN_2_6_0 = lt(version, '2.6.0')\r\nconst compatiableProps = computed(() => {\r\n  return props.options.map((option) => {\r\n    if (!isPlainObj(option)) {\r\n      return {\r\n        label: option,\r\n        value: option,\r\n      }\r\n    }\r\n    /* istanbul ignore if -- @preserve */\r\n    if (IS_LESS_THAN_2_6_0) {\r\n      return {\r\n        ...option,\r\n        label: option.value,\r\n      }\r\n    }\r\n    return option\r\n  })\r\n})\r\n\r\nconst slots = useSlots()\r\nconst { props: checkboxProps } = useCleanAttrs()\r\n</script>\r\n\r\n<template>\r\n  <ElCheckboxGroup v-bind=\"checkboxProps\">\r\n    <template v-if=\"!slots.option\">\r\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\r\n        {{ isPlainObj(props.options[index]) ? props.options[index]?.label : option.label }}\r\n      </component>\r\n    </template>\r\n    <template v-else>\r\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\r\n        <slot name=\"option\" :option=\"option\" />\r\n      </component>\r\n    </template>\r\n  </ElCheckboxGroup>\r\n</template>\r\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport { ElCheckbox } from 'element-plus'\r\nimport { composeExport, mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\nimport FCheckboxGroup from './checkbox-group.vue'\r\n\r\nconst CheckboxGroup = connect<typeof FCheckboxGroup>(\r\n  FCheckboxGroup,\r\n  mapProps({ dataSource: 'options', disabled: true }),\r\n  mapReadPretty(PreviewText.Select, {\r\n    multiple: true,\r\n  }),\r\n)\r\n\r\nconst InnerCheckbox = connect<typeof ElCheckbox>(\r\n  ElCheckbox,\r\n  mapProps({\r\n    disabled: true,\r\n  }),\r\n)\r\n\r\nexport const Checkbox = composeExport(InnerCheckbox, {\r\n  Group: CheckboxGroup,\r\n})\r\n\r\nexport default Checkbox\r\n"],"names":["props","__props","OptionType","computed","ElCheckboxButton","ElCheckbox","IS_LESS_THAN_2_6_0","lt","version","compatiableProps","option","isPlainObj","slots","useSlots","checkboxProps","useCleanAttrs","_openBlock","_createBlock","_unref","_createElementBlock","_Fragment","_renderList","index","_resolveDynamicComponent","_mergeProps","_renderSlot","_ctx","_createTextVNode","_toDisplayString","CheckboxGroup","connect","FCheckboxGroup","mapProps","mapReadPretty","PreviewText","InnerCheckbox","Checkbox","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAWRC,IAAaC,EAAS,MACnBH,EAAM,eAAe,WAAWI,IAAmBC,CAC3D,GACKC,IAAqBC,EAAGC,GAAS,OAAO,GACxCC,IAAmBN,EAAS,MACzBH,EAAM,QAAQ,IAAI,CAACU,MAAW;AACnC,UAAI,CAACC,EAAWD,CAAM;AACpB,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,GAEKE,IAAQC,EAAA,GACR,EAAE,OAAOC,EAAA,IAAkBC,EAAA;sBAI/BC,EAAA,GAAAC,EAWkBC,UAXOA,EAAAJ,CAAA,CAAa,CAAA,GAAA;AAAA,iBACpC,MAIW;AAAA,QAJMI,EAAAN,CAAA,EAAM,UAMrBI,EAAA,EAAA,GAAAG,EAEYC,GAAA,EAAA,KAAA,KAAAC,EAF0CZ,EAAA,OAAgB,CAAlCC,GAAQY,YAA5CL,EAEYM,EAFIrB,OAAU,GAA1BsB,EAEY,EAF6D,KAAKF,KAAK,EAAA,SAAA,GAAA,GAAUZ,CAAM,GAAA;AAAA,qBACjG,MAAuC;AAAA,YAAvCe,EAAuCC,EAAA,QAAA,UAAA,EAAlB,QAAAhB,GAAc;AAAA,UAAA;;6BANrCM,EAAA,EAAA,GAAAG,EAEYC,GAAA,EAAA,KAAA,KAAAC,EAF0CZ,EAAA,OAAgB,CAAlCC,GAAQY,YAA5CL,EAEYM,EAFIrB,OAAU,GAA1BsB,EAEY,EAF6D,KAAKF,KAAK,EAAA,SAAA,GAAA,GAAUZ,CAAM,GAAA;AAAA,qBACjG,MAAmF;AAAA,YAAhFiB,EAAAC,EAAAV,EAAAP,CAAA,EAAWX,EAAM,QAAQsB,CAAK,CAAA,IAAKtB,EAAM,QAAQsB,CAAK,GAAG,QAAQZ,EAAO,KAAK,GAAA,CAAA;AAAA,UAAA;;;;;;;ICjDlFmB,IAAgBC;AAAA,EACpBC;AAAAA,EACAC,EAAS,EAAE,YAAY,WAAW,UAAU,IAAM;AAAA,EAClDC,EAAcC,EAAY,QAAQ;AAAA,IAChC,UAAU;AAAA,EAAA,CACX;AACH,GAEMC,IAAgBL;AAAA,EACpBzB;AAAA,EACA2B,EAAS;AAAA,IACP,UAAU;AAAA,EAAA,CACX;AACH,GAEaI,IAAWC,EAAcF,GAAe;AAAA,EACnD,OAAON;AACT,CAAC;"}