@silver-formily/element-plus 3.0.1 → 3.0.3

package/esm/checkbox/index.mjs

@@ -1,70 +1,16 @@
-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 "@formily/reactive";
-import "@vueuse/core";
-import { defineComponent as T, computed as c, useSlots as A, openBlock as o, createBlock as a, 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 { 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 { 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({
-  name: "FCheckboxGroup",
-  inheritAttrs: !1,
-  __name: "checkbox-group",
-  props: {
-    options: {
-      type: Array,
-      default: () => []
-    },
-    optionType: {
-      type: String,
-      default: "default"
-    }
-  },
-  setup(x) {
-    const p = x, s = c(() => p.optionType === "button" ? S : h), C = R(E, "2.6.0"), u = c(() => p.options.map((e) => k(e) ? C ? {
-      ...e,
-      label: e.value
-    } : e : {
-      label: e,
-      value: e
-    })), v = A(), { props: P } = L();
-    return (e, V) => (o(), a(n(g), B(G(n(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), {
-          default: l(() => [
-            F(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)
-          ]),
-          _: 2
-        }, 1040))), 128))
-      ]),
-      _: 3
-    }, 16));
-  }
-}), z = _(
-  j,
-  y({ dataSource: "options", disabled: !0 }),
-  I(O.Select, {
-    multiple: !0
-  })
-), H = _(
-  h,
-  y({
-    disabled: !0
-  })
-), te = N(H, {
-  Group: z
-});
-export {
-  te as Checkbox,
-  te as default
-};
-//# sourceMappingURL=index.mjs.map
+import { mapReadPretty } from "../__builtins__/shared/transform-component.mjs";
+import { composeExport } from "../__builtins__/shared/utils.mjs";
+import PreviewText from "../preview-text/index.mjs";
+import _sfc_main from "./checkbox-group.mjs";
+import { ElCheckbox } from "element-plus";
+import { connect, mapProps } from "@silver-formily/vue";
+//#region src/checkbox/index.ts
+const CheckboxGroup = connect(_sfc_main, mapProps({
+	dataSource: "options",
+	disabled: true
+}), mapReadPretty(PreviewText.Select, { multiple: true }));
+const Checkbox = composeExport(connect(ElCheckbox, mapProps({ disabled: true })), { Group: CheckboxGroup });
+//#endregion
+export { Checkbox 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,MACnBC,EAAWD,CAAM,IAOlBJ,IACK;AAAA,MACL,GAAGI;AAAA,MACH,OAAOA,EAAO;AAAA,IAAA,IAGXA,IAZE;AAAA,MACL,OAAOA;AAAA,MACP,OAAOA;AAAA,IAAA,CAWZ,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","names":["FCheckboxGroup"],"sources":["../../src/checkbox/index.ts"],"sourcesContent":["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"],"mappings":";;;;;;;AAMA,MAAM,gBAAgB,QACpBA,WACA,SAAS;CAAE,YAAY;CAAW,UAAU;CAAM,CAAC,EACnD,cAAc,YAAY,QAAQ,EAChC,UAAU,MACX,CAAC,CACH;AASD,MAAa,WAAW,cAPF,QACpB,YACA,SAAS,EACP,UAAU,MACX,CAAC,CACH,EAEoD,EACnD,OAAO,eACR,CAAC"}

package/esm/color-picker/index.d.ts

@@ -1,210 +1,8 @@
-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;
+import { ElColorPicker } from "element-plus";
+
+//#region src/color-picker/index.d.ts
+type ColorPickerProps = typeof ElColorPicker;
+declare const ColorPicker: any;
+//#endregion
+export { ColorPicker, ColorPickerProps };
+//# sourceMappingURL=index.d.ts.map

package/esm/color-picker/index.mjs

@@ -1,17 +1,13 @@
-import { connect as r, mapProps as o } from "@silver-formily/vue";
-import { ElColorPicker as e } from "element-plus";
-import "@formily/reactive";
-import "@vueuse/core";
-import "vue";
-import { mapReadPretty as t } from "../__builtins__/shared/transform-component.mjs";
-import { PreviewText as m } from "../preview-text/index.mjs";
-const f = r(
-  e,
-  o({ readOnly: "readonly", disabled: !0 }),
-  t(m.ColorPicker)
-);
-export {
-  f as ColorPicker,
-  f as default
-};
-//# sourceMappingURL=index.mjs.map
+import { mapReadPretty } from "../__builtins__/shared/transform-component.mjs";
+import PreviewText from "../preview-text/index.mjs";
+import { ElColorPicker } from "element-plus";
+import { connect, mapProps } from "@silver-formily/vue";
+//#region src/color-picker/index.ts
+const ColorPicker = connect(ElColorPicker, mapProps({
+	readOnly: "readonly",
+	disabled: true
+}), mapReadPretty(PreviewText.ColorPicker));
+//#endregion
+export { ColorPicker as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/color-picker/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\nimport { ElColorPicker } from 'element-plus'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\n\nexport type ColorPickerProps = typeof ElColorPicker\n\nexport const ColorPicker = connect<typeof ElColorPicker>(\n  ElColorPicker,\n  mapProps({ readOnly: 'readonly', disabled: true }),\n  mapReadPretty(PreviewText.ColorPicker),\n)\n\nexport default ColorPicker\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;"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/color-picker/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\nimport { ElColorPicker } from 'element-plus'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\n\nexport type ColorPickerProps = typeof ElColorPicker\n\nexport const ColorPicker = connect<typeof ElColorPicker>(\n  ElColorPicker,\n  mapProps({ readOnly: 'readonly', disabled: true }),\n  mapReadPretty(PreviewText.ColorPicker),\n)\n\nexport default ColorPicker\n"],"mappings":";;;;;AAOA,MAAa,cAAc,QACzB,eACA,SAAS;CAAE,UAAU;CAAY,UAAU;CAAM,CAAC,EAClD,cAAc,YAAY,YAAY,CACvC"}

package/esm/color-picker-panel/index.d.ts

@@ -1,129 +1,8 @@
-import { ElColorPickerPanel } from 'element-plus';
-export type ColorPickerPanelProps = typeof ElColorPickerPanel;
-export declare const ColorPickerPanel: import('element-plus/es/utils/index.mjs').SFCWithInstall<{
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        border: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-        };
-        modelValue: {
-            type: import('vue').PropType<string>;
-            default: undefined;
-        };
-        validateEvent: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        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;
-    }, {
-        color: import('element-plus/es/components/color-picker-panel/src/utils/color.mjs').default;
-        inputRef: import('vue').Ref<import('element-plus').InputInstance | undefined>;
-        update: () => void;
-    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:modelValue": (val: string | null) => void;
-    }, import('vue').PublicProps, {
-        border: boolean;
-        modelValue: string | null;
-        validateEvent: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
-        border: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-        };
-        modelValue: {
-            type: import('vue').PropType<string>;
-            default: undefined;
-        };
-        validateEvent: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        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;
-    }, {
-        color: import('element-plus/es/components/color-picker-panel/src/utils/color.mjs').default;
-        inputRef: import('vue').Ref<import('element-plus').InputInstance | undefined>;
-        update: () => void;
-    }, {}, {}, {}, {
-        border: boolean;
-        modelValue: string | null;
-        validateEvent: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    border: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-    };
-    modelValue: {
-        type: import('vue').PropType<string>;
-        default: undefined;
-    };
-    validateEvent: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    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;
-}, {
-    color: import('element-plus/es/components/color-picker-panel/src/utils/color.mjs').default;
-    inputRef: import('vue').Ref<import('element-plus').InputInstance | undefined>;
-    update: () => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (val: string | null) => void;
-}, string, {
-    border: boolean;
-    modelValue: string | null;
-    validateEvent: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        footer?: (props: {}) => any;
-    };
-})>;
-export default ColorPickerPanel;
+import { ElColorPickerPanel } from "element-plus";
+
+//#region src/color-picker-panel/index.d.ts
+type ColorPickerPanelProps = typeof ElColorPickerPanel;
+declare const ColorPickerPanel: any;
+//#endregion
+export { ColorPickerPanel, ColorPickerPanelProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,25 +1,16 @@
-import { connect as e, mapProps as o } from "@silver-formily/vue";
-import { ElColorPickerPanel as t } from "element-plus";
-import "@formily/reactive";
-import "@vueuse/core";
-import "vue";
-import { mapReadPretty as i } from "../__builtins__/shared/transform-component.mjs";
-import { PreviewText as m } from "../preview-text/index.mjs";
-const f = e(
-  t,
-  o(
-    {
-      disabled: !0
-    },
-    (r) => r.readOnly ? {
-      ...r,
-      disabled: !0
-    } : r
-  ),
-  i(m.ColorPicker)
-);
-export {
-  f as ColorPickerPanel,
-  f as default
-};
-//# sourceMappingURL=index.mjs.map
+import { mapReadPretty } from "../__builtins__/shared/transform-component.mjs";
+import PreviewText from "../preview-text/index.mjs";
+import { ElColorPickerPanel } from "element-plus";
+import { connect, mapProps } from "@silver-formily/vue";
+//#region src/color-picker-panel/index.ts
+const ColorPickerPanel = connect(ElColorPickerPanel, mapProps({ disabled: true }, (props) => {
+	if (!props.readOnly) return props;
+	return {
+		...props,
+		disabled: true
+	};
+}), mapReadPretty(PreviewText.ColorPicker));
+//#endregion
+export { ColorPickerPanel as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/color-picker-panel/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\nimport { ElColorPickerPanel } from 'element-plus'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\n\nexport type ColorPickerPanelProps = typeof ElColorPickerPanel\n\nexport const ColorPickerPanel = connect<typeof ElColorPickerPanel>(\n  ElColorPickerPanel,\n  mapProps(\n    {\n      disabled: true,\n    },\n    (props: any) => {\n      if (!props.readOnly) {\n        return props\n      }\n\n      return {\n        ...props,\n        disabled: true,\n      }\n    },\n  ),\n  mapReadPretty(PreviewText.ColorPicker),\n)\n\nexport default ColorPickerPanel\n"],"names":["ColorPickerPanel","connect","ElColorPickerPanel","mapProps","props","mapReadPretty","PreviewText"],"mappings":";;;;;;;AAOO,MAAMA,IAAmBC;AAAA,EAC9BC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,MACMA,EAAM,WAIJ;AAAA,MACL,GAAGA;AAAA,MACH,UAAU;AAAA,IAAA,IALHA;AAAA,EAOX;AAAA,EAEFC,EAAcC,EAAY,WAAW;AACvC;"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/color-picker-panel/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\nimport { ElColorPickerPanel } from 'element-plus'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\n\nexport type ColorPickerPanelProps = typeof ElColorPickerPanel\n\nexport const ColorPickerPanel = connect<typeof ElColorPickerPanel>(\n  ElColorPickerPanel,\n  mapProps(\n    {\n      disabled: true,\n    },\n    (props: any) => {\n      if (!props.readOnly) {\n        return props\n      }\n\n      return {\n        ...props,\n        disabled: true,\n      }\n    },\n  ),\n  mapReadPretty(PreviewText.ColorPicker),\n)\n\nexport default ColorPickerPanel\n"],"mappings":";;;;;AAOA,MAAa,mBAAmB,QAC9B,oBACA,SACE,EACE,UAAU,MACX,GACA,UAAe;AACd,KAAI,CAAC,MAAM,SACT,QAAO;AAGT,QAAO;EACL,GAAG;EACH,UAAU;EACX;EAEJ,EACD,cAAc,YAAY,YAAY,CACvC"}