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

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.js

@@ -41,7 +41,7 @@ const emits = {
   "remove": (e) => e
 };
 
-/*! 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) => {
@@ -65,100 +65,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: ""

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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "0.0.1-alpha.26",
+  "version": "0.0.1-alpha.27",
   "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";