@vunk/form 0.0.1-alpha.4 → 0.0.1-alpha.41

package/components/checkbox/index.js

@@ -0,0 +1,127 @@
+import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
+import { checkboxGroupProps, checkboxGroupEmits, ElCheckbox, ElCheckboxGroup, ElCheckboxButton } from 'element-plus';
+import { defineComponent, computed, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, createElementBlock, Fragment, renderList, resolveDynamicComponent, createTextVNode, toDisplayString } from 'vue';
+import { createCheckboxGroupBindProps, createCheckboxGroupOnEmits } from '@vunk/form/shared/element-plus';
+import { pickObject } from '@vunk/core/shared/utils-object';
+import { useComputedReadonly } from '@vunk/form/composables';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.props), checkboxGroupProps), {
+  options: {
+    type: Array,
+    default: () => []
+  },
+  type: {
+    type: String,
+    default: "default"
+  },
+  defaultModelValue: {
+    type: Array,
+    default: void 0
+  },
+  modelValue: {
+    type: Array,
+    default: void 0
+  }
+});
+const emits = __spreadValues({}, checkboxGroupEmits);
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main = defineComponent({
+  name: "VkfCheckbox",
+  components: {
+    VkfFormItem,
+    ElCheckbox,
+    ElCheckboxGroup,
+    ElCheckboxButton
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
+    const coreBindProps = createCheckboxGroupBindProps(props2, ["disabled"]);
+    const coreOnEmits = createCheckboxGroupOnEmits(emit);
+    const options = computed(() => {
+      return props2.options.filter((item) => item.value !== void 0 && item.value !== null);
+    });
+    !props2.modelValue && props2.defaultModelValue && emit("update:modelValue", props2.defaultModelValue);
+    const readonly = useComputedReadonly(props2);
+    return {
+      formItemBindProps,
+      coreBindProps,
+      coreOnEmits,
+      options,
+      pickObject,
+      readonly
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElCheckboxGroup = resolveComponent("ElCheckboxGroup");
+  const _component_VkfFormItem = resolveComponent("VkfFormItem");
+  return openBlock(), createBlock(_component_VkfFormItem, normalizeProps(guardReactiveProps(_ctx.formItemBindProps)), {
+    default: withCtx(() => [
+      createVNode(_component_ElCheckboxGroup, mergeProps({
+        class: {
+          "is-readonly": _ctx.readonly
+        }
+      }, _ctx.coreBindProps, toHandlers(_ctx.coreOnEmits), {
+        disabled: _ctx.readonly || _ctx.disabled
+      }), {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item) => {
+            return openBlock(), createBlock(resolveDynamicComponent(_ctx.type === "button" ? "ElCheckboxButton" : "ElCheckbox"), mergeProps({
+              key: item.value,
+              label: item.value
+            }, _ctx.pickObject(item, {
+              excludes: ["label", "value"]
+            })), {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(item.label ?? item.value), 1)
+              ]),
+              _: 2
+            }, 1040, ["label"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 16, ["class", "disabled"])
+    ]),
+    _: 1
+  }, 16);
+}
+var VkfCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfCheckbox.install = (app) => {
+  app.component(VkfCheckbox.name, VkfCheckbox);
+};
+
+export { VkfCheckbox, types as __VkfCheckbox, VkfCheckbox as default };

package/components/checkbox/src/ctx.d.ts

@@ -0,0 +1,82 @@
+import { PropType } from 'vue';
+import { CheckboxProps } from '@vunk/form/shared/types/form';
+export declare const props: {
+    options: {
+        type: PropType<CheckboxProps[]>;
+        default: () => never[];
+    };
+    type: {
+        type: PropType<"default" | "button">;
+        default: string;
+    };
+    defaultModelValue: {
+        type: PropType<any[]>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<(string | number)[]>;
+        default: undefined;
+    };
+    disabled: BooleanConstructor;
+    min: NumberConstructor;
+    max: NumberConstructor;
+    size: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    label: StringConstructor;
+    fill: StringConstructor;
+    textColor: StringConstructor;
+    tag: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
+    validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rules: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    formItemSize: {
+        type: PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+    elRef: {
+        type: PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+};
+export declare const emits: {
+    "update:modelValue": (val: import("element-plus").CheckboxValueType[]) => boolean;
+    change: (val: import("element-plus").CheckboxValueType[]) => boolean;
+};

package/components/checkbox/src/ctx.js

@@ -0,0 +1,43 @@
+import { _VkfFormItemCtx } from '@vunk/form/components/form-item';
+import { checkboxGroupProps, checkboxGroupEmits } from 'element-plus';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.props), checkboxGroupProps), {
+  options: {
+    type: Array,
+    default: () => []
+  },
+  type: {
+    type: String,
+    default: "default"
+  },
+  defaultModelValue: {
+    type: Array,
+    default: void 0
+  },
+  modelValue: {
+    type: Array,
+    default: void 0
+  }
+});
+const emits = __spreadValues({}, checkboxGroupEmits);
+
+export { emits, props };

package/components/checkbox/src/index.vue.d.ts

@@ -0,0 +1,213 @@
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: import("vue").PropType<import("../../../shared/types/form").CheckboxProps[]>;
+        default: () => never[];
+    };
+    type: {
+        type: import("vue").PropType<"default" | "button">;
+        default: string;
+    };
+    defaultModelValue: {
+        type: import("vue").PropType<any[]>;
+        default: undefined;
+    };
+    modelValue: {
+        type: import("vue").PropType<(string | number)[]>;
+        default: undefined;
+    };
+    disabled: BooleanConstructor;
+    min: NumberConstructor;
+    max: NumberConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    label: StringConstructor;
+    fill: StringConstructor;
+    textColor: StringConstructor;
+    tag: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
+    validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rules: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}, {
+    formItemBindProps: import("vue").ComputedRef<{
+        required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        label: string | undefined;
+        labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        prop: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown> | undefined;
+        rules: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown> | undefined;
+        error: string | undefined;
+        validateStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown> | undefined;
+        for: string | undefined;
+        inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+        showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        formItemSize: "default" | "small" | "large";
+        formItemSlots: import("../../form-item/src/types").FormItemSlots | undefined;
+        elRef: any;
+        inline: boolean;
+        readonly: boolean | undefined;
+    }>;
+    coreBindProps: import("vue").ComputedRef<{
+        label: string | undefined;
+        size: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
+        fill: string | undefined;
+        validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        modelValue: (string | number)[] | undefined;
+        max: number | undefined;
+        min: number | undefined;
+        textColor: string | undefined;
+        tag: string;
+    }>;
+    coreOnEmits: {
+        change: (val: import("element-plus").CheckboxValueType[]) => void;
+        "update:modelValue": (val: import("element-plus").CheckboxValueType[]) => void;
+    };
+    options: import("vue").ComputedRef<import("../../../shared/types/form").CheckboxProps[]>;
+    pickObject: <T extends import("@vunk/core").NormalObject, EX extends (keyof T)[] | undefined, KI extends keyof T>(data: T, opts?: {
+        excludes?: EX | undefined;
+        includes?: KI[] | undefined;
+    } | undefined) => { [P in EX extends (infer KE)[] ? Exclude<KI, KE> : KI]: T[P]; };
+    readonly: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: import("element-plus").CheckboxValueType[]) => boolean;
+    change: (val: import("element-plus").CheckboxValueType[]) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: import("vue").PropType<import("../../../shared/types/form").CheckboxProps[]>;
+        default: () => never[];
+    };
+    type: {
+        type: import("vue").PropType<"default" | "button">;
+        default: string;
+    };
+    defaultModelValue: {
+        type: import("vue").PropType<any[]>;
+        default: undefined;
+    };
+    modelValue: {
+        type: import("vue").PropType<(string | number)[]>;
+        default: undefined;
+    };
+    disabled: BooleanConstructor;
+    min: NumberConstructor;
+    max: NumberConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    label: StringConstructor;
+    fill: StringConstructor;
+    textColor: StringConstructor;
+    tag: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
+    validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rules: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((val: import("element-plus").CheckboxValueType[]) => any) | undefined;
+    onChange?: ((val: import("element-plus").CheckboxValueType[]) => any) | undefined;
+}, {
+    required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    type: "default" | "button";
+    labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+    showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    formItemSize: "default" | "small" | "large";
+    formItemSlots: import("../../form-item/src/types").FormItemSlots;
+    inline: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    modelValue: (string | number)[];
+    options: import("../../../shared/types/form").CheckboxProps[];
+    defaultModelValue: any[];
+    tag: string;
+}>;
+export default _default;

package/components/checkbox/src/types.d.ts

@@ -0,0 +1 @@
+export {};

package/components/checkbox/src/types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,4 @@
+import VkfColorPicker from './src/index.vue';
+export * as __VkfColorPicker from './src/types';
+export { VkfColorPicker, };
+export default VkfColorPicker;

package/components/color-picker/index.js

@@ -0,0 +1,77 @@
+import { colorPickerProps, colorPickerEmits, createColorPickerBindProps, createColorPickerOnEmits } from '@vunk/form/shared/element-plus';
+import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
+import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, renderSlot } from 'vue';
+import { ElColorPicker } from 'element-plus';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const props = __spreadValues(__spreadValues({}, _VkfFormItemCtx.props), colorPickerProps);
+const emits = __spreadValues({}, colorPickerEmits);
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main = defineComponent({
+  name: "VkfColorPicker",
+  components: {
+    VkfFormItem,
+    ElColorPicker
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
+    const coreBindProps = createColorPickerBindProps(props2);
+    const coreOnEmits = createColorPickerOnEmits(emit);
+    return {
+      formItemBindProps,
+      coreBindProps,
+      coreOnEmits
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElColorPicker = resolveComponent("ElColorPicker");
+  const _component_VkfFormItem = resolveComponent("VkfFormItem");
+  return openBlock(), createBlock(_component_VkfFormItem, normalizeProps(guardReactiveProps(_ctx.formItemBindProps)), {
+    default: withCtx(() => [
+      createVNode(_component_ElColorPicker, mergeProps(_ctx.coreBindProps, toHandlers(_ctx.coreOnEmits)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16)
+    ]),
+    _: 3
+  }, 16);
+}
+var VkfColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfColorPicker.install = (app) => {
+  app.component(VkfColorPicker.name, VkfColorPicker);
+};
+
+export { VkfColorPicker, types as __VkfColorPicker, VkfColorPicker as default };

package/components/color-picker/src/ctx.d.ts

@@ -0,0 +1,74 @@
+export declare const props: {
+    modelValue: StringConstructor;
+    id: StringConstructor;
+    showAlpha: BooleanConstructor;
+    colorFormat: StringConstructor;
+    disabled: BooleanConstructor;
+    size: {
+        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        validator: (val: string) => val is "" | "default" | "small" | "large";
+    };
+    popperClass: StringConstructor;
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    predefine: ArrayConstructor;
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rules: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+};
+export declare const emits: {
+    change: null;
+    'active-change': null;
+    'update:modelValue': null;
+};

package/components/color-picker/src/ctx.js

@@ -0,0 +1,23 @@
+import { colorPickerProps, colorPickerEmits } from '@vunk/form/shared/element-plus';
+import { _VkfFormItemCtx } from '@vunk/form/components/form-item';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const props = __spreadValues(__spreadValues({}, _VkfFormItemCtx.props), colorPickerProps);
+const emits = __spreadValues({}, colorPickerEmits);
+
+export { emits, props };