@vunk/form 2.16.11 → 2.17.0

package/components/templates-default/index.cjs

@@ -9,6 +9,7 @@ var input = require('@vunk/form/components/input');
 var _switch = require('@vunk/form/components/switch');
 var select = require('@vunk/form/components/select');
 var datePicker = require('@vunk/form/components/date-picker');
+var timePicker = require('@vunk/form/components/time-picker');
 var utilsObject = require('@vunk/core/shared/utils-object');
 var inputNumber = require('@vunk/form/components/input-number');
 var radio = require('@vunk/form/components/radio');
@@ -45,6 +46,7 @@ var _sfc_main = vue.defineComponent({
     VkfSwitch: _switch.VkfSwitch,
     VkfSelect: select.VkfSelect,
     VkfDatePicker: datePicker.VkfDatePicker,
+    VkfTimePicker: timePicker.VkfTimePicker,
     VkfInputNumber: inputNumber.VkfInputNumber,
     VkfRadio: radio.VkfRadio,
     VkfCheckbox: checkbox.VkfCheckbox,
@@ -76,6 +78,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfSwitch = vue.resolveComponent("VkfSwitch");
   const _component_VkfSelect = vue.resolveComponent("VkfSelect");
   const _component_VkfDatePicker = vue.resolveComponent("VkfDatePicker");
+  const _component_VkfTimePicker = vue.resolveComponent("VkfTimePicker");
   const _component_VkfInputNumber = vue.resolveComponent("VkfInputNumber");
   const _component_VkfCascader = vue.resolveComponent("VkfCascader");
   const _component_VkfSlider = vue.resolveComponent("VkfSlider");
@@ -161,6 +164,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
         /* STABLE */
       }),
+      vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfTimePicker" }, {
+        default: vue.withCtx(({ props, value, input }) => [
+          vue.createVNode(_component_VkfTimePicker, vue.mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
+        ]),
+        _: 1
+        /* STABLE */
+      }),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInputNumber" }, {
         default: vue.withCtx(({ props, value, input }) => [
           vue.createVNode(_component_VkfInputNumber, vue.mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])

package/components/templates-default/index.mjs

@@ -5,6 +5,7 @@ import { VkfInput } from '@vunk/form/components/input';
 import { VkfSwitch } from '@vunk/form/components/switch';
 import { VkfSelect } from '@vunk/form/components/select';
 import { VkfDatePicker } from '@vunk/form/components/date-picker';
+import { VkfTimePicker } from '@vunk/form/components/time-picker';
 import { pickObject } from '@vunk/core/shared/utils-object';
 import { VkfInputNumber } from '@vunk/form/components/input-number';
 import { VkfRadio } from '@vunk/form/components/radio';
@@ -41,6 +42,7 @@ var _sfc_main = defineComponent({
     VkfSwitch,
     VkfSelect,
     VkfDatePicker,
+    VkfTimePicker,
     VkfInputNumber,
     VkfRadio,
     VkfCheckbox,
@@ -72,6 +74,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfSwitch = resolveComponent("VkfSwitch");
   const _component_VkfSelect = resolveComponent("VkfSelect");
   const _component_VkfDatePicker = resolveComponent("VkfDatePicker");
+  const _component_VkfTimePicker = resolveComponent("VkfTimePicker");
   const _component_VkfInputNumber = resolveComponent("VkfInputNumber");
   const _component_VkfCascader = resolveComponent("VkfCascader");
   const _component_VkfSlider = resolveComponent("VkfSlider");
@@ -157,6 +160,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
         /* STABLE */
       }),
+      createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfTimePicker" }, {
+        default: withCtx(({ props, value, input }) => [
+          createVNode(_component_VkfTimePicker, mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
+        ]),
+        _: 1
+        /* STABLE */
+      }),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInputNumber" }, {
         default: withCtx(({ props, value, input }) => [
           createVNode(_component_VkfInputNumber, mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])

package/components/templates-default/src/index.vue.d.ts

@@ -93,6 +93,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
         install(app: import("vue").App): void;
     };
+    VkfTimePicker: {
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        [x: string]: any;
+        [x: symbol]: any;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+        install(app: import("vue").App): void;
+    };
     VkfInputNumber: {
         new (...args: any[]): any;
         __isFragment?: never;

package/components/templates-default/src/types.d.ts

@@ -2,6 +2,7 @@ import { BasicSource } from '@vunk/form/shared';
 import { __VkfButton } from '@vunk/form/components/button';
 import { __VkfInput } from '@vunk/form/components/input';
 import { __VkfDatePicker } from '@vunk/form/components/date-picker';
+import { __VkfTimePicker } from '@vunk/form/components/time-picker';
 import { __VkfSelect } from '@vunk/form/components/select';
 import { __VkfSwitch } from '@vunk/form/components/switch';
 import { __VkfInputNumber } from '@vunk/form/components/input-number';
@@ -17,6 +18,7 @@ import { IntoUndefined, Func } from '@vunk/core';
 export type VkfButtonSource<P = string> = __VkfButton.Source<P>;
 export type VkfInputSource<P = string> = __VkfInput.Source<P>;
 export type VkfDatePickerSource<P = string> = __VkfDatePicker.Source<P>;
+export type VkfTimePickerSource<P = string> = __VkfTimePicker.Source<P>;
 export type VkfSelectSource<P = string> = __VkfSelect.Source<P>;
 export type VkfSwitchSource<P = string> = __VkfSwitch.Source<P>;
 export type VkfInputNumberSource<P = string> = __VkfInputNumber.Source<P>;
@@ -32,7 +34,7 @@ export interface ComponentSource extends BasicSource {
     templateType: 'Component';
     is: any;
 }
-export type CoreSource<P = string> = VkfInputSource<P> | VkfSwitchSource<P> | VkfSelectSource<P> | VkfDatePickerSource<P> | VkfInputNumberSource<P> | VkfRadioSource<P> | VkfCheckboxSource<P> | VkfUploadSource<P> | VkfColorPickerSource<P> | VkfButtonSource<P> | VkfCascaderSource<P> | VkfInputLinkSource<P> | VkfSliderSource<P> | VkfInputTagSource<P>;
+export type CoreSource<P = string> = VkfInputSource<P> | VkfSwitchSource<P> | VkfSelectSource<P> | VkfDatePickerSource<P> | VkfTimePickerSource<P> | VkfInputNumberSource<P> | VkfRadioSource<P> | VkfCheckboxSource<P> | VkfUploadSource<P> | VkfColorPickerSource<P> | VkfButtonSource<P> | VkfCascaderSource<P> | VkfInputLinkSource<P> | VkfSliderSource<P> | VkfInputTagSource<P>;
 export type Source<P = string> = CoreSource<P> | ComponentSource;
 /**
  * @example

package/components/time-picker/index.cjs

@@ -0,0 +1,114 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formItem = require('@vunk/form/components/form-item');
+var elementPlus = require('@vunk/form/shared/element-plus');
+var utilsVue = require('@vunk/core/shared/utils-vue');
+var vue = require('vue');
+var elementPlus$1 = require('element-plus');
+var composables = require('@vunk/form/composables');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+
+const props = {
+  ...elementPlus.timePickerProps,
+  ...formItem._VkfFormItemCtx.props,
+  timePickerSlots: {
+    type: Object,
+    default: void 0
+  }
+};
+const createBindProps = utilsVue.bindPropsFactory(props);
+const emits = {
+  ...elementPlus.timePickerEmits
+};
+const createOnEmits = utilsVue.onEmitsFactory(emits);
+
+var ctx = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  createBindProps: createBindProps,
+  createOnEmits: createOnEmits,
+  emits: emits,
+  props: props
+});
+
+var _sfc_main = vue.defineComponent({
+  name: "VkfTimePicker",
+  components: {
+    VkfFormItem: formItem.VkfFormItem,
+    ElTimePicker: elementPlus$1.ElTimePicker
+  },
+  props,
+  emits,
+  setup(props2, { emit }) {
+    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
+    const timePickerBindProps = elementPlus.createTimePickerBindProps(props2, [
+      "readonly"
+    ]);
+    const timePickerOnEmits = elementPlus.createTimePickerOnEmits(emit);
+    const readonly = composables.useComputedReadonly(props2);
+    return {
+      formItemBindProps,
+      timePickerBindProps,
+      timePickerOnEmits,
+      readonly
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElTimePicker = vue.resolveComponent("ElTimePicker");
+  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_ElTimePicker, vue.mergeProps(_ctx.timePickerBindProps, { readonly: _ctx.readonly }, vue.toHandlers(_ctx.timePickerOnEmits)), vue.createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          vue.renderList(_ctx.timePickerSlots, (item, key) => {
+            return {
+              name: key,
+              fn: vue.withCtx((e) => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item?.(e))))
+              ])
+            };
+          })
+        ]), 1040, ["readonly"])
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var VkfTimePicker = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/time-picker/src/index.vue"]]);
+
+const timePickerEmits = {
+  "update:modelValue": null,
+  "change": null,
+  "focus": null,
+  "blur": null,
+  "visible-change": null,
+  "keydown": null
+};
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  timePickerEmits: timePickerEmits
+});
+
+VkfTimePicker.install = (app) => {
+  app.component(
+    VkfTimePicker.name || "VkfTimePicker",
+    VkfTimePicker
+  );
+};
+
+exports.VkfTimePicker = VkfTimePicker;
+exports._VkfTimePickerCtx = ctx;
+exports.__VkfTimePicker = types;
+exports.default = VkfTimePicker;

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

@@ -0,0 +1,5 @@
+import VkfTimePicker from './src/index.vue';
+export * as __VkfTimePicker from './src/types';
+export * as _VkfTimePickerCtx from './src/ctx';
+export { VkfTimePicker, };
+export default VkfTimePicker;

package/components/time-picker/index.mjs

@@ -0,0 +1,107 @@
+import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
+import { timePickerProps, timePickerEmits as timePickerEmits$1, createTimePickerBindProps, createTimePickerOnEmits } from '@vunk/form/shared/element-plus';
+import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
+import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, createSlots, renderList, resolveDynamicComponent } from 'vue';
+import { ElTimePicker } from 'element-plus';
+import { useComputedReadonly } from '@vunk/form/composables';
+import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
+
+const props = {
+  ...timePickerProps,
+  ..._VkfFormItemCtx.props,
+  timePickerSlots: {
+    type: Object,
+    default: void 0
+  }
+};
+const createBindProps = bindPropsFactory(props);
+const emits = {
+  ...timePickerEmits$1
+};
+const createOnEmits = onEmitsFactory(emits);
+
+var ctx = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  createBindProps: createBindProps,
+  createOnEmits: createOnEmits,
+  emits: emits,
+  props: props
+});
+
+var _sfc_main = defineComponent({
+  name: "VkfTimePicker",
+  components: {
+    VkfFormItem,
+    ElTimePicker
+  },
+  props,
+  emits,
+  setup(props2, { emit }) {
+    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
+    const timePickerBindProps = createTimePickerBindProps(props2, [
+      "readonly"
+    ]);
+    const timePickerOnEmits = createTimePickerOnEmits(emit);
+    const readonly = useComputedReadonly(props2);
+    return {
+      formItemBindProps,
+      timePickerBindProps,
+      timePickerOnEmits,
+      readonly
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElTimePicker = resolveComponent("ElTimePicker");
+  const _component_VkfFormItem = resolveComponent("VkfFormItem");
+  return openBlock(), createBlock(
+    _component_VkfFormItem,
+    normalizeProps(guardReactiveProps(_ctx.formItemBindProps)),
+    {
+      default: withCtx(() => [
+        createVNode(_component_ElTimePicker, mergeProps(_ctx.timePickerBindProps, { readonly: _ctx.readonly }, toHandlers(_ctx.timePickerOnEmits)), createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          renderList(_ctx.timePickerSlots, (item, key) => {
+            return {
+              name: key,
+              fn: withCtx((e) => [
+                (openBlock(), createBlock(resolveDynamicComponent(item?.(e))))
+              ])
+            };
+          })
+        ]), 1040, ["readonly"])
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var VkfTimePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/time-picker/src/index.vue"]]);
+
+const timePickerEmits = {
+  "update:modelValue": null,
+  "change": null,
+  "focus": null,
+  "blur": null,
+  "visible-change": null,
+  "keydown": null
+};
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  timePickerEmits: timePickerEmits
+});
+
+VkfTimePicker.install = (app) => {
+  app.component(
+    VkfTimePicker.name || "VkfTimePicker",
+    VkfTimePicker
+  );
+};
+
+export { VkfTimePicker, ctx as _VkfTimePickerCtx, types as __VkfTimePicker, VkfTimePicker as default };