@vunk/form 0.0.0-alpha.6 → 0.0.0-alpha.9

package/components/form/src/utils.d.ts

@@ -1,2 +1,2 @@
-import { _VkfFormItemRendererUtils } from '@vunk/form/components/form-item-renderer';
+import { _VkfFormItemRendererUtils } from '@vunk-form/components/form-item-renderer';
 export { _VkfFormItemRendererUtils, };

package/components/form-item/index.js

@@ -3,8 +3,26 @@ import { bindPropsFactory } from 'vunk/shared/utils-vue';
 import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, renderList, resolveDynamicComponent } from 'vue';
 import { createFormItemBindProps } from '@vunk/form/shared/element-plus/ctx';
 
-const _props = {
-  ...formItemProps,
+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({}, formItemProps), {
   formItemSize: {
     type: String,
     default: "default"
@@ -13,7 +31,7 @@ const _props = {
     type: Object,
     default: void 0
   }
-};
+});
 Reflect.deleteProperty(_props, "size");
 const props = _props;
 const createBindProps = bindPropsFactory(props);
@@ -50,7 +68,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       return {
         name: key,
         fn: withCtx((e) => [
-          (openBlock(), createBlock(resolveDynamicComponent(item?.(e))))
+          (openBlock(), createBlock(resolveDynamicComponent(item == null ? void 0 : item(e))))
         ])
       };
     })

package/components/form-item/src/ctx.d.ts

@@ -2,43 +2,43 @@ import { FormItemSlots } from './types';
 import { PropType } from 'vue';
 export declare const props: Omit<{
     formItemSize: {
-        type: PropType<"small" | "default" | "large">;
+        type: PropType<"default" | "small" | "large">;
         default: string;
     };
     formItemSlots: {
         type: PropType<FormItemSlots>;
-        default: undefined;
+        default: any;
     };
     label: StringConstructor;
     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;
+        readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     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 type: PropType<unknown>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __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;
+        readonly validator: (val: unknown) => boolean;
         __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>;
     size: {
-        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
 }, "size">;
-export declare const createBindProps: <T2 extends Record<string, any>, EX extends ("required" | "rules" | "labelWidth" | "inlineMessage" | "showMessage" | "label" | "prop" | "error" | "validateStatus" | "for" | "formItemSize" | "formItemSlots")[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "required" | "rules" | "labelWidth" | "inlineMessage" | "showMessage" | "label" | "prop" | "error" | "validateStatus" | "for" | "formItemSize" | "formItemSlots">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createBindProps: <T2 extends Record<string, any>, EX extends ("required" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "formItemSize" | "formItemSlots")[], K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "required" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "formItemSize" | "formItemSlots">>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;

package/components/form-item/src/index.vue.d.ts

@@ -1,94 +1,83 @@
 declare const _default: import("vue").DefineComponent<Omit<{
     formItemSize: {
-        type: import("vue").PropType<"small" | "default" | "large">;
+        type: import("vue").PropType<"default" | "small" | "large">;
         default: string;
     };
     formItemSlots: {
         type: import("vue").PropType<import("./types").FormItemSlots>;
-        default: undefined;
+        default: any;
     };
     label: StringConstructor;
     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;
+        readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     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 type: import("vue").PropType<unknown>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __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;
+        readonly validator: (val: unknown) => boolean;
         __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>;
     size: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
 }, "size">, {
-    formItemBindProps: import("vue").ComputedRef<{
-        required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, 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;
-        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>;
-        label: string | undefined;
-        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;
-        error: string | undefined;
-        validateStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown> | undefined;
-        for: string | undefined;
-    }>;
+    formItemBindProps: import("vue").ComputedRef<{}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Omit<{
     formItemSize: {
-        type: import("vue").PropType<"small" | "default" | "large">;
+        type: import("vue").PropType<"default" | "small" | "large">;
         default: string;
     };
     formItemSlots: {
         type: import("vue").PropType<import("./types").FormItemSlots>;
-        default: undefined;
+        default: any;
     };
     label: StringConstructor;
     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;
+        readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     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 type: import("vue").PropType<unknown>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __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;
+        readonly validator: (val: unknown) => boolean;
         __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>;
     size: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
 }, "size">>>, {
@@ -96,7 +85,7 @@ declare const _default: import("vue").DefineComponent<Omit<{
     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: "small" | "default" | "large";
+    formItemSize: "default" | "small" | "large";
     formItemSlots: import("./types").FormItemSlots;
 }>;
 export default _default;

package/components/form-item/src/types.d.ts

@@ -1,4 +1,4 @@
-import { Func } from '@vunk/form/shared/types';
+import { Func } from '@vunk-form/shared/types';
 export declare type FormItemSlots = {
     label: Func<{
         label: string;

package/components/form-item-renderer/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, shallowReactive, provide, h } from 'vue';
+import { defineComponent, shallowReactive, provide, h, nextTick } from 'vue';
 
 const props = {
   source: {
@@ -17,11 +17,28 @@ const props = {
 
 const S_TEMPLATE_INSTANCES = Symbol("templateInstances");
 
+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 VkfFormItemRenderer = defineComponent({
   name: "VkfFormItemRenderer",
   props: props,
   setup(props$1, ctx) {
-    const templateInstances = props$1.templateInstances ?? shallowReactive({});
+    var _a;
+    const templateInstances = (_a = props$1.templateInstances) != null ? _a : shallowReactive({});
     provide(S_TEMPLATE_INSTANCES, templateInstances);
     const Renderer = defineComponent({
       props: props,
@@ -35,19 +52,25 @@ const VkfFormItemRenderer = defineComponent({
     });
     const renderFormItems = (data, pK = []) => {
       return data.reduce((a, c, index) => {
+        var _a2, _b, _c;
         const currentK = [...props$1.k, ...pK, index];
         if (c.templateType && templateInstances[c.templateType]) {
-          const slotData = { ...c };
+          const slotData = __spreadValues({}, c);
           Reflect.deleteProperty(slotData, "templateType");
           Reflect.deleteProperty(slotData, "templateSlots");
-          const nodes = templateInstances[c.templateType].slots.default?.({
+          const nodes = (_b = (_a2 = templateInstances[c.templateType].slots).default) == null ? void 0 : _b.call(_a2, {
             data: slotData,
             raw: c,
             Renderer,
             k: currentK
           });
           nodes && a.push(nodes);
-        } else if (c.templateSlots?.default) {
+        } else if ((_c = c.templateSlots) == null ? void 0 : _c.default) {
+          nextTick(() => {
+            if (c.templateType && !templateInstances[c.templateType]) {
+              console.warn(c.templateType, "templateType\u4E0D\u5B58\u5728\u5C06\u8DF3\u8FC7");
+            }
+          });
           currentK.push("templateSlots", "default");
           return renderFormItems(c.templateSlots.default, currentK);
         }
@@ -55,7 +78,8 @@ const VkfFormItemRenderer = defineComponent({
       }, []);
     };
     return () => {
-      const tempSlots = ctx.slots.default?.();
+      var _a2, _b;
+      const tempSlots = (_b = (_a2 = ctx.slots).default) == null ? void 0 : _b.call(_a2);
       return [
         tempSlots,
         renderFormItems(props$1.source)

package/components/form-item-renderer/src/ctx.d.ts

@@ -3,14 +3,14 @@ import { RendererTreeData } from './types';
 export declare const props: {
     source: {
         type: PropType<RendererTreeData[]>;
-        default: () => never[];
+        default: () => any[];
     };
     templateInstances: {
         type: PropType<Record<string, ComponentInternalInstance>>;
-        default: undefined;
+        default: any;
     };
     k: {
         type: PropType<(string | number)[]>;
-        default: () => never[];
+        default: () => any[];
     };
 };

package/components/form-item-renderer/src/index.vue.d.ts

@@ -3,36 +3,36 @@ import { RendererTreeData } from './types';
 declare const VkfFormItemRenderer: import("vue").DefineComponent<{
     source: {
         type: import("vue").PropType<RendererTreeData[]>;
-        default: () => never[];
+        default: () => any[];
     };
     templateInstances: {
         type: import("vue").PropType<Record<string, ComponentInternalInstance>>;
-        default: undefined;
+        default: any;
     };
     k: {
         type: import("vue").PropType<(string | number)[]>;
-        default: () => never[];
+        default: () => any[];
     };
 }, () => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[] | (VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>[] | VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | undefined)[][] | undefined)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>[][])[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     source: {
         type: import("vue").PropType<RendererTreeData[]>;
-        default: () => never[];
+        default: () => any[];
     };
     templateInstances: {
         type: import("vue").PropType<Record<string, ComponentInternalInstance>>;
-        default: undefined;
+        default: any;
     };
     k: {
         type: import("vue").PropType<(string | number)[]>;
-        default: () => never[];
+        default: () => any[];
     };
 }>>, {
-    source: RendererTreeData[];
     templateInstances: Record<string, ComponentInternalInstance>;
+    source: RendererTreeData[];
     k: (string | number)[];
 }>;
 export default VkfFormItemRenderer;

package/components/form-item-renderer-template/src/index.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<{
         required: boolean;
         default: string;
     };
-}, () => null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: StringConstructor;
         required: boolean;

package/components/ground/index.css

@@ -1,37 +1,37 @@
-
-.vkf-ground {
-  display: flex;
-}
-
-.vkf-ground-widget-x {
-  width: 15em;
-  height: 100%;
-}
-
-.vkf-ground-main-x {
-  flex: 3;
-}
-
-.vkf-ground-main-x .vkf-ground-main-card {
-  height: 100%;
-}
-
-.vkf-ground-main-card>.vk-card-title {
-  display: flex;
-  justify-content: end;
-  margin-bottom: var(--gap-xxs);
-}
-
-.vkf-ground-main-card>.vk-card-body {
-  height: 100%;
-  border: 2px var(--el-border-color) dashed;
-  overflow: auto;
-}
-
-.vkf-ground-config-x {
-  padding: 0 1em;
-  flex: 1;
-}
+
+.vkf-ground {
+  display: flex;
+}
+
+.vkf-ground-widget-x {
+  width: 15em;
+  height: 100%;
+}
+
+.vkf-ground-main-x {
+  flex: 3;
+}
+
+.vkf-ground-main-x .vkf-ground-main-card {
+  height: 100%;
+}
+
+.vkf-ground-main-card>.vk-card-title {
+  display: flex;
+  justify-content: end;
+  margin-bottom: var(--gap-xxs);
+}
+
+.vkf-ground-main-card>.vk-card-body {
+  height: 100%;
+  border: 2px var(--el-border-color) dashed;
+  overflow: auto;
+}
+
+.vkf-ground-config-x {
+  padding: 0 1em;
+  flex: 1;
+}
 
 .vkf-widget-tab{
   position: relative;