@vunk/form 0.0.0-alpha.9 → 0.0.1-alpha.1

package/index.esm.js

@@ -1,17 +1,31 @@
-export * from '@vunk/form/components/input';
+import { VkfForm } from '@vunk/form/components/form';
+export * from '@vunk/form/components/form';
+import { VkfFormItemRenderer } from '@vunk/form/components/form-item-renderer';
 export * from '@vunk/form/components/form-item-renderer';
+import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
 export * from '@vunk/form/components/form-item-renderer-template';
-export * from '@vunk/form/components/drag-wrapper';
-export * from '@vunk/form/components/drop-wrapper';
-export * from '@vunk/form/components/input-config';
-export * from '@vunk/form/components/config-renderer';
-export * from '@vunk/form/components/config-renderer-template';
-export * from '@vunk/form/components/config';
-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/date-picker';
+import { VkfFormItemRendererTemplateLayout } from '@vunk/form/components/form-item-renderer-template-layout';
+export * from '@vunk/form/components/form-item-renderer-template-layout';
+export * from '@vunk/form/shared';
+export * from '@vunk/form/composables';
+
+var Components = [
+  VkfForm,
+  VkfFormItemRenderer,
+  VkfFormItemRendererTemplate,
+  VkfFormItemRendererTemplateLayout
+];
+
+const makeInstaller = (components = []) => {
+  const install = (app) => {
+    components.forEach((c) => app.use(c));
+  };
+  return {
+    install
+  };
+};
+var installer = makeInstaller(Components);
+
+const install = installer.install;
+
+export { installer as default, install };

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@vunk/form",
-  "version": "0.0.0-alpha.9",
+  "version": "0.0.1-alpha.1",
   "description": "",
-  "module": "index.esm.js",
+  "main": "index.esm.js",
   "scripts": {
     "build": "gulp -f gulpfile.ts"
   },
   "keywords": [],
   "author": "",
-  "license": "ISC"
+  "license": "ISC",
+  "module": "index.esm.js"
 }

package/shared/element-plus/ctx.d.ts

@@ -0,0 +1,11 @@
+export declare const createInputBindProps: <T2 extends Record<string, any>, EX extends ("type" | "size" | "label" | "tabindex" | "validateEvent" | "id" | "clearable" | "prefixIcon" | "readonly" | "disabled" | "placeholder" | "modelValue" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "form" | "showPassword" | "showWordLimit" | "suffixIcon" | "containerRole" | "inputStyle")[], K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "type" | "size" | "label" | "tabindex" | "validateEvent" | "id" | "clearable" | "prefixIcon" | "readonly" | "disabled" | "placeholder" | "modelValue" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "form" | "showPassword" | "showWordLimit" | "suffixIcon" | "containerRole" | "inputStyle">>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createInputOnEmits: <T2 extends (...args: any) => any, EX extends ("update:modelValue" | "change" | "focus" | "blur" | "keydown" | "input" | "clear" | "mouseleave" | "mouseenter" | "compositionstart" | "compositionupdate" | "compositionend")[], K extends "update:modelValue" | "change" | "focus" | "blur" | "keydown" | "input" | "clear" | "mouseleave" | "mouseenter" | "compositionstart" | "compositionupdate" | "compositionend">(emit: T2, excludes?: EX) => { [k in K]: T2; };
+export declare const createFormBindProps: <T2 extends Record<string, any>, EX extends ("size" | "labelWidth" | "rules" | "inlineMessage" | "showMessage" | "disabled" | "model" | "labelPosition" | "labelSuffix" | "inline" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError")[], K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "size" | "labelWidth" | "rules" | "inlineMessage" | "showMessage" | "disabled" | "model" | "labelPosition" | "labelSuffix" | "inline" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createFormOnEmits: <T2 extends (...args: any) => any, EX extends "validate"[], K extends "validate">(emit: T2, excludes?: EX) => { [k in K]: T2; };
+export declare const createFormItemBindProps: <T2 extends Record<string, any>, EX extends ("required" | "size" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage")[], K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "required" | "size" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage">>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createSwitchBindProps: <T2 extends Record<string, any>, EX extends ("size" | "value" | "name" | "tabindex" | "validateEvent" | "id" | "disabled" | "modelValue" | "width" | "inlinePrompt" | "activeIcon" | "inactiveIcon" | "activeText" | "inactiveText" | "activeColor" | "inactiveColor" | "borderColor" | "activeValue" | "inactiveValue" | "loading" | "beforeChange")[], K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "size" | "value" | "name" | "tabindex" | "validateEvent" | "id" | "disabled" | "modelValue" | "width" | "inlinePrompt" | "activeIcon" | "inactiveIcon" | "activeText" | "inactiveText" | "activeColor" | "inactiveColor" | "borderColor" | "activeValue" | "inactiveValue" | "loading" | "beforeChange">>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createSwitchOnEmits: <T2 extends (...args: any) => any, EX extends ("update:modelValue" | "change" | "input")[], K extends "update:modelValue" | "change" | "input">(emit: T2, excludes?: EX) => { [k in K]: T2; };
+export declare const createSelectBindProps: <T2 extends Record<string, any>, EX extends ("size" | "name" | "id" | "popperClass" | "clearable" | "clearIcon" | "disabled" | "placeholder" | "modelValue" | "autocomplete" | "suffixIcon" | "loading" | "automaticDropdown" | "effect" | "filterable" | "allowCreate" | "remote" | "loadingText" | "noMatchText" | "noDataText" | "remoteMethod" | "filterMethod" | "multiple" | "multipleLimit" | "defaultFirstOption" | "reserveKeyword" | "valueKey" | "collapseTags" | "collapseTagsTooltip" | "teleported" | "persistent" | "fitInputWidth" | "tagType")[], K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "size" | "name" | "id" | "popperClass" | "clearable" | "clearIcon" | "disabled" | "placeholder" | "modelValue" | "autocomplete" | "suffixIcon" | "loading" | "automaticDropdown" | "effect" | "filterable" | "allowCreate" | "remote" | "loadingText" | "noMatchText" | "noDataText" | "remoteMethod" | "filterMethod" | "multiple" | "multipleLimit" | "defaultFirstOption" | "reserveKeyword" | "valueKey" | "collapseTags" | "collapseTagsTooltip" | "teleported" | "persistent" | "fitInputWidth" | "tagType">>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createSelectOnEmits: <T2 extends (...args: any) => any, EX extends ("update:modelValue" | "change" | "focus" | "blur" | "visible-change" | "clear" | "remove-tag")[], K extends "update:modelValue" | "change" | "focus" | "blur" | "visible-change" | "clear" | "remove-tag">(emit: T2, excludes?: EX) => { [k in K]: T2; };
+export declare const createDatePickerBindProps: <T2 extends Record<string, any>, EX extends ("type" | "size" | "label" | "name" | "disabledDate" | "cellClassName" | "shortcuts" | "arrowControl" | "tabindex" | "validateEvent" | "unlinkPanels" | "disabledHours" | "disabledMinutes" | "disabledSeconds" | "id" | "popperClass" | "format" | "valueFormat" | "clearable" | "clearIcon" | "editable" | "prefixIcon" | "readonly" | "disabled" | "placeholder" | "popperOptions" | "modelValue" | "rangeSeparator" | "startPlaceholder" | "endPlaceholder" | "defaultValue" | "defaultTime" | "isRange")[], K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "type" | "size" | "label" | "name" | "disabledDate" | "cellClassName" | "shortcuts" | "arrowControl" | "tabindex" | "validateEvent" | "unlinkPanels" | "disabledHours" | "disabledMinutes" | "disabledSeconds" | "id" | "popperClass" | "format" | "valueFormat" | "clearable" | "clearIcon" | "editable" | "prefixIcon" | "readonly" | "disabled" | "placeholder" | "popperOptions" | "modelValue" | "rangeSeparator" | "startPlaceholder" | "endPlaceholder" | "defaultValue" | "defaultTime" | "isRange">>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createDatePickerOnEmits: <T2 extends (...args: any) => any, EX extends ("update:modelValue" | "change" | "focus" | "blur" | "calendar-change" | "panel-change" | "visible-change" | "keydown")[], K extends "update:modelValue" | "change" | "focus" | "blur" | "calendar-change" | "panel-change" | "visible-change" | "keydown">(emit: T2, excludes?: EX) => { [k in K]: T2; };

package/shared/element-plus/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ctx';
+export * from './instances';

package/shared/element-plus/{ctx/index.js → index.js}

@@ -1,77 +1,86 @@
 import { useTooltipContentProps, tagProps, timePickerDefaultProps, inputProps, inputEmits, formProps, formEmits, formItemProps, switchProps, switchEmits } from 'element-plus';
-import { bindPropsFactory, onEmitsFactory } from 'vunk/shared/utils-vue';
-import { defineComponent, openBlock, createElementBlock, createElementVNode } from 'vue';
+import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
 
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
+/*! Element Plus Icons Vue v2.0.6 */
+
+// unplugin-vue:/plugin-vue/export-helper
+var export_helper_default = (sfc, props) => {
+  let target = sfc.__vccOpts || sfc;
+  for (let [key, val] of props)
     target[key] = val;
-  }
   return target;
 };
-
-const _sfc_main$1 = defineComponent({
+var _sfc_main12 = {
   name: "ArrowUp"
-});
-const _hoisted_1$1 = {
+}, _hoisted_112 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("path", {
+}, _hoisted_212 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "m488.832 344.32-339.84 356.672a32 32 0 0 0 0 44.16l.384.384a29.44 29.44 0 0 0 42.688 0l320-335.872 319.872 335.872a29.44 29.44 0 0 0 42.688 0l.384-.384a32 32 0 0 0 0-44.16L535.168 344.32a32 32 0 0 0-46.336 0z"
-}, null, -1);
-const _hoisted_3$1 = [
-  _hoisted_2$1
+}, null, -1), _hoisted_312 = [
+  _hoisted_212
 ];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
+function _sfc_render12(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_112, _hoisted_312);
 }
-var arrowUp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
-
-const _sfc_main = defineComponent({
+var arrow_up_default = /* @__PURE__ */ export_helper_default(_sfc_main12, [["render", _sfc_render12], ["__file", "arrow-up.vue"]]);
+var _sfc_main50 = {
   name: "CircleClose"
-});
-const _hoisted_1 = {
+}, _hoisted_150 = {
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
+}, _hoisted_250 = /* @__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);
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", {
+}, null, -1), _hoisted_349 = /* @__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);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
+}, null, -1), _hoisted_415 = [
+  _hoisted_250,
+  _hoisted_349
 ];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+function _sfc_render50(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_150, _hoisted_415);
 }
-var circleClose = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+var circle_close_default = /* @__PURE__ */ export_helper_default(_sfc_main50, [["render", _sfc_render50], ["__file", "circle-close.vue"]]);
 
-var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+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$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    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$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const datePickerProps = __spreadProps(__spreadValues({}, timePickerDefaultProps), {
+  type: {
+    type: String,
+    default: "date"
+  }
+});
+const datePickerEmits = {
+  "update:modelValue": null,
+  "change": null,
+  "focus": null,
+  "blur": null,
+  "calendar-change": null,
+  "panel-change": null,
+  "visible-change": null,
+  "keydown": null
+};
 const selectProps = {
   name: String,
   id: String,
@@ -135,7 +144,7 @@ const selectProps = {
   },
   clearIcon: {
     type: [String, Object],
-    default: circleClose
+    default: circle_close_default
   },
   fitInputWidth: {
     type: Boolean,
@@ -143,9 +152,9 @@ const selectProps = {
   },
   suffixIcon: {
     type: [String, Object],
-    default: arrowUp
+    default: arrow_up_default
   },
-  tagType: __spreadProps$1(__spreadValues$1({}, tagProps.type), { default: "info" })
+  tagType: __spreadProps(__spreadValues({}, tagProps.type), { default: "info" })
 };
 const selectEmits = {
   "update:modelValue": null,
@@ -157,42 +166,6 @@ const selectEmits = {
   "blur": null
 };
 
-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 datePickerProps = __spreadProps(__spreadValues({}, timePickerDefaultProps), {
-  type: {
-    type: String,
-    default: "date"
-  }
-});
-const datePickerEmits = {
-  "update:modelValue": null,
-  "change": null,
-  "focus": null,
-  "blur": null,
-  "calendar-change": null,
-  "panel-change": null,
-  "visible-change": null,
-  "keydown": null
-};
-
 const createInputBindProps = bindPropsFactory(inputProps);
 const createInputOnEmits = onEmitsFactory(inputEmits);
 const createFormBindProps = bindPropsFactory(formProps);
@@ -205,4 +178,4 @@ const createSelectOnEmits = onEmitsFactory(selectEmits);
 const createDatePickerBindProps = bindPropsFactory(datePickerProps);
 const createDatePickerOnEmits = onEmitsFactory(datePickerEmits);
 
-export { createDatePickerBindProps, createDatePickerOnEmits, createFormBindProps, createFormItemBindProps, createFormOnEmits, createInputBindProps, createInputOnEmits, createSelectBindProps, createSelectOnEmits, createSwitchBindProps, createSwitchOnEmits };
+export { createDatePickerBindProps, createDatePickerOnEmits, createFormBindProps, createFormItemBindProps, createFormOnEmits, createInputBindProps, createInputOnEmits, createSelectBindProps, createSelectOnEmits, createSwitchBindProps, createSwitchOnEmits, datePickerEmits, datePickerProps, selectEmits, selectProps };

package/{types/components/date-picker/src/ctx.d.ts → shared/element-plus/instances.d.ts}

@@ -1,10 +1,5 @@
-import { PropType } from 'vue';
-import { DatePickerSlots } from './types';
-export declare const props: {
-    datePickerSlots: {
-        type: PropType<DatePickerSlots>;
-        default: any;
-    };
+import { PropType, Component } from 'vue';
+export declare const datePickerProps: {
     type: {
         type: PropType<"year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
         default: string;
@@ -56,9 +51,9 @@ export declare const props: {
     format: StringConstructor;
     valueFormat: StringConstructor;
     clearable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    clearIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, boolean>;
+    clearIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, boolean>;
     editable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    prefixIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
+    prefixIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
     size: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -86,46 +81,104 @@ export declare const props: {
         __epPropKey: true;
     };
     isRange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    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;
-        __epPropKey: true;
+};
+export declare const datePickerEmits: {
+    'update:modelValue': any;
+    change: any;
+    focus: any;
+    blur: any;
+    'calendar-change': any;
+    'panel-change': any;
+    'visible-change': any;
+    keydown: any;
+};
+export declare const selectProps: {
+    name: StringConstructor;
+    id: StringConstructor;
+    modelValue: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: any;
     };
-    rules: {
-        readonly type: PropType<unknown>;
-        readonly required: false;
-        readonly validator: (val: unknown) => boolean;
-        __epPropKey: true;
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
     };
-    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;
-        __epPropKey: true;
+    automaticDropdown: BooleanConstructor;
+    size: {
+        type: PropType<"" | "default" | "small" | "large">;
     };
-    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>;
-    formItemSize: {
-        type: PropType<"default" | "small" | "large">;
+    effect: {
+        type: PropType<string>;
         default: string;
     };
-    formItemSlots: {
-        type: PropType<import("../../form-item/src/types").FormItemSlots>;
-        default: any;
+    disabled: BooleanConstructor;
+    clearable: BooleanConstructor;
+    filterable: BooleanConstructor;
+    allowCreate: BooleanConstructor;
+    loading: BooleanConstructor;
+    popperClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    remote: BooleanConstructor;
+    loadingText: StringConstructor;
+    noMatchText: StringConstructor;
+    noDataText: StringConstructor;
+    remoteMethod: FunctionConstructor;
+    filterMethod: FunctionConstructor;
+    multiple: BooleanConstructor;
+    multipleLimit: {
+        type: NumberConstructor;
+        default: number;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    defaultFirstOption: BooleanConstructor;
+    reserveKeyword: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    collapseTags: BooleanConstructor;
+    collapseTagsTooltip: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearIcon: {
+        type: PropType<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    };
+    fitInputWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    suffixIcon: {
+        type: PropType<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    };
+    tagType: {
+        default: string;
+        type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+        required: false;
+        validator: (val: unknown) => boolean;
+        __epPropKey: true;
     };
 };
-export declare const emits: {
+export declare const selectEmits: {
     'update:modelValue': any;
     change: any;
+    'remove-tag': any;
+    clear: any;
+    'visible-change': any;
     focus: any;
     blur: any;
-    'calendar-change': any;
-    'panel-change': any;
-    'visible-change': any;
-    keydown: any;
 };

package/shared/helper/index.d.ts

@@ -1,3 +1,3 @@
-import { setData as _setData, unsetData, getValue } from 'vunk/shared/helper';
-declare const setData: typeof _setData;
-export { setData, unsetData, getValue, };
+export declare const createDefaultSlots: <T>(o: T | T[]) => {
+    default: T[];
+};

package/shared/helper/index.js

@@ -1,33 +1,9 @@
-import { setData as setData$1 } from 'vunk/shared/helper';
-export { getValue, unsetData } from 'vunk/shared/helper';
-
-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 setData = (obj, e) => {
-  if (Array.isArray(e.k)) {
-    setData$1(obj, __spreadProps(__spreadValues({}, e), {
-      k: e.k.flat(Infinity)
-    }));
-  } else {
-    setData$1(obj, e);
-  }
+const createDefaultSlots = (o) => {
+  return {
+    default: Array.isArray(o) ? o : [
+      o
+    ]
+  };
 };
 
-export { setData };
+export { createDefaultSlots };

package/shared/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/shared/index.js

@@ -0,0 +1 @@
+

package/shared/types/index.d.ts

@@ -1,3 +1,3 @@
-import { VkfInputSource, VkfSwitchSource, VkfSelectSource, VkfDatePickerSource } from './form-item';
-export * from './shared';
-export declare type FormItemRendererSource<P = string> = VkfInputSource<P> | VkfSwitchSource<P> | VkfSelectSource<P> | VkfDatePickerSource<P>;
+export * from './renderer-source';
+export * from './layout-source';
+export * from './source-manager';

package/shared/types/layout-source/index.d.ts

@@ -0,0 +1,30 @@
+import { VueComponentPropsType } from '@vunk/core';
+import { ElCol, ElRow } from 'element-plus';
+export interface ElRowSource<S> extends VueComponentPropsType<typeof ElRow> {
+    templateType: 'ElRow';
+    templateSlots: S[];
+}
+export interface ElColSource<S> extends VueComponentPropsType<typeof ElCol> {
+    templateType: 'ElCol';
+    templateSlots: S[];
+}
+declare type GlobalValues = 'inherit' | 'initial' | 'unset';
+interface VkfFlex {
+    justify?: 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'left' | 'right' | 'baseline' | 'first baseline' | 'last baseline' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'safe center' | 'unsafe center' | GlobalValues;
+    align?: 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'self-start' | 'self-end' | 'baseline' | 'first baseline' | 'last baseline' | 'safe center' | 'unsafe center' | GlobalValues;
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse' | GlobalValues;
+    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse' | GlobalValues | 'revert' | 'revert-layer';
+}
+declare type IntrinsicSizing = 'max-content' | 'min-content' | 'fit-content';
+interface VkfFlexItem {
+    grow?: number | GlobalValues | 'revert';
+    shrink?: number | GlobalValues | 'revert';
+    basis?: string | IntrinsicSizing | GlobalValues | 'revert' | 'revert-layer' | 'content';
+    overflow?: 'hidden' | 'visible' | 'scroll' | 'auto' | string;
+}
+export interface VkfFlexSource<S> extends VkfFlex, VkfFlexItem {
+    templateType: 'VkfFlex';
+    templateSlots: S[];
+}
+export declare type LayoutSourceEnhance<S> = ElRowSource<S> | ElColSource<S> | VkfFlexSource<S>;
+export {};

package/shared/types/layout-source/index.js

@@ -0,0 +1 @@
+

package/shared/types/renderer-source/compoent.d.ts

@@ -0,0 +1,5 @@
+import type { Merge } from '@vunk/core';
+export declare type ComponentSource<C = undefined> = Merge<{
+    templateType: 'Component';
+    is: any;
+}, C>;

package/{packages/shared/types/form-item → shared/types/renderer-source}/date-picker.d.ts

@@ -1,6 +1,5 @@
 import { VkfDatePicker } from '@vunk/form/components/date-picker';
-import { VueComponentPropsType } from 'vunk/shared/types';
-import { Merge } from '../shared';
+import type { Merge, VueComponentPropsType } from '@vunk/core';
 export declare type VkfDatePickerProps<T = undefined> = Merge<VueComponentPropsType<typeof VkfDatePicker>, T>;
 export declare type VkfDatePickerSource<P = string> = VkfDatePickerProps<{
     prop: P;

package/shared/types/renderer-source/index.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentSource } from './compoent';
+import type { VkfDatePickerSource } from './date-picker';
+import type { VkfInputSource } from './input';
+import type { VkfSelectSource } from './select';
+import type { VkfSwitchSource } from './switch';
+export * from './compoent';
+export * from './date-picker';
+export * from './input';
+export * from './select';
+export * from './switch';
+export declare type FormItemRendererSource<P = string> = VkfInputSource<P> | VkfSwitchSource<P> | VkfSelectSource<P> | VkfDatePickerSource<P> | ComponentSource;

package/shared/types/renderer-source/index.js

@@ -0,0 +1 @@
+

package/{types/packages/shared/types/form-item → shared/types/renderer-source}/input.d.ts

@@ -1,6 +1,5 @@
 import { VkfInput } from '@vunk/form/components/input';
-import { VueComponentPropsType } from 'vunk/shared/types';
-import { Merge } from '../shared';
+import type { Merge, VueComponentPropsType } from '@vunk/core';
 export declare type VkfInputProps<T = undefined> = Merge<VueComponentPropsType<typeof VkfInput>, T>;
 export declare type VkfInputSource<P = string> = VkfInputProps<{
     prop: P;

package/{types/packages/shared/types/form-item → shared/types/renderer-source}/select.d.ts

@@ -1,6 +1,5 @@
 import { VkfSelect } from '@vunk/form/components/select';
-import { VueComponentPropsType } from 'vunk/shared/types';
-import { Merge } from '../shared';
+import type { Merge, VueComponentPropsType } from '@vunk/core';
 export declare type VkfSelectProps<T = undefined> = Merge<VueComponentPropsType<typeof VkfSelect>, T>;
 export declare type VkfSelectSource<P = string> = VkfSelectProps<{
     prop: P;

package/{types/packages/shared/types/form-item → shared/types/renderer-source}/switch.d.ts

@@ -1,6 +1,5 @@
 import { VkfSwitch } from '@vunk/form/components/switch';
-import { VueComponentPropsType } from 'vunk/shared/types';
-import { Merge } from '../shared';
+import type { Merge, VueComponentPropsType } from '@vunk/core';
 export declare type VkfSwitchProps<T = undefined> = Merge<VueComponentPropsType<typeof VkfSwitch>, T>;
 export declare type VkfSwitchSource<P = string> = VkfSwitchProps<{
     prop: P;