@vunk/form 1.1.5 → 1.1.7

package/components/button/index.d.ts

@@ -1,4 +1,4 @@
-import VkfButton from './src/index.vue';
+import VkfButton from './src/index.vue.d';
 export * as __VkfButton from './src/types';
 export { VkfButton, };
 export default VkfButton;

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

@@ -1,6 +1,6 @@
 import { Func, VueComponentPropsType } from '@vunk/core';
 import { BasicSource } from '@vunk/form/shared';
-import VkfButton from './index.vue';
+import VkfButton from './index.vue.d';
 export interface ButtonSlots {
     loading: Func;
     icon: Func;

package/components/cascader/index.d.ts

@@ -1,4 +1,6 @@
-import VkfCascader from './src/index.vue';
+import VkfCascader from './src/index.vue.d';
 export * as __VkfCascader from './src/types';
+export * as _VkfCascaderCtx from './src/ctx';
+export * as _VkfCascaderUse from './src/use';
 export { VkfCascader, };
 export default VkfCascader;

package/components/cascader/index.js

@@ -1,9 +1,9 @@
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
-import { cascaderProps, cascaderEmits, createCascaderBindProps, createCascaderOnEmits } from '@vunk/form/shared/element-plus';
-import { defineComponent, ref, watch, computed, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers } from 'vue';
-import { ElCascader } from 'element-plus';
+import { cascaderProps, cascaderEmits, ElCascader } from 'element-plus';
+import { ref, watch, computed, defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers } from 'vue';
 import { useComputedReadonly } from '@vunk/form/composables';
+import { createCascaderBindProps, createCascaderOnEmits } from '@vunk/form/shared/element-plus';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -34,9 +34,47 @@ const props = __spreadProps(__spreadValues(__spreadValues({}, cascaderProps), _V
     default: void 0
   }
 });
-bindPropsFactory(props);
+const createBindProps = bindPropsFactory(props);
 const emits = __spreadValues({}, cascaderEmits);
-onEmitsFactory(emits);
+const createOnEmits = onEmitsFactory(emits);
+
+var ctx = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  props: props,
+  createBindProps: createBindProps,
+  emits: emits,
+  createOnEmits: createOnEmits
+});
+
+const useOptions = (props, emit) => {
+  const optionsFromUrl = ref([]);
+  const rUrlOptions = (url) => {
+    if (url) {
+      fetch(url).then((res) => res.json()).then((data) => {
+        optionsFromUrl.value = data;
+      });
+    } else {
+      optionsFromUrl.value = [];
+    }
+  };
+  if (props.optionsUrl) {
+    rUrlOptions(props.optionsUrl);
+  }
+  watch(() => props.optionsUrl, (url) => {
+    emit("update:modelValue", void 0);
+    if (url)
+      rUrlOptions(url);
+  });
+  const options = computed(
+    () => optionsFromUrl.value.length ? optionsFromUrl.value : props.options
+  );
+  return options;
+};
+
+var use = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  useOptions: useOptions
+});
 
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -59,26 +97,7 @@ const _sfc_main = defineComponent({
     const coreOnEmits = createCascaderOnEmits(emit);
     const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
     const readonly = useComputedReadonly(props2);
-    const optionsFromUrl = ref([]);
-    const rUrlOptions = (url) => {
-      if (url) {
-        fetch(url).then((res) => res.json()).then((data) => {
-          optionsFromUrl.value = data;
-        });
-      } else {
-        optionsFromUrl.value = [];
-      }
-    };
-    if (props2.optionsUrl) {
-      rUrlOptions(props2.optionsUrl);
-    }
-    watch(() => props2.optionsUrl, (url) => {
-      emit("update:modelValue", void 0);
-      rUrlOptions(url);
-    });
-    const options = computed(
-      () => optionsFromUrl.value.length ? optionsFromUrl.value : props2.options
-    );
+    const options = useOptions(props2, emit);
     return {
       coreBindProps,
       coreOnEmits,
@@ -111,4 +130,4 @@ VkfCascader.install = (app) => {
   app.component(VkfCascader.name, VkfCascader);
 };
 
-export { VkfCascader, types as __VkfCascader, VkfCascader as default };
+export { VkfCascader, ctx as _VkfCascaderCtx, use as _VkfCascaderUse, types as __VkfCascader, VkfCascader as default };

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

@@ -49,44 +49,39 @@ export declare const props: {
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
-        validator: (val: string) => val is "" | "default" | "small" | "large";
-    };
-    placeholder: {
-        type: StringConstructor;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
+    placeholder: StringConstructor;
     disabled: BooleanConstructor;
     clearable: BooleanConstructor;
     filterable: BooleanConstructor;
-    filterMethod: {
-        type: import("vue").PropType<(node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean>;
-        default: (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
-    };
-    separator: {
-        type: StringConstructor;
-        default: string;
-    };
-    showAllLevels: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    filterMethod: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | (() => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | {
+        (): (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | (() => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | {
+        (): (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean, boolean>;
+    separator: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    showAllLevels: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     collapseTags: BooleanConstructor;
-    collapseTagsTooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    debounce: {
-        type: NumberConstructor;
-        default: number;
-    };
-    beforeFilter: {
-        type: import("vue").PropType<(value: string) => boolean | Promise<any>>;
-        default: () => boolean;
-    };
-    popperClass: {
-        type: StringConstructor;
-        default: string;
-    };
+    collapseTagsTooltip: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    debounce: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    beforeFilter: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (value: string) => boolean | Promise<any>) | (() => (value: string) => boolean | Promise<any>) | {
+        (): (value: string) => boolean | Promise<any>;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => (value: string) => boolean | Promise<any>) | (() => (value: string) => boolean | Promise<any>) | {
+        (): (value: string) => boolean | Promise<any>;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => true, boolean>;
+    popperClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     tagType: {
         default: string;
@@ -95,10 +90,7 @@ export declare const props: {
         validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    validateEvent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     modelValue: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus/es/components/cascader-panel/src/node").CascaderValue & {}) | (() => import("element-plus/es/components/cascader-panel/src/node").CascaderValue) | ((new (...args: any[]) => import("element-plus/es/components/cascader-panel/src/node").CascaderValue & {}) | (() => import("element-plus/es/components/cascader-panel/src/node").CascaderValue))[], unknown, unknown>>;
         readonly required: false;
@@ -108,22 +100,22 @@ export declare const props: {
     options: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]) | ((new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]))[], unknown, unknown, () => import("element-plus").CascaderOption[], boolean>;
     props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps) | ((new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps))[], unknown, unknown, () => import("element-plus").CascaderProps, boolean>;
 };
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", 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<"size", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"props", keyof T2> | Extract<"disabled", keyof T2> | Extract<"separator", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"filterable", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"teleported", keyof T2> | Extract<"tagType", keyof T2> | Extract<"options", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"showAllLevels", keyof T2> | Extract<"debounce", keyof T2> | Extract<"beforeFilter", 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<"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<"size", 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<"props", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"separator", keyof T2>, KE> | Exclude<Extract<"modelValue", keyof T2>, KE> | Exclude<Extract<"placeholder", keyof T2>, KE> | Exclude<Extract<"clearable", keyof T2>, KE> | Exclude<Extract<"validateEvent", keyof T2>, KE> | Exclude<Extract<"popperClass", keyof T2>, KE> | Exclude<Extract<"filterable", keyof T2>, KE> | Exclude<Extract<"filterMethod", keyof T2>, KE> | Exclude<Extract<"collapseTags", keyof T2>, KE> | Exclude<Extract<"collapseTagsTooltip", keyof T2>, KE> | Exclude<Extract<"teleported", keyof T2>, KE> | Exclude<Extract<"tagType", keyof T2>, KE> | Exclude<Extract<"options", keyof T2>, KE> | Exclude<Extract<"optionsUrl", keyof T2>, KE> | Exclude<Extract<"showAllLevels", keyof T2>, KE> | Exclude<Extract<"debounce", keyof T2>, KE> | Exclude<Extract<"beforeFilter", keyof T2>, KE> : Extract<"required", 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<"size", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"props", keyof T2> | Extract<"disabled", keyof T2> | Extract<"separator", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"filterable", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"teleported", keyof T2> | Extract<"tagType", keyof T2> | Extract<"options", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"showAllLevels", keyof T2> | Extract<"debounce", keyof T2> | Extract<"beforeFilter", keyof T2>]: { [k in Extract<"required", 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<"size", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"props", keyof T2> | Extract<"disabled", keyof T2> | Extract<"separator", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"filterable", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"teleported", keyof T2> | Extract<"tagType", keyof T2> | Extract<"options", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"showAllLevels", keyof T2> | Extract<"debounce", keyof T2> | Extract<"beforeFilter", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", 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<"size", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"props", keyof T2> | Extract<"disabled", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"filterable", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"teleported", keyof T2> | Extract<"tagType", keyof T2> | Extract<"options", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"separator", keyof T2> | Extract<"showAllLevels", keyof T2> | Extract<"debounce", keyof T2> | Extract<"beforeFilter", 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<"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<"size", 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<"props", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"modelValue", keyof T2>, KE> | Exclude<Extract<"placeholder", keyof T2>, KE> | Exclude<Extract<"clearable", keyof T2>, KE> | Exclude<Extract<"validateEvent", keyof T2>, KE> | Exclude<Extract<"popperClass", keyof T2>, KE> | Exclude<Extract<"filterable", keyof T2>, KE> | Exclude<Extract<"filterMethod", keyof T2>, KE> | Exclude<Extract<"collapseTags", keyof T2>, KE> | Exclude<Extract<"collapseTagsTooltip", keyof T2>, KE> | Exclude<Extract<"teleported", keyof T2>, KE> | Exclude<Extract<"tagType", keyof T2>, KE> | Exclude<Extract<"options", keyof T2>, KE> | Exclude<Extract<"optionsUrl", keyof T2>, KE> | Exclude<Extract<"separator", keyof T2>, KE> | Exclude<Extract<"showAllLevels", keyof T2>, KE> | Exclude<Extract<"debounce", keyof T2>, KE> | Exclude<Extract<"beforeFilter", keyof T2>, KE> : Extract<"required", 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<"size", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"props", keyof T2> | Extract<"disabled", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"filterable", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"teleported", keyof T2> | Extract<"tagType", keyof T2> | Extract<"options", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"separator", keyof T2> | Extract<"showAllLevels", keyof T2> | Extract<"debounce", keyof T2> | Extract<"beforeFilter", keyof T2>]: { [k in Extract<"required", 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<"size", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"props", keyof T2> | Extract<"disabled", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"filterable", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"teleported", keyof T2> | Extract<"tagType", keyof T2> | Extract<"options", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"separator", keyof T2> | Extract<"showAllLevels", keyof T2> | Extract<"debounce", keyof T2> | Extract<"beforeFilter", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
-    "update:modelValue": null;
-    change: null;
-    focus: null;
-    blur: null;
-    'visible-change': null;
-    'expand-change': null;
-    'remove-tag': null;
+    "update:modelValue": (val: import("element-plus").CascaderValue) => boolean;
+    change: (val: import("element-plus").CascaderValue) => boolean;
+    focus: (evt: FocusEvent) => boolean;
+    blur: (evt: FocusEvent) => boolean;
+    visibleChange: (val: boolean) => boolean;
+    expandChange: (val: import("element-plus").CascaderValue) => boolean;
+    removeTag: (val: import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue) => boolean;
 };
-export declare const createOnEmits: <T2 extends import("@vunk/core").AnyFunc, EX extends ("blur" | "change" | "focus" | "update:modelValue" | "visible-change" | "remove-tag" | "expand-change")[] | undefined>(emit: T2, excludes?: EX | undefined) => { [P in EX extends (infer KE)[] ? Exclude<"blur", KE> | Exclude<"change", KE> | Exclude<"focus", KE> | Exclude<"update:modelValue", KE> | Exclude<"visible-change", KE> | Exclude<"remove-tag", KE> | Exclude<"expand-change", KE> : "blur" | "change" | "focus" | "update:modelValue" | "visible-change" | "remove-tag" | "expand-change"]: {
+export declare const createOnEmits: <T2 extends import("@vunk/core").AnyFunc, EX extends ("update:modelValue" | "change" | "focus" | "blur" | "visibleChange" | "expandChange" | "removeTag")[] | undefined>(emit: T2, excludes?: EX | undefined) => { [P in EX extends (infer KE)[] ? Exclude<"update:modelValue", KE> | Exclude<"change", KE> | Exclude<"focus", KE> | Exclude<"blur", KE> | Exclude<"visibleChange", KE> | Exclude<"expandChange", KE> | Exclude<"removeTag", KE> : "update:modelValue" | "change" | "focus" | "blur" | "visibleChange" | "expandChange" | "removeTag"]: {
     "update:modelValue": (...e: import("@vunk/core").RestParameters<T2>) => void;
     change: (...e: import("@vunk/core").RestParameters<T2>) => void;
     focus: (...e: import("@vunk/core").RestParameters<T2>) => void;
     blur: (...e: import("@vunk/core").RestParameters<T2>) => void;
-    'visible-change': (...e: import("@vunk/core").RestParameters<T2>) => void;
-    'expand-change': (...e: import("@vunk/core").RestParameters<T2>) => void;
-    'remove-tag': (...e: import("@vunk/core").RestParameters<T2>) => void;
+    visibleChange: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    expandChange: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    removeTag: (...e: import("@vunk/core").RestParameters<T2>) => void;
 }[P]; };

package/components/cascader/src/ctx.js

@@ -1,6 +1,6 @@
 import { _VkfFormItemCtx } from '@vunk/form/components/form-item';
 import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
-import { cascaderProps, cascaderEmits } from '@vunk/form/shared/element-plus';
+import { cascaderProps, cascaderEmits } from 'element-plus';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;

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

@@ -49,44 +49,39 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
-        validator: (val: string) => val is "" | "default" | "small" | "large";
-    };
-    placeholder: {
-        type: StringConstructor;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
+    placeholder: StringConstructor;
     disabled: BooleanConstructor;
     clearable: BooleanConstructor;
     filterable: BooleanConstructor;
-    filterMethod: {
-        type: import("vue").PropType<(node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean>;
-        default: (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
-    };
-    separator: {
-        type: StringConstructor;
-        default: string;
-    };
-    showAllLevels: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    filterMethod: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | (() => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | {
+        (): (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | (() => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | {
+        (): (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean, boolean>;
+    separator: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    showAllLevels: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     collapseTags: BooleanConstructor;
-    collapseTagsTooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    debounce: {
-        type: NumberConstructor;
-        default: number;
-    };
-    beforeFilter: {
-        type: import("vue").PropType<(value: string) => boolean | Promise<any>>;
-        default: () => boolean;
-    };
-    popperClass: {
-        type: StringConstructor;
-        default: string;
-    };
+    collapseTagsTooltip: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    debounce: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    beforeFilter: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (value: string) => boolean | Promise<any>) | (() => (value: string) => boolean | Promise<any>) | {
+        (): (value: string) => boolean | Promise<any>;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => (value: string) => boolean | Promise<any>) | (() => (value: string) => boolean | Promise<any>) | {
+        (): (value: string) => boolean | Promise<any>;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => true, boolean>;
+    popperClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     tagType: {
         default: string;
@@ -95,10 +90,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    validateEvent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     modelValue: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus/es/components/cascader-panel/src/node").CascaderValue & {}) | (() => import("element-plus/es/components/cascader-panel/src/node").CascaderValue) | ((new (...args: any[]) => import("element-plus/es/components/cascader-panel/src/node").CascaderValue & {}) | (() => import("element-plus/es/components/cascader-panel/src/node").CascaderValue))[], unknown, unknown>>;
         readonly required: false;
@@ -109,33 +101,33 @@ declare const _default: import("vue").DefineComponent<{
     props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps) | ((new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps))[], unknown, unknown, () => import("element-plus").CascaderProps, boolean>;
 }, {
     coreBindProps: import("vue").ComputedRef<{
-        size: "" | "default" | "small" | "large" | undefined;
+        size: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined;
         props: import("element-plus").CascaderProps;
         disabled: boolean;
-        separator: string;
         modelValue: import("element-plus/es/components/cascader-panel/src/node").CascaderValue | undefined;
         placeholder: string | undefined;
         clearable: boolean;
-        validateEvent: boolean;
+        validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         popperClass: string;
         filterable: boolean;
         filterMethod: (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
         collapseTags: boolean;
-        collapseTagsTooltip: boolean;
+        collapseTagsTooltip: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         teleported: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         tagType: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>;
-        showAllLevels: boolean;
+        separator: string;
+        showAllLevels: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         debounce: number;
         beforeFilter: (value: string) => boolean | Promise<any>;
     }>;
     coreOnEmits: {
-        blur: (...e: any[]) => void;
-        change: (...e: any[]) => void;
-        focus: (...e: any[]) => void;
-        "update:modelValue": (...e: any[]) => void;
-        "visible-change": (...e: any[]) => void;
-        "remove-tag": (...e: any[]) => void;
-        "expand-change": (...e: any[]) => void;
+        "update:modelValue": (val: import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue) => void;
+        change: (val: import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue) => void;
+        focus: (val: import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue) => void;
+        blur: (val: import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue) => void;
+        visibleChange: (val: import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue) => void;
+        expandChange: (val: import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue) => void;
+        removeTag: (val: import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue) => void;
     };
     formItemBindProps: import("vue").ComputedRef<{
         required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
@@ -155,15 +147,15 @@ declare const _default: import("vue").DefineComponent<{
         readonly: boolean | undefined;
     }>;
     readonly: import("vue").ComputedRef<boolean>;
-    options: import("vue").ComputedRef<import("element-plus").CascaderOption[]>;
+    options: import("vue").ComputedRef<import("element-plus").CascaderOption[] | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": null;
-    change: null;
-    focus: null;
-    blur: null;
-    'visible-change': null;
-    'expand-change': null;
-    'remove-tag': null;
+    "update:modelValue": (val: import("element-plus").CascaderValue) => boolean;
+    change: (val: import("element-plus").CascaderValue) => boolean;
+    focus: (evt: FocusEvent) => boolean;
+    blur: (evt: FocusEvent) => boolean;
+    visibleChange: (val: boolean) => boolean;
+    expandChange: (val: import("element-plus").CascaderValue) => boolean;
+    removeTag: (val: import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     optionsUrl: {
         type: StringConstructor;
@@ -215,44 +207,39 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"" | "default" | "small" | "large">;
-        validator: (val: string) => val is "" | "default" | "small" | "large";
-    };
-    placeholder: {
-        type: StringConstructor;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
     };
+    placeholder: StringConstructor;
     disabled: BooleanConstructor;
     clearable: BooleanConstructor;
     filterable: BooleanConstructor;
-    filterMethod: {
-        type: import("vue").PropType<(node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean>;
-        default: (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
-    };
-    separator: {
-        type: StringConstructor;
-        default: string;
-    };
-    showAllLevels: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    filterMethod: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | (() => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | {
+        (): (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | (() => (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean) | {
+        (): (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean, boolean>;
+    separator: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    showAllLevels: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     collapseTags: BooleanConstructor;
-    collapseTagsTooltip: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    debounce: {
-        type: NumberConstructor;
-        default: number;
-    };
-    beforeFilter: {
-        type: import("vue").PropType<(value: string) => boolean | Promise<any>>;
-        default: () => boolean;
-    };
-    popperClass: {
-        type: StringConstructor;
-        default: string;
-    };
+    collapseTagsTooltip: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    debounce: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    beforeFilter: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (value: string) => boolean | Promise<any>) | (() => (value: string) => boolean | Promise<any>) | {
+        (): (value: string) => boolean | Promise<any>;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => (value: string) => boolean | Promise<any>) | (() => (value: string) => boolean | Promise<any>) | {
+        (): (value: string) => boolean | Promise<any>;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => true, boolean>;
+    popperClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     tagType: {
         default: string;
@@ -261,10 +248,7 @@ declare const _default: import("vue").DefineComponent<{
         validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    validateEvent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     modelValue: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus/es/components/cascader-panel/src/node").CascaderValue & {}) | (() => import("element-plus/es/components/cascader-panel/src/node").CascaderValue) | ((new (...args: any[]) => import("element-plus/es/components/cascader-panel/src/node").CascaderValue & {}) | (() => import("element-plus/es/components/cascader-panel/src/node").CascaderValue))[], unknown, unknown>>;
         readonly required: false;
@@ -274,13 +258,13 @@ declare const _default: import("vue").DefineComponent<{
     options: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]) | ((new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]))[], unknown, unknown, () => import("element-plus").CascaderOption[], boolean>;
     props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps) | ((new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps))[], unknown, unknown, () => import("element-plus").CascaderProps, boolean>;
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    "onVisible-change"?: ((...args: any[]) => any) | undefined;
-    "onRemove-tag"?: ((...args: any[]) => any) | undefined;
-    "onExpand-change"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((val: import("element-plus").CascaderValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: import("element-plus").CascaderValue) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onVisibleChange?: ((val: boolean) => any) | undefined;
+    onExpandChange?: ((val: import("element-plus").CascaderValue) => any) | undefined;
+    onRemoveTag?: ((val: import("element-plus/es/components/cascader-panel/src/node").CascaderNodeValue | import("element-plus/es/components/cascader-panel/src/node").CascaderNodePathValue) => any) | undefined;
 }, {
     required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
@@ -292,19 +276,19 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     props: import("element-plus").CascaderProps;
     disabled: boolean;
-    separator: string;
     clearable: boolean;
-    validateEvent: boolean;
+    validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     popperClass: string;
     filterable: boolean;
     filterMethod: (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
     collapseTags: boolean;
-    collapseTagsTooltip: boolean;
+    collapseTagsTooltip: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     teleported: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     tagType: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>;
     options: import("element-plus").CascaderOption[];
     optionsUrl: string;
-    showAllLevels: boolean;
+    separator: string;
+    showAllLevels: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     debounce: number;
     beforeFilter: (value: string) => boolean | Promise<any>;
 }>;

package/components/cascader/src/use.d.ts

@@ -0,0 +1,5 @@
+import { CascaderOption } from 'element-plus';
+export declare const useOptions: (props: {
+    options?: CascaderOption[];
+    optionsUrl?: string;
+}, emit: (event: 'update:modelValue', val: any) => void) => import("vue").ComputedRef<CascaderOption[] | undefined>;

package/components/cascader/src/use.js

@@ -0,0 +1,28 @@
+import { ref, watch, computed } from 'vue';
+
+const useOptions = (props, emit) => {
+  const optionsFromUrl = ref([]);
+  const rUrlOptions = (url) => {
+    if (url) {
+      fetch(url).then((res) => res.json()).then((data) => {
+        optionsFromUrl.value = data;
+      });
+    } else {
+      optionsFromUrl.value = [];
+    }
+  };
+  if (props.optionsUrl) {
+    rUrlOptions(props.optionsUrl);
+  }
+  watch(() => props.optionsUrl, (url) => {
+    emit("update:modelValue", void 0);
+    if (url)
+      rUrlOptions(url);
+  });
+  const options = computed(
+    () => optionsFromUrl.value.length ? optionsFromUrl.value : props.options
+  );
+  return options;
+};
+
+export { useOptions };