@vunk/form 0.0.1-alpha.9 → 1.1.1

package/components/cascader/index.js

@@ -0,0 +1,114 @@
+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 { useComputedReadonly } from '@vunk/form/composables';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+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(__spreadValues({}, cascaderProps), _VkfFormItemCtx.props), {
+  optionsUrl: {
+    type: String,
+    default: ""
+  },
+  readonly: {
+    type: Boolean,
+    default: void 0
+  }
+});
+bindPropsFactory(props);
+const emits = __spreadValues({}, cascaderEmits);
+onEmitsFactory(emits);
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main = defineComponent({
+  name: "VkfCascader",
+  components: {
+    ElCascader,
+    VkfFormItem
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const coreBindProps = createCascaderBindProps(props2, ["options"]);
+    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
+    );
+    return {
+      coreBindProps,
+      coreOnEmits,
+      formItemBindProps,
+      readonly,
+      options
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElCascader = resolveComponent("ElCascader");
+  const _component_VkfFormItem = resolveComponent("VkfFormItem");
+  return openBlock(), createBlock(_component_VkfFormItem, normalizeProps(guardReactiveProps(_ctx.formItemBindProps)), {
+    default: withCtx(() => [
+      createVNode(_component_ElCascader, mergeProps(_ctx.coreBindProps, toHandlers(_ctx.coreOnEmits), {
+        readonly: _ctx.readonly,
+        options: _ctx.options
+      }), null, 16, ["readonly", "options"])
+    ]),
+    _: 1
+  }, 16);
+}
+var VkfCascader = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfCascader.install = (app) => {
+  app.component(VkfCascader.name, VkfCascader);
+};
+
+export { VkfCascader, types as __VkfCascader, VkfCascader as default };

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

@@ -0,0 +1,129 @@
+export declare const props: {
+    optionsUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    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;
+        __epPropKey: true;
+    };
+    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 required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __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;
+        __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>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        validator: (val: string) => val is "" | "default" | "small" | "large";
+    };
+    placeholder: {
+        type: 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;
+    };
+    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;
+    };
+    teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    tagType: {
+        default: string;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: 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;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    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<"filterable", keyof T2> | Extract<"popperClass", 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<"filterable", keyof T2>, KE> | Exclude<Extract<"popperClass", 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<"filterable", keyof T2> | Extract<"popperClass", 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<"filterable", keyof T2> | Extract<"popperClass", 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 emits: {
+    "update:modelValue": null;
+    change: null;
+    focus: null;
+    blur: null;
+    'visible-change': null;
+    'expand-change': null;
+    'remove-tag': null;
+};
+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"]: {
+    "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;
+}[P]; };

package/components/cascader/src/ctx.js

@@ -0,0 +1,38 @@
+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';
+
+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(__spreadValues({}, cascaderProps), _VkfFormItemCtx.props), {
+  optionsUrl: {
+    type: String,
+    default: ""
+  },
+  readonly: {
+    type: Boolean,
+    default: void 0
+  }
+});
+const createBindProps = bindPropsFactory(props);
+const emits = __spreadValues({}, cascaderEmits);
+const createOnEmits = onEmitsFactory(emits);
+
+export { createBindProps, createOnEmits, emits, props };

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

@@ -0,0 +1,311 @@
+declare const _default: import("vue").DefineComponent<{
+    optionsUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    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;
+        __epPropKey: true;
+    };
+    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 required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __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;
+        __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>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        validator: (val: string) => val is "" | "default" | "small" | "large";
+    };
+    placeholder: {
+        type: 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;
+    };
+    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;
+    };
+    teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    tagType: {
+        default: string;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: 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;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    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>;
+}, {
+    coreBindProps: import("vue").ComputedRef<{
+        size: "" | "default" | "small" | "large" | 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;
+        filterable: boolean;
+        popperClass: string;
+        filterMethod: (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
+        collapseTags: boolean;
+        collapseTagsTooltip: boolean;
+        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;
+        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;
+    };
+    formItemBindProps: import("vue").ComputedRef<{
+        required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        label: string | undefined;
+        labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        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;
+        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;
+        error: string | undefined;
+        validateStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown> | undefined;
+        for: string | undefined;
+        inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+        showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        formItemSize: "default" | "small" | "large";
+        formItemSlots: import("../../form-item/src/types").FormItemSlots | undefined;
+        elRef: any;
+        inline: boolean;
+        readonly: boolean | undefined;
+    }>;
+    readonly: import("vue").ComputedRef<boolean>;
+    options: import("vue").ComputedRef<import("element-plus").CascaderOption[]>;
+}, 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;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    optionsUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    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;
+        __epPropKey: true;
+    };
+    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 required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __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;
+        __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>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<"" | "default" | "small" | "large">;
+        validator: (val: string) => val is "" | "default" | "small" | "large";
+    };
+    placeholder: {
+        type: 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;
+    };
+    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;
+    };
+    teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    tagType: {
+        default: string;
+        type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+        required: false;
+        validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: 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;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    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;
+}, {
+    required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    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: "default" | "small" | "large";
+    formItemSlots: import("../../form-item/src/types").FormItemSlots;
+    inline: boolean;
+    readonly: boolean;
+    props: import("element-plus").CascaderProps;
+    disabled: boolean;
+    separator: string;
+    clearable: boolean;
+    validateEvent: boolean;
+    filterable: boolean;
+    popperClass: string;
+    filterMethod: (node: import("element-plus/es/components/cascader-panel/src/node").default, keyword: string) => boolean;
+    collapseTags: boolean;
+    collapseTagsTooltip: boolean;
+    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;
+    debounce: number;
+    beforeFilter: (value: string) => boolean | Promise<any>;
+}>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import { VkfCascader } from '@vunk/form/components/cascader';
+import { VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared';
+export interface Source<P extends string = string> extends VueComponentPropsType<typeof VkfCascader>, BasicSource {
+    prop: P;
+    templateType: 'VkfCascader';
+}

package/components/checkbox/index.css

@@ -0,0 +1,38 @@
+
+.el-checkbox-group.is-readonly .el-checkbox,
+.el-checkbox-group.is-readonly{
+  --el-readonly-cursor: auto;
+  --el-disabled-text-color: var(--el-checkbox-text-color);
+  --el-checkbox-disabled-checked-input-fill: var(--el-checkbox-bg-color);
+  --el-checkbox-disabled-checked-icon-color: var(--el-checkbox-checked-icon-color);
+}
+
+
+.el-checkbox-group.is-readonly .el-checkbox__input.is-checked+.el-checkbox__label {
+  color: var(--el-checkbox-checked-text-color);
+}
+.el-checkbox-group.is-readonly .el-checkbox__input.is-checked .el-checkbox__inner {
+    background-color: var(--el-checkbox-checked-bg-color);
+    border-color: var(--el-checkbox-checked-input-border-color);
+}
+.el-checkbox-group.is-readonly .el-checkbox__input.is-disabled+span.el-checkbox__label,
+.el-checkbox-group.is-readonly .el-checkbox__input.is-disabled .el-checkbox__inner {
+  cursor: var(--el-readonly-cursor);
+}
+
+
+
+.el-checkbox-group.is-readonly .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{
+  border-left-color: var(--el-checkbox-button-checked-border-color);
+}
+
+.el-checkbox-group.is-readonly .el-checkbox-button.is-checked .el-checkbox-button__inner {
+    color: var(--el-checkbox-button-checked-text-color);
+    background-color: var(--el-checkbox-button-checked-bg-color);
+    border-color: var(--el-checkbox-button-checked-border-color);
+    box-shadow: -1px 0 0 0 var(--el-color-primary-light-7);
+}
+
+.el-checkbox-group.is-readonly .el-checkbox-button.is-disabled .el-checkbox-button__inner{
+  cursor: var(--el-readonly-cursor);
+}