@silver-formily/element-plus 2.2.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/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/color-picker/index.d.ts

@@ -0,0 +1,210 @@
+import { ElColorPicker } from 'element-plus';
+export type ColorPickerProps = typeof ElColorPicker;
+export declare const ColorPicker: import('element-plus/es/utils/index.mjs').SFCWithInstall<import('vue').DefineComponent<{
+    emptyValues: {
+        type: import('vue').PropType<unknown[]>;
+    };
+    valueOnClear: {
+        type: import('vue').PropType<string | number | boolean | Function>;
+        default: undefined;
+    };
+    size: {
+        type: import('vue').PropType<"" | "small" | "default" | "large">;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: undefined;
+    };
+    id: {
+        type: import('vue').PropType<string>;
+    };
+    modelValue: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    tabindex: {
+        type: import('vue').PropType<string | number>;
+        default: 0;
+    };
+    ariaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    popperClass: {
+        type: import('vue').PropType<string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | /*elided*/ any)[])[])[])[])[])[])[])[])[])[])[]>;
+    };
+    popperStyle: {
+        type: import('vue').PropType<import('vue').StyleValue>;
+        default: undefined;
+    };
+    teleported: {
+        type: import('vue').PropType<boolean>;
+        default: true;
+    };
+    clearable: {
+        type: import('vue').PropType<boolean>;
+        default: true;
+    };
+    validateEvent: {
+        type: import('vue').PropType<boolean>;
+        default: true;
+    };
+    persistent: {
+        type: import('vue').PropType<boolean>;
+        default: true;
+    };
+    appendTo: {
+        type: import('vue').PropType<string | HTMLElement>;
+    };
+    showAlpha: {
+        type: import('vue').PropType<boolean>;
+    };
+    colorFormat: {
+        type: import('vue').PropType<string>;
+    };
+    predefine: {
+        type: import('vue').PropType<string[]>;
+    };
+}, {
+    color: import('element-plus/es/components/color-picker-panel/src/utils/color.mjs').default;
+    show: () => void;
+    hide: () => void;
+    focus: () => void;
+    blur: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (evt: FocusEvent) => void;
+    "update:modelValue": (val: string | null) => void;
+    change: (val: string | null) => void;
+    clear: () => void;
+    blur: (evt: FocusEvent) => void;
+    activeChange: (val: string | null) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    emptyValues: {
+        type: import('vue').PropType<unknown[]>;
+    };
+    valueOnClear: {
+        type: import('vue').PropType<string | number | boolean | Function>;
+        default: undefined;
+    };
+    size: {
+        type: import('vue').PropType<"" | "small" | "default" | "large">;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: undefined;
+    };
+    id: {
+        type: import('vue').PropType<string>;
+    };
+    modelValue: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    tabindex: {
+        type: import('vue').PropType<string | number>;
+        default: 0;
+    };
+    ariaLabel: {
+        type: import('vue').PropType<string>;
+    };
+    popperClass: {
+        type: import('vue').PropType<string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | (string | {
+            [x: string]: boolean;
+        } | /*elided*/ any)[])[])[])[])[])[])[])[])[])[])[]>;
+    };
+    popperStyle: {
+        type: import('vue').PropType<import('vue').StyleValue>;
+        default: undefined;
+    };
+    teleported: {
+        type: import('vue').PropType<boolean>;
+        default: true;
+    };
+    clearable: {
+        type: import('vue').PropType<boolean>;
+        default: true;
+    };
+    validateEvent: {
+        type: import('vue').PropType<boolean>;
+        default: true;
+    };
+    persistent: {
+        type: import('vue').PropType<boolean>;
+        default: true;
+    };
+    appendTo: {
+        type: import('vue').PropType<string | HTMLElement>;
+    };
+    showAlpha: {
+        type: import('vue').PropType<boolean>;
+    };
+    colorFormat: {
+        type: import('vue').PropType<string>;
+    };
+    predefine: {
+        type: import('vue').PropType<string[]>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onChange?: ((val: string | null) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onActiveChange?: ((val: string | null) => any) | undefined;
+}, {
+    disabled: boolean;
+    tabindex: string | number;
+    modelValue: string | null;
+    valueOnClear: string | number | boolean | Function | null;
+    teleported: boolean;
+    validateEvent: boolean;
+    clearable: boolean;
+    popperStyle: string | false | import('vue').CSSProperties | import('vue').StyleValue[] | null;
+    persistent: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
+export default ColorPicker;

package/esm/color-picker/index.mjs

@@ -0,0 +1,14 @@
+import { connect as r, mapProps as o } from "@silver-formily/vue";
+import { ElColorPicker as e } from "element-plus";
+import { PreviewText as t } from "../preview-text/index.mjs";
+import { mapReadPretty as m } from "../__builtins__/shared/transform-component.mjs";
+const c = r(
+  e,
+  o({ readOnly: "readonly", disabled: !0 }),
+  m(t.ColorPicker)
+);
+export {
+  c as ColorPicker,
+  c as default
+};
+//# sourceMappingURL=index.mjs.map

package/esm/color-picker/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/color-picker/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\r\nimport { ElColorPicker } from 'element-plus'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\n\r\nexport type ColorPickerProps = typeof ElColorPicker\r\n\r\nexport const ColorPicker = connect<typeof ElColorPicker>(\r\n  ElColorPicker,\r\n  mapProps({ readOnly: 'readonly', disabled: true }),\r\n  mapReadPretty(PreviewText.ColorPicker),\r\n)\r\n\r\nexport default ColorPicker\r\n"],"names":["ColorPicker","connect","ElColorPicker","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;AAOO,MAAMA,IAAcC;AAAA,EACzBC;AAAA,EACAC,EAAS,EAAE,UAAU,YAAY,UAAU,IAAM;AAAA,EACjDC,EAAcC,EAAY,WAAW;AACvC;"}