ep-craft 0.1.34 → 0.1.35

package/dist/components/color-picker/color-picker.d.ts

@@ -0,0 +1,240 @@
+import type { ExtractPublicPropTypes } from 'vue';
+import type { ColorFormats } from '@ctrl/tinycolor';
+import type ColorPicker from './EpColorPicker.vue';
+import type { AriaProps, UseEmptyValuesProps } from '@element-plus/hooks';
+import type { ComponentSize } from '@element-plus/constants';
+import type { ElTooltipContentProps } from '@element-plus/components/tooltip';
+export interface ColorPickerProps extends UseEmptyValuesProps, Pick<AriaProps, 'ariaLabel'> {
+    /**
+     * @description when color-picker inactive and persistent is false, the color panel will be destroyed
+     */
+    persistent?: boolean;
+    /**
+     * @description binding value
+     */
+    modelValue?: string | null;
+    /**
+     * @description ColorPicker id
+     */
+    id?: string;
+    /**
+     * @description whether to display the alpha slider
+     */
+    showAlpha?: boolean;
+    /**
+     * @description color format of v-model
+     */
+    colorFormat?: ColorFormats;
+    /**
+     * @description whether to disable the ColorPicker
+     */
+    disabled?: boolean;
+    /**
+     * @description whether to show clear button
+     */
+    clearable?: boolean;
+    /**
+     * @description size of ColorPicker
+     */
+    size?: ComponentSize;
+    /**
+     * @description custom class name for ColorPicker's dropdown
+     */
+    popperClass?: ElTooltipContentProps['popperClass'];
+    /**
+     * @description custom style for ColorPicker's dropdown
+     */
+    popperStyle?: ElTooltipContentProps['popperStyle'];
+    /**
+     * @description ColorPicker tabindex
+     */
+    tabindex?: string | number;
+    /**
+     * @description whether color-picker popper is teleported to the body
+     */
+    teleported?: ElTooltipContentProps['teleported'];
+    /**
+     * @description which color-picker panel appends to
+     */
+    appendTo?: ElTooltipContentProps['appendTo'];
+    /**
+     * @description predefined color options
+     */
+    predefine?: string[];
+    /**
+     * @description whether to trigger form validation
+     */
+    validateEvent?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `ColorPickerProps` instead.
+ */
+export declare const colorPickerProps: {
+    readonly ariaLabel: StringConstructor;
+    readonly emptyValues: ArrayConstructor;
+    readonly valueOnClear: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly persistent: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly modelValue: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | (((new (...args: any[]) => string) | (() => string | null)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly id: StringConstructor;
+    readonly showAlpha: BooleanConstructor;
+    readonly colorFormat: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => "name" | "hex" | "rgb" | "prgb" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "cmyk") | (() => ColorFormats) | (((new (...args: any[]) => "name" | "hex" | "rgb" | "prgb" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "cmyk") | (() => ColorFormats)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly disabled: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly clearable: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly size: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly popperClass: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => 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)[])[])[])[])[])[])[])[])[])[])[]) | (() => 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)[])[])[])[])[])[])[])[])[])[])[]) | (((new (...args: any[]) => 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)[])[])[])[])[])[])[])[])[])[])[]) | (() => 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)[])[])[])[])[])[])[])[])[])[])[])) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly popperStyle: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly tabindex: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
+    readonly teleported: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly appendTo: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly predefine: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly validateEvent: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+};
+export declare const colorPickerEmits: {
+    "update:modelValue": (val: string | null) => boolean;
+    change: (val: string | null) => boolean;
+    activeChange: (val: string | null) => boolean;
+    focus: (evt: FocusEvent) => boolean;
+    blur: (evt: FocusEvent) => boolean;
+    clear: () => boolean;
+};
+/**
+ * @deprecated Removed after 3.0.0, Use `ColorPickerProps` instead.
+ */
+export type ColorPickerPropsPublic = ExtractPublicPropTypes<typeof colorPickerProps>;
+export type ColorPickerEmits = typeof colorPickerEmits;
+export type ColorPickerInstance = InstanceType<typeof ColorPicker> & unknown;
+/**
+ * @description default values for ColorPickerProps, used in components that extend ColorPickerProps
+ */
+export declare const colorPickerPropsDefaults: {
+    readonly persistent: true;
+    readonly modelValue: undefined;
+    readonly disabled: undefined;
+    readonly clearable: true;
+    readonly popperStyle: undefined;
+    readonly tabindex: 0;
+    readonly teleported: true;
+    readonly validateEvent: true;
+    readonly valueOnClear: undefined;
+};

package/dist/components/color-picker/color-picker.js

@@ -0,0 +1,124 @@
+import { isNil as t } from "lodash-unified";
+import { isString as r } from "@vue/shared";
+import "@vueuse/core";
+import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as l } from "../../constants/event.js";
+import "@element-plus/icons-vue";
+import { buildProps as a, definePropType as p } from "../../utils/vue/props/runtime.js";
+import "vue";
+import { useSizeProp as s } from "../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "../../hooks/use-delayed-toggle/index.js";
+import { useAriaProps as n } from "../../hooks/use-aria/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import { useEmptyValuesProps as d } from "../../hooks/use-empty-values/index.js";
+import "../tooltip/index.js";
+import { useTooltipContentProps as o } from "../tooltip/src/content.js";
+const V = a({
+  /**
+   * @description when color-picker inactive and persistent is false, the color panel will be destroyed
+   */
+  persistent: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description binding value
+   */
+  modelValue: {
+    type: p(String),
+    default: void 0
+  },
+  /**
+   * @description ColorPicker id
+   */
+  id: String,
+  /**
+   * @description whether to display the alpha slider
+   */
+  showAlpha: Boolean,
+  /**
+   * @description color format of v-model
+   */
+  colorFormat: {
+    type: p(String)
+  },
+  /**
+   * @description whether to disable the ColorPicker
+   */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description whether to show clear button
+   */
+  clearable: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description size of ColorPicker
+   */
+  size: s,
+  /**
+   * @description custom class name for ColorPicker's dropdown
+   */
+  popperClass: o.popperClass,
+  /**
+   * @description custom style for ColorPicker's dropdown
+   */
+  popperStyle: o.popperStyle,
+  /**
+   * @description ColorPicker tabindex
+   */
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  },
+  /**
+   * @description whether color-picker popper is teleported to the body
+   */
+  teleported: o.teleported,
+  /**
+   * @description which color-picker panel appends to
+   */
+  appendTo: o.appendTo,
+  /**
+   * @description predefined color options
+   */
+  predefine: {
+    type: p(Array)
+  },
+  /**
+   * @description whether to trigger form validation
+   */
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  ...d,
+  ...n(["ariaLabel"])
+}), h = {
+  [l]: (e) => r(e) || t(e),
+  [i]: (e) => r(e) || t(e),
+  activeChange: (e) => r(e) || t(e),
+  focus: (e) => e instanceof FocusEvent,
+  blur: (e) => e instanceof FocusEvent,
+  clear: () => !0
+}, k = {
+  persistent: !0,
+  modelValue: void 0,
+  disabled: void 0,
+  clearable: !0,
+  popperStyle: void 0,
+  tabindex: 0,
+  teleported: !0,
+  validateEvent: !0,
+  valueOnClear: void 0
+};
+export {
+  h as colorPickerEmits,
+  V as colorPickerProps,
+  k as colorPickerPropsDefaults
+};

package/dist/components/color-picker/index.d.ts

@@ -1,4 +1,18 @@
 import type { Plugin } from 'vue';
-import { ElColorPicker } from 'element-plus';
-export declare const EpColorPicker: typeof ElColorPicker & Plugin;
+import _EpColorPicker from './EpColorPicker.vue';
+/**
+ * color-picker 自持 barrel（vendor-batch-3 产出）。
+ *
+ * 表单集成：本体通过 `@element-plus/components/form` 导入本地表单 hooks，
+ * 读取的 `formContextKey` / `formItemContextKey` 是本地 Symbol，故 disabled /
+ * size / label 关联与 change / blur 校验在 `EpForm` / `EpFormItem` 下生效。
+ *
+ * 颜色面板 `EpColorPickerPanel` 是内部实现，仅经 `@element-plus/components/color-picker-panel`
+ * 在本包内部引用，不在此导出，也不在根入口公开。
+ *
+ * 不导出 `ElColorPicker` 别名。
+ */
+export declare const EpColorPicker: typeof _EpColorPicker & Plugin;
 export default EpColorPicker;
+export { colorPickerEmits, colorPickerProps, colorPickerPropsDefaults, } from './color-picker';
+export type { ColorPickerEmits, ColorPickerInstance, ColorPickerProps, ColorPickerPropsPublic, } from './color-picker';

package/dist/components/color-picker/index.js

@@ -1,6 +1,13 @@
-import { ElColorPicker as o } from "element-plus";
-import { withInstall as r } from "../../utils/with-install.js";
-const c = Object.assign({}, o, { name: "EpColorPicker" }), l = r(c, "ep-color-picker");
+import { withInstall as o } from "../../utils/with-install.js";
+import r from "./EpColorPicker.vue.js";
+import { colorPickerEmits as l, colorPickerProps as m, colorPickerPropsDefaults as s } from "./color-picker.js";
+const e = o(
+  r,
+  "ep-color-picker"
+);
 export {
-  l as EpColorPicker
+  e as EpColorPicker,
+  l as colorPickerEmits,
+  m as colorPickerProps,
+  s as colorPickerPropsDefaults
 };