@vunk/form 0.0.0-alpha.3 → 0.0.0-alpha.5

package/components/select/index.js

@@ -1,6 +1,6 @@
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { selectProps, selectEmits } from '@vunk/form/shared/element-plus/instances/select';
-import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, createElementBlock, Fragment, renderList } from 'vue';
+import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, createSlots, createElementBlock, Fragment, renderList, renderSlot, resolveDynamicComponent } from 'vue';
 import { createSelectBindProps, createSelectOnEmits } from '@vunk/form/shared/element-plus/ctx';
 import { ElSelect, ElOption } from 'element-plus';
 import { isPlainObject } from 'vunk/shared/utils-object';
@@ -11,6 +11,10 @@ const props = {
   options: {
     type: Array,
     default: () => []
+  },
+  selectSlots: {
+    type: Object,
+    default: void 0
   }
 };
 const emits = {
@@ -46,18 +50,28 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfFormItem = resolveComponent("VkfFormItem");
   return openBlock(), createBlock(_component_VkfFormItem, normalizeProps(guardReactiveProps(_ctx.formItemBindProps)), {
     default: withCtx(() => [
-      createVNode(_component_ElSelect, mergeProps(_ctx.selectBindProps, toHandlers(_ctx.selectOnEmits)), {
+      createVNode(_component_ElSelect, mergeProps(_ctx.selectBindProps, toHandlers(_ctx.selectOnEmits)), createSlots({
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item) => {
             return openBlock(), createBlock(_component_ElOption, mergeProps({
               key: _ctx.getKey(item)
             }, item), null, 16);
-          }), 128))
+          }), 128)),
+          renderSlot(_ctx.$slots, "default")
         ]),
-        _: 1
-      }, 16)
+        _: 2
+      }, [
+        renderList(_ctx.selectSlots, (item, key) => {
+          return {
+            name: key,
+            fn: withCtx((e) => [
+              (openBlock(), createBlock(resolveDynamicComponent(item?.(e))))
+            ])
+          };
+        })
+      ]), 1040)
     ]),
-    _: 1
+    _: 3
   }, 16);
 }
 

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

@@ -1,5 +1,6 @@
 import { VueComponentPropsType } from 'vunk/shared/types';
 import { PropType } from 'vue';
+import { SelectSlots } from './types';
 export declare const props: {
     options: {
         type: PropType<VueComponentPropsType<import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -64,6 +65,10 @@ export declare const props: {
         }>>>[]>;
         default: () => never[];
     };
+    selectSlots: {
+        type: PropType<SelectSlots>;
+        default: undefined;
+    };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {

package/components/select/src/index.vue.d.ts

@@ -62,6 +62,10 @@ declare const _default: import("vue").DefineComponent<{
         }>>>[]>;
         default: () => never[];
     };
+    selectSlots: {
+        type: import("vue").PropType<import("./types").SelectSlots>;
+        default: undefined;
+    };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
@@ -365,6 +369,10 @@ declare const _default: import("vue").DefineComponent<{
         }>>>[]>;
         default: () => never[];
     };
+    selectSlots: {
+        type: import("vue").PropType<import("./types").SelectSlots>;
+        default: undefined;
+    };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
@@ -576,5 +584,6 @@ declare const _default: import("vue").DefineComponent<{
         disabled: boolean;
         created: boolean;
     }>>>[];
+    selectSlots: import("./types").SelectSlots;
 }>;
 export default _default;

package/components/select/src/types.d.ts

@@ -1,3 +1,5 @@
-import { ReturnVoid } from 'vunk/shared/types';
-export declare type LoadEvent = {};
-export declare type OnLoad = (e: LoadEvent) => ReturnVoid;
+import { Func } from '@vunk/form/shared/types';
+export declare type SelectSlots = {
+    prefix?: Func;
+    empty?: Func;
+};

package/index.css

@@ -1,44 +1,47 @@
+
+.vkf-confirm-input .el-input-group__append {
+  cursor: initial;
+}
+
+.vkf-confirm-input .vkf-confirm-input-icon {
+  color: var(--el-color-primary);
+  cursor: pointer;
+}
 
-.vkf-confirm-input .el-input-group__append {
-  cursor: initial;
-}
-
-.vkf-confirm-input .vkf-confirm-input-icon {
-  color: var(--el-color-primary);
-  cursor: pointer;
-}
-
-
-.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-ground-main {
   min-height: 100%;

package/index.d.ts

@@ -24,11 +24,11 @@ export * from '@vunk/form/components/confirm-input'
 export * from '@vunk/form/components/form'
 
 export * from '@vunk/form/components/rules-config'
-
-export * from '@vunk/form/components/switch'
-
-export * from '@vunk/form/components/form-item'
-
-export * from '@vunk/form/components/select'
-
-export * from '@vunk/form/components/select-config'
+
+export * from '@vunk/form/components/switch'
+
+export * from '@vunk/form/components/form-item'
+
+export * from '@vunk/form/components/select'
+
+export * from '@vunk/form/components/select-config'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "0.0.0-alpha.3",
+  "version": "0.0.0-alpha.5",
   "description": "",
   "module": "index.esm.js",
   "scripts": {

package/shared/types/shared/index.d.ts

@@ -5,3 +5,7 @@ export declare type SetDataEvent<K = any> = {
     v: any;
     insert?: boolean;
 };
+export declare type UnsetDataEvent<K = any> = {
+    k: K;
+    n?: number;
+};