@vunk/form 0.0.1-alpha.26 → 0.0.1-alpha.28

package/components/input-number/index.css

@@ -1,4 +1,7 @@
 
+.vkf-input-number-unit{
+  margin-left: 6px;
+}
 .el-input-number.is-readonly{
   --el-readonly-cursor: text;
   --el-disabled-bg-color: initial;

package/components/input-number/index.js

@@ -1,10 +1,12 @@
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { inputNumberProps, inputNumberEmits, ElInputNumber } from 'element-plus';
-import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers } from 'vue';
+import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, createElementBlock, toDisplayString, createCommentVNode } from 'vue';
 import { createInputNumberBindProps, createInputNumberOnEmits } from '@vunk/form/shared/element-plus';
 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;
@@ -20,7 +22,17 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-const props = __spreadValues(__spreadValues({}, _VkfFormItemCtx.props), inputNumberProps);
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.props), inputNumberProps), {
+  readonly: {
+    type: Boolean,
+    default: void 0
+  },
+  unit: {
+    type: String,
+    default: ""
+  }
+});
 const emits = __spreadValues({}, inputNumberEmits);
 
 var script = defineComponent({
@@ -32,7 +44,7 @@ var script = defineComponent({
   emits,
   props,
   setup(props2, { emit }) {
-    const iBindProps = createInputNumberBindProps(props2, ["disabled"]);
+    const iBindProps = createInputNumberBindProps(props2, ["disabled", "readonly"]);
     const iOnEmits = createInputNumberOnEmits(emit);
     const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
     const readonly = useComputedReadonly(props2);
@@ -45,6 +57,10 @@ var script = defineComponent({
   }
 });
 
+const _hoisted_1 = {
+  key: 0,
+  class: "vkf-input-number-unit"
+};
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElInputNumber = resolveComponent("ElInputNumber");
   const _component_VkfFormItem = resolveComponent("VkfFormItem");
@@ -55,8 +71,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           "is-readonly": _ctx.readonly
         }
       }, _ctx.iBindProps, toHandlers(_ctx.iOnEmits), {
+        readonly: _ctx.readonly,
         disabled: _ctx.readonly || _ctx.disabled
-      }), null, 16, ["class", "disabled"])
+      }), null, 16, ["class", "readonly", "disabled"]),
+      _ctx.unit ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.unit), 1)) : createCommentVNode("v-if", true)
     ]),
     _: 1
   }, 16);

package/components/input-number/src/ctx.d.ts

@@ -1,11 +1,18 @@
 export declare const props: {
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    unit: {
+        type: StringConstructor;
+        default: string;
+    };
     id: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
     step: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
     stepStrictly: BooleanConstructor;
     max: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     min: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     modelValue: NumberConstructor;
-    readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;

package/components/input-number/src/ctx.js

@@ -2,6 +2,8 @@ import { _VkfFormItemCtx } from '@vunk/form/components/form-item';
 import { inputNumberProps, inputNumberEmits } 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;
@@ -17,7 +19,17 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-const props = __spreadValues(__spreadValues({}, _VkfFormItemCtx.props), inputNumberProps);
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.props), inputNumberProps), {
+  readonly: {
+    type: Boolean,
+    default: void 0
+  },
+  unit: {
+    type: String,
+    default: ""
+  }
+});
 const emits = __spreadValues({}, inputNumberEmits);
 
 export { emits, props };

package/components/input-number/src/index.vue.d.ts

@@ -1,11 +1,18 @@
 declare const _default: import("vue").DefineComponent<{
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    unit: {
+        type: StringConstructor;
+        default: string;
+    };
     id: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
     step: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
     stepStrictly: BooleanConstructor;
     max: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     min: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     modelValue: NumberConstructor;
-    readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
@@ -82,12 +89,11 @@ declare const _default: import("vue").DefineComponent<{
         formItemSlots: import("../../form-item/src/types").FormItemSlots | undefined;
         elRef: any;
         inline: boolean;
-        readonly: boolean;
+        readonly: boolean | undefined;
     }>;
     iBindProps: import("vue").ComputedRef<{
         label: string | undefined;
         size: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
-        readonly: boolean;
         name: string | undefined;
         id: string | undefined;
         validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -117,13 +123,20 @@ declare const _default: import("vue").DefineComponent<{
     input: (val: number | null | undefined) => boolean;
     "update:modelValue": (val: number | undefined) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    unit: {
+        type: StringConstructor;
+        default: string;
+    };
     id: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
     step: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
     stepStrictly: BooleanConstructor;
     max: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     min: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     modelValue: NumberConstructor;
-    readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
@@ -209,5 +222,6 @@ declare const _default: import("vue").DefineComponent<{
     controls: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     controlsPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "right", unknown>;
     valueOnClear: any;
+    unit: string;
 }>;
 export default _default;

package/components/upload/index.css

@@ -8,13 +8,13 @@
   min-width: 100px;
 }
 
-
-.el-upload-list__item-status-label{
-  z-index: 1;
-}
-.el-upload-list__item .el-icon--close{
-  z-index: 1;
-}
-.el-upload-list__item-name .el-icon.el-icon--download-primary{
-  color: var(--el-color-primary);
-}
+
+.el-upload-list__item-status-label{
+  z-index: 1;
+}
+.el-upload-list__item .el-icon--close{
+  z-index: 1;
+}
+.el-upload-list__item-name .el-icon.el-icon--download-primary{
+  color: var(--el-color-primary);
+}

package/components/upload/index.d.ts

@@ -1,4 +1,5 @@
 import VkfUpload from './src/index.vue';
 export * as __VkfUpload from './src/types';
+export * as _VkfUploadCtx from './src/ctx';
 export { VkfUpload, };
 export default VkfUpload;

package/components/upload/index.js

@@ -1,4 +1,5 @@
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
+import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
 import { uploadProps, ElProgress, ElIcon, useNamespace, useLocale, ElUpload, ElLink } from 'element-plus';
 import { openBlock, createElementBlock, createElementVNode, defineComponent, resolveComponent, Fragment, createCommentVNode, normalizeClass, createBlock, withModifiers, createVNode, withCtx, toDisplayString, normalizeStyle, shallowRef, normalizeProps, guardReactiveProps, mergeProps, createSlots, renderSlot, createTextVNode } from 'vue';
 import { pickObject } from '@vunk/core/shared/utils-object';
@@ -36,12 +37,22 @@ const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.pr
     default: ""
   }
 });
+const createBindProps = bindPropsFactory(props);
 const emits = {
   "update:fileList": null,
   "remove": (e) => e
 };
+const createOnEmits = onEmitsFactory(emits);
 
-/*! Element Plus Icons Vue v2.0.6 */
+var ctx = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  props: props,
+  createBindProps: createBindProps,
+  emits: emits,
+  createOnEmits: createOnEmits
+});
+
+/*! Element Plus Icons Vue v2.0.9 */
 
 // unplugin-vue:/plugin-vue/export-helper
 var export_helper_default = (sfc, props) => {
@@ -65,100 +76,100 @@ function _sfc_render43(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_143, _hoisted_342);
 }
 var check_default = /* @__PURE__ */ export_helper_default(_sfc_main43, [["render", _sfc_render43], ["__file", "check.vue"]]);
-var _sfc_main48 = {
+var _sfc_main49 = {
   name: "CircleCheck"
-}, _hoisted_148 = {
+}, _hoisted_149 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, _hoisted_248 = /* @__PURE__ */ createElementVNode("path", {
+}, _hoisted_249 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-}, null, -1), _hoisted_347 = /* @__PURE__ */ createElementVNode("path", {
+}, null, -1), _hoisted_348 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
-}, null, -1), _hoisted_414 = [
-  _hoisted_248,
-  _hoisted_347
+}, null, -1), _hoisted_415 = [
+  _hoisted_249,
+  _hoisted_348
 ];
-function _sfc_render48(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_148, _hoisted_414);
+function _sfc_render49(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_149, _hoisted_415);
 }
-var circle_check_default = /* @__PURE__ */ export_helper_default(_sfc_main48, [["render", _sfc_render48], ["__file", "circle-check.vue"]]);
-var _sfc_main55 = {
+var circle_check_default = /* @__PURE__ */ export_helper_default(_sfc_main49, [["render", _sfc_render49], ["__file", "circle-check.vue"]]);
+var _sfc_main56 = {
   name: "Close"
-}, _hoisted_155 = {
+}, _hoisted_156 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, _hoisted_255 = /* @__PURE__ */ createElementVNode("path", {
+}, _hoisted_256 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-}, null, -1), _hoisted_354 = [
-  _hoisted_255
+}, null, -1), _hoisted_355 = [
+  _hoisted_256
 ];
-function _sfc_render55(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_155, _hoisted_354);
+function _sfc_render56(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_156, _hoisted_355);
 }
-var close_default = /* @__PURE__ */ export_helper_default(_sfc_main55, [["render", _sfc_render55], ["__file", "close.vue"]]);
-var _sfc_main79 = {
+var close_default = /* @__PURE__ */ export_helper_default(_sfc_main56, [["render", _sfc_render56], ["__file", "close.vue"]]);
+var _sfc_main80 = {
   name: "Delete"
-}, _hoisted_179 = {
+}, _hoisted_180 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, _hoisted_279 = /* @__PURE__ */ createElementVNode("path", {
+}, _hoisted_280 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"
-}, null, -1), _hoisted_378 = [
-  _hoisted_279
+}, null, -1), _hoisted_379 = [
+  _hoisted_280
 ];
-function _sfc_render79(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_179, _hoisted_378);
+function _sfc_render80(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_180, _hoisted_379);
 }
-var delete_default = /* @__PURE__ */ export_helper_default(_sfc_main79, [["render", _sfc_render79], ["__file", "delete.vue"]]);
-var _sfc_main89 = {
+var delete_default = /* @__PURE__ */ export_helper_default(_sfc_main80, [["render", _sfc_render80], ["__file", "delete.vue"]]);
+var _sfc_main90 = {
   name: "Document"
-}, _hoisted_189 = {
+}, _hoisted_190 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, _hoisted_289 = /* @__PURE__ */ createElementVNode("path", {
+}, _hoisted_290 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"
-}, null, -1), _hoisted_388 = [
-  _hoisted_289
+}, null, -1), _hoisted_389 = [
+  _hoisted_290
 ];
-function _sfc_render89(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_189, _hoisted_388);
+function _sfc_render90(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_190, _hoisted_389);
 }
-var document_default = /* @__PURE__ */ export_helper_default(_sfc_main89, [["render", _sfc_render89], ["__file", "document.vue"]]);
-var _sfc_main90 = {
+var document_default = /* @__PURE__ */ export_helper_default(_sfc_main90, [["render", _sfc_render90], ["__file", "document.vue"]]);
+var _sfc_main91 = {
   name: "Download"
-}, _hoisted_190 = {
+}, _hoisted_191 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, _hoisted_290 = /* @__PURE__ */ createElementVNode("path", {
+}, _hoisted_291 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64v450.304z"
-}, null, -1), _hoisted_389 = [
-  _hoisted_290
+}, null, -1), _hoisted_390 = [
+  _hoisted_291
 ];
-function _sfc_render90(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_190, _hoisted_389);
+function _sfc_render91(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_191, _hoisted_390);
 }
-var download_default = /* @__PURE__ */ export_helper_default(_sfc_main90, [["render", _sfc_render90], ["__file", "download.vue"]]);
-var _sfc_main282 = {
+var download_default = /* @__PURE__ */ export_helper_default(_sfc_main91, [["render", _sfc_render91], ["__file", "download.vue"]]);
+var _sfc_main292 = {
   name: "ZoomIn"
-}, _hoisted_1282 = {
+}, _hoisted_1292 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, _hoisted_2282 = /* @__PURE__ */ createElementVNode("path", {
+}, _hoisted_2292 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"
-}, null, -1), _hoisted_3281 = [
-  _hoisted_2282
+}, null, -1), _hoisted_3291 = [
+  _hoisted_2292
 ];
-function _sfc_render282(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1282, _hoisted_3281);
+function _sfc_render292(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1292, _hoisted_3291);
 }
-var zoom_in_default = /* @__PURE__ */ export_helper_default(_sfc_main282, [["render", _sfc_render282], ["__file", "zoom-in.vue"]]);
+var zoom_in_default = /* @__PURE__ */ export_helper_default(_sfc_main292, [["render", _sfc_render292], ["__file", "zoom-in.vue"]]);
 
 const restFetch = new RestFetch({
   baseURL: ""
@@ -330,8 +341,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
     createCommentVNode(" This is a bug which needs to be fixed "),
     createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
-    createCommentVNode(` <i v-if="!disabled" :class="nsIcon.m('close-tip')">{{\r
-      t('el.upload.deleteTip')\r
+    createCommentVNode(` <i v-if="!disabled" :class="nsIcon.m('close-tip')">{{
+      t('el.upload.deleteTip')
   }}</i> `),
     createCommentVNode(" picture-card "),
     _ctx.listType === "picture-card" ? (openBlock(), createElementBlock("span", {
@@ -482,4 +493,4 @@ script.install = (app) => {
   app.component(script.name, script);
 };
 
-export { script as VkfUpload, types as __VkfUpload, script as default };
+export { script as VkfUpload, ctx as _VkfUploadCtx, types as __VkfUpload, script as default };

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

@@ -162,7 +162,12 @@ export declare const props: {
         default: undefined;
     };
 };
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", keyof T2> | Extract<"type", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"name", keyof T2> | Extract<"data", keyof T2> | Extract<"disabled", keyof T2> | Extract<"drag", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onChange", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"listType", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"preview", keyof T2> | Extract<"method", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"tip", keyof T2>)[] | undefined>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required", keyof T2>, KE> | Exclude<Extract<"type", keyof T2>, KE> | Exclude<Extract<"label", keyof T2>, KE> | Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"prop", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"error", keyof T2>, KE> | Exclude<Extract<"validateStatus", keyof T2>, KE> | Exclude<Extract<"for", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"formItemSize", keyof T2>, KE> | Exclude<Extract<"formItemSlots", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"readonly", keyof T2>, KE> | Exclude<Extract<"name", keyof T2>, KE> | Exclude<Extract<"data", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"drag", keyof T2>, KE> | Exclude<Extract<"multiple", keyof T2>, KE> | Exclude<Extract<"onChange", keyof T2>, KE> | Exclude<Extract<"onRemove", keyof T2>, KE> | Exclude<Extract<"listType", keyof T2>, KE> | Exclude<Extract<"onPreview", keyof T2>, KE> | Exclude<Extract<"preview", keyof T2>, KE> | Exclude<Extract<"method", keyof T2>, KE> | Exclude<Extract<"beforeUpload", keyof T2>, KE> | Exclude<Extract<"beforeRemove", keyof T2>, KE> | Exclude<Extract<"onSuccess", keyof T2>, KE> | Exclude<Extract<"onProgress", keyof T2>, KE> | Exclude<Extract<"onError", keyof T2>, KE> | Exclude<Extract<"onExceed", keyof T2>, KE> | Exclude<Extract<"action", keyof T2>, KE> | Exclude<Extract<"headers", keyof T2>, KE> | Exclude<Extract<"withCredentials", keyof T2>, KE> | Exclude<Extract<"showFileList", keyof T2>, KE> | Exclude<Extract<"accept", keyof T2>, KE> | Exclude<Extract<"fileList", keyof T2>, KE> | Exclude<Extract<"autoUpload", keyof T2>, KE> | Exclude<Extract<"httpRequest", keyof T2>, KE> | Exclude<Extract<"limit", keyof T2>, KE> | Exclude<Extract<"tip", keyof T2>, KE> : Extract<"required", keyof T2> | Extract<"type", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"name", keyof T2> | Extract<"data", keyof T2> | Extract<"disabled", keyof T2> | Extract<"drag", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onChange", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"listType", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"preview", keyof T2> | Extract<"method", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"tip", keyof T2>]: { [k in Extract<"required", keyof T2> | Extract<"type", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"name", keyof T2> | Extract<"data", keyof T2> | Extract<"disabled", keyof T2> | Extract<"drag", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onChange", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"listType", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"preview", keyof T2> | Extract<"method", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"tip", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     'update:fileList': null;
     remove: (e: UploadFile) => UploadFile;
 };
+export declare const createOnEmits: <T2 extends import("@vunk/core").AnyFunc, EX extends ("remove" | "update:fileList")[] | undefined>(emit: T2, excludes?: EX | undefined) => { [P in EX extends (infer KE)[] ? Exclude<"remove", KE> | Exclude<"update:fileList", KE> : "remove" | "update:fileList"]: {
+    'update:fileList': (...e: import("@vunk/core").RestParameters<T2>) => void;
+    remove: (...e: import("@vunk/core").RestParameters<T2>) => void;
+}[P]; };

package/components/upload/src/ctx.js

@@ -1,4 +1,5 @@
 import { _VkfFormItemCtx } from '@vunk/form/components/form-item';
+import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
 import { uploadProps } from 'element-plus';
 
 var __defProp = Object.defineProperty;
@@ -30,9 +31,11 @@ const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.pr
     default: ""
   }
 });
+const createBindProps = bindPropsFactory(props);
 const emits = {
   "update:fileList": null,
   "remove": (e) => e
 };
+const createOnEmits = onEmitsFactory(emits);
 
-export { emits, props };
+export { createBindProps, createOnEmits, emits, props };

package/index.css

@@ -51,6 +51,9 @@
 }
 
 
+.vkf-input-number-unit{
+  margin-left: 6px;
+}
 .el-input-number.is-readonly{
   --el-readonly-cursor: text;
   --el-disabled-bg-color: initial;
@@ -129,13 +132,13 @@
   min-width: 100px;
 }
 
-
-.el-upload-list__item-status-label{
-  z-index: 1;
-}
-.el-upload-list__item .el-icon--close{
-  z-index: 1;
-}
-.el-upload-list__item-name .el-icon.el-icon--download-primary{
-  color: var(--el-color-primary);
-}
+
+.el-upload-list__item-status-label{
+  z-index: 1;
+}
+.el-upload-list__item .el-icon--close{
+  z-index: 1;
+}
+.el-upload-list__item-name .el-icon.el-icon--download-primary{
+  color: var(--el-color-primary);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "0.0.1-alpha.26",
+  "version": "0.0.1-alpha.28",
   "description": "",
   "main": "index.esm.js",
   "scripts": {

package/shared/element-plus/index.js

@@ -2,7 +2,7 @@ import { componentSizes, useTooltipContentProps, tagProps, timePickerDefaultProp
 import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
 import { openBlock, createElementBlock, createElementVNode } from 'vue';
 
-/*! Element Plus Icons Vue v2.0.6 */
+/*! Element Plus Icons Vue v2.0.9 */
 
 // unplugin-vue:/plugin-vue/export-helper
 var export_helper_default = (sfc, props) => {
@@ -26,25 +26,25 @@ function _sfc_render6(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_16, _hoisted_36);
 }
 var arrow_down_default = /* @__PURE__ */ export_helper_default(_sfc_main6, [["render", _sfc_render6], ["__file", "arrow-down.vue"]]);
-var _sfc_main50 = {
+var _sfc_main51 = {
   name: "CircleClose"
-}, _hoisted_150 = {
+}, _hoisted_151 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-}, _hoisted_250 = /* @__PURE__ */ createElementVNode("path", {
+}, _hoisted_251 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"
-}, null, -1), _hoisted_349 = /* @__PURE__ */ createElementVNode("path", {
+}, null, -1), _hoisted_350 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-}, null, -1), _hoisted_415 = [
-  _hoisted_250,
-  _hoisted_349
+}, null, -1), _hoisted_416 = [
+  _hoisted_251,
+  _hoisted_350
 ];
-function _sfc_render50(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_150, _hoisted_415);
+function _sfc_render51(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_151, _hoisted_416);
 }
-var circle_close_default = /* @__PURE__ */ export_helper_default(_sfc_main50, [["render", _sfc_render50], ["__file", "circle-close.vue"]]);
+var circle_close_default = /* @__PURE__ */ export_helper_default(_sfc_main51, [["render", _sfc_render51], ["__file", "circle-close.vue"]]);
 
 var _a;
 const isClient = typeof window !== "undefined";