@vunk/form 2.18.2 → 2.19.0

package/components/color-picker/index.cjs

@@ -1,80 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var elementPlus = require('element-plus');
-var formItem = require('@vunk/form/components/form-item');
-var vue = require('vue');
-var elementPlus$1 = require('@vunk/form/shared/element-plus');
-var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
-
-const props = {
-  ...formItem._VkfFormItemCtx.props,
-  ...elementPlus.colorPickerProps
-};
-const emits = {
-  ...elementPlus.colorPickerEmits
-};
-
-var _sfc_main = vue.defineComponent({
-  name: "VkfColorPicker",
-  components: {
-    VkfFormItem: formItem.VkfFormItem,
-    ElColorPicker: elementPlus.ElColorPicker
-  },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
-    const coreBindProps = elementPlus$1.createColorPickerBindProps(props2, []);
-    const coreOnEmits = elementPlus$1.createColorPickerOnEmits(emit);
-    return {
-      formItemBindProps,
-      coreBindProps,
-      coreOnEmits
-    };
-  }
-});
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElColorPicker = vue.resolveComponent("ElColorPicker");
-  const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
-  return vue.openBlock(), vue.createBlock(
-    _component_VkfFormItem,
-    vue.normalizeProps(vue.guardReactiveProps(_ctx.formItemBindProps)),
-    {
-      default: vue.withCtx(() => [
-        vue.createVNode(
-          _component_ElColorPicker,
-          vue.mergeProps(_ctx.coreBindProps, vue.toHandlers(_ctx.coreOnEmits)),
-          {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-            /* FORWARDED */
-          },
-          16
-          /* FULL_PROPS */
-        )
-      ]),
-      _: 3
-      /* FORWARDED */
-    },
-    16
-    /* FULL_PROPS */
-  );
-}
-var VkfColorPicker = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/color-picker/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-VkfColorPicker.install = (app) => {
-  app.component(VkfColorPicker.name, VkfColorPicker);
-};
-
-exports.VkfColorPicker = VkfColorPicker;
-exports.__VkfColorPicker = types;
-exports.default = VkfColorPicker;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("element-plus"),s=require("@vunk/form/components/form-item"),n=require("@vunk/form/shared/element-plus"),C=require("@vunk/form/composables"),v={...s._VkfFormItemCtx.props,...l.colorPickerProps,colorFormat:null,colorPickerRef:{type:Function,default:void 0}},I={...l.colorPickerEmits},i=e.defineComponent({name:"VkfColorPicker",__name:"index",props:v,emits:I,setup(u,{emit:p}){const r=u,m=p,a=s._VkfFormItemCtx.createBindProps(r),f=n.createColorPickerBindProps(r,["popperClass"]),P=n.createColorPickerOnEmits(m),c=e.ref(),d=o=>{var t;(t=r.elRef)==null||t.call(r,o),c.value=o==null?void 0:o.$el},k=C.useRtl(c),_=e.computed(()=>e.normalizeClass([r.popperClass,{"is-rtl":k.value}]));return(o,t)=>(e.openBlock(),e.createBlock(e.unref(s.VkfFormItem),e.mergeProps(e.unref(a),{ref:d}),{default:e.withCtx(()=>[e.createVNode(e.unref(l.ElColorPicker),e.mergeProps(e.unref(f),{ref:o.colorPickerRef,"popper-class":_.value},e.toHandlers(e.unref(P))),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},16,["popper-class"])]),_:3},16))}}),R=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfColorPicker=i;exports.__VkfColorPicker=R;exports.default=i;

package/components/color-picker/index.mjs

@@ -1,74 +1,51 @@
-import { colorPickerProps, colorPickerEmits, ElColorPicker } from '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 { createColorPickerBindProps, createColorPickerOnEmits } from '@vunk/form/shared/element-plus';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const props = {
-  ..._VkfFormItemCtx.props,
-  ...colorPickerProps
-};
-const emits = {
-  ...colorPickerEmits
-};
-
-var _sfc_main = defineComponent({
-  name: "VkfColorPicker",
-  components: {
-    VkfFormItem,
-    ElColorPicker
-  },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
-    const coreBindProps = createColorPickerBindProps(props2, []);
-    const coreOnEmits = createColorPickerOnEmits(emit);
-    return {
-      formItemBindProps,
-      coreBindProps,
-      coreOnEmits
-    };
+import { defineComponent as C, ref as _, computed as R, normalizeClass as v, openBlock as B, createBlock as V, unref as r, mergeProps as l, withCtx as c, createVNode as E, toHandlers as I, renderSlot as y } from "vue";
+import { colorPickerProps as F, colorPickerEmits as O, ElColorPicker as b } from "element-plus";
+import { _VkfFormItemCtx as n, VkfFormItem as g } from "@vunk/form/components/form-item";
+import { createColorPickerBindProps as h, createColorPickerOnEmits as x } from "@vunk/form/shared/element-plus";
+import { useRtl as S } from "@vunk/form/composables";
+const j = {
+  ...n.props,
+  ...F,
+  colorFormat: null,
+  colorPickerRef: {
+    type: Function,
+    default: void 0
   }
-});
-
-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
-            /* FORWARDED */
-          },
-          16
-          /* FULL_PROPS */
-        )
+}, z = {
+  ...O
+}, T = /* @__PURE__ */ C({
+  name: "VkfColorPicker",
+  __name: "index",
+  props: j,
+  emits: z,
+  setup(p, { emit: i }) {
+    const e = p, m = i, a = n.createBindProps(e), f = h(e, ["popperClass"]), u = x(m), s = _(), d = (o) => {
+      var t;
+      (t = e.elRef) == null || t.call(e, o), s.value = o == null ? void 0 : o.$el;
+    }, P = S(s), k = R(() => v([
+      e.popperClass,
+      { "is-rtl": P.value }
+    ]));
+    return (o, t) => (B(), V(r(g), l(r(a), { ref: d }), {
+      default: c(() => [
+        E(r(b), l(r(f), {
+          ref: o.colorPickerRef,
+          "popper-class": k.value
+        }, I(r(u))), {
+          default: c(() => [
+            y(o.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["popper-class"])
       ]),
       _: 3
-      /* FORWARDED */
-    },
-    16
-    /* FULL_PROPS */
-  );
-}
-var VkfColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/color-picker/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+    }, 16));
+  }
+}), q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfColorPicker.install = (app) => {
-  app.component(VkfColorPicker.name, VkfColorPicker);
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  T as VkfColorPicker,
+  q as __VkfColorPicker,
+  T as default
 };
-
-export { VkfColorPicker, types as __VkfColorPicker, VkfColorPicker as default };

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

@@ -1,102 +1,147 @@
+import { AnyFunc } from '@vunk/shared';
+import type { PropType } from 'vue';
 export declare const props: {
+    colorFormat: null;
+    colorPickerRef: {
+        type: PropType<AnyFunc>;
+        default: undefined;
+    };
     ariaLabel: StringConstructor;
     emptyValues: ArrayConstructor;
-    valueOnClear: {
-        readonly type: import("vue").PropType<string | number | boolean | Function>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    persistent: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    modelValue: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
+    valueOnClear: import("element-plus/es/utils/index.mjs").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>;
+    persistent: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modelValue: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null) | null)[], unknown, unknown, undefined, boolean>;
     id: StringConstructor;
     showAlpha: BooleanConstructor;
-    colorFormat: StringConstructor;
-    disabled: BooleanConstructor;
+    disabled: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    clearable: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     size: {
-        readonly type: import("vue").PropType<"" | "default" | "small" | "large">;
+        readonly type: PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     popperClass: {
-        readonly type: import("vue").PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
-    tabindex: {
-        readonly type: import("vue").PropType<string | number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: 0;
-    };
-    teleported: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
+        readonly type: PropType<import("element-plus/es/utils/index.mjs").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 | any[] | {
+            [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 | any[] | {
+            [x: string]: boolean;
+        })[])[])[])[])[])[])[])[])[])[]) | ((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 | any[] | {
+            [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 | any[] | {
+            [x: string]: boolean;
+        })[])[])[])[])[])[])[])[])[])[]) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    popperStyle: import("element-plus/es/utils/index.mjs").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>;
+    tabindex: import("element-plus/es/utils/index.mjs").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
+    teleported: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     appendTo: {
-        readonly type: import("vue").PropType<string | HTMLElement>;
+        readonly type: PropType<import("element-plus/es/utils/index.mjs").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;
     };
     predefine: {
-        readonly type: import("vue").PropType<string[]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    validateEvent: {
-        readonly type: import("vue").PropType<boolean>;
+        readonly type: PropType<string[]>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
-    required: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
     };
+    validateEvent: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    required: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     formItemSize: {
-        type: import("vue").PropType<"default" | "small" | "large">;
+        type: PropType<"default" | "small" | "large">;
         default: "default" | "small" | "large";
     };
     formItemSlots: {
-        type: import("vue").PropType<import("@vunk/form/components/form-item/src/types").FormItemSlots>;
-        default: any;
+        type: PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
     };
     elRef: {
-        type: import("vue").PropType<any>;
+        type: PropType<any>;
         required: boolean;
     };
     inline: {
@@ -105,70 +150,47 @@ export declare const props: {
     };
     readonly: {
         type: BooleanConstructor;
-        default: any;
+        default: undefined;
     };
     formItemTip: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
-    formItemTipClass: any;
+    formItemTipClass: null;
     labelTip: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     information: {
         type: BooleanConstructor;
         default: boolean;
     };
-    prop: any;
-    defaultModelValue: any;
+    prop: null;
+    defaultModelValue: null;
     label: StringConstructor;
     labelWidth: {
-        readonly type: import("vue").PropType<string | number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
-    labelPosition: {
-        readonly type: import("vue").PropType<"" | "top" | "left" | "right">;
+        readonly type: PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: "";
     };
+    labelPosition: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "" | "left" | "right" | "top", unknown, "", boolean>;
     rules: {
-        readonly type: import("vue").PropType<unknown>;
+        readonly type: PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils/typescript.mjs").Arrayable<import("element-plus").FormItemRule>) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     error: StringConstructor;
     validateStatus: {
-        readonly type: import("vue").PropType<"" | "error" | "success" | "validating">;
+        readonly type: PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     for: StringConstructor;
-    inlineMessage: {
-        readonly type: import("vue").PropType<string | boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
-    showMessage: {
-        readonly type: import("vue").PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: true;
-    };
+    inlineMessage: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    showMessage: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 };
 export declare const emits: {
     "update:modelValue": (val: string | null) => boolean;
@@ -176,4 +198,5 @@ export declare const emits: {
     activeChange: (val: string | null) => boolean;
     focus: (evt: FocusEvent) => boolean;
     blur: (evt: FocusEvent) => boolean;
+    clear: () => boolean;
 };