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

package/components/select/index.js

@@ -0,0 +1,89 @@
+import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
+import { selectProps, selectEmits } from '@vunk/form/shared/element-plus/instances/select';
+import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, createSlots, createElementBlock, Fragment, renderList, renderSlot, resolveDynamicComponent } from 'vue';
+import { createSelectBindProps, createSelectOnEmits } from '@vunk/form/shared/element-plus/ctx';
+import { ElSelect, ElOption } from 'element-plus';
+import { isPlainObject } from 'vunk/shared/utils-object';
+
+const props = {
+  ..._VkfFormItemCtx.props,
+  ...selectProps,
+  options: {
+    type: Array,
+    default: () => []
+  },
+  selectSlots: {
+    type: Object,
+    default: void 0
+  }
+};
+const emits = {
+  ...selectEmits
+};
+
+var script = defineComponent({
+  name: "VkfSelect",
+  components: {
+    VkfFormItem,
+    ElSelect,
+    ElOption
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
+    const selectBindProps = createSelectBindProps(props2);
+    const selectOnEmits = createSelectOnEmits(emit);
+    const getKey = (item) => isPlainObject(item.value) ? item.value[selectBindProps.value.valueKey] : item.value;
+    return {
+      formItemBindProps,
+      selectBindProps,
+      selectOnEmits,
+      getKey
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElOption = resolveComponent("ElOption");
+  const _component_ElSelect = resolveComponent("ElSelect");
+  const _component_VkfFormItem = resolveComponent("VkfFormItem");
+  return openBlock(), createBlock(_component_VkfFormItem, normalizeProps(guardReactiveProps(_ctx.formItemBindProps)), {
+    default: withCtx(() => [
+      createVNode(_component_ElSelect, mergeProps(_ctx.selectBindProps, toHandlers(_ctx.selectOnEmits)), createSlots({
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item) => {
+            return openBlock(), createBlock(_component_ElOption, mergeProps({
+              key: _ctx.getKey(item)
+            }, item), null, 16);
+          }), 128)),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        renderList(_ctx.selectSlots, (item, key) => {
+          return {
+            name: key,
+            fn: withCtx((e) => [
+              (openBlock(), createBlock(resolveDynamicComponent(item?.(e))))
+            ])
+          };
+        })
+      ]), 1040)
+    ]),
+    _: 3
+  }, 16);
+}
+
+script.render = render;
+script.__file = "select/src/index.vue";
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+script.install = (app) => {
+  app.component(script.name, script);
+};
+
+export { script as VkfSelect, types as __VkfSelect, script as default };

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

@@ -0,0 +1,193 @@
+import { VueComponentPropsType } from 'vunk/shared/types';
+import { PropType } from 'vue';
+import { SelectSlots } from './types';
+export declare const props: {
+    options: {
+        type: PropType<VueComponentPropsType<import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+            value: {
+                required: true;
+                type: (ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+            };
+            label: (StringConstructor | NumberConstructor)[];
+            created: BooleanConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }, {
+            ns: {
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string | undefined) => string;
+                e: (element?: string | undefined) => string;
+                m: (modifier?: string | undefined) => string;
+                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+                em: (element?: string | undefined, modifier?: string | undefined) => string;
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
+            };
+            currentLabel: import("vue").ComputedRef<any>;
+            itemSelected: import("vue").ComputedRef<boolean>;
+            isDisabled: import("vue").ComputedRef<any>;
+            select: import("element-plus").SelectContext | undefined;
+            hoverItem: () => void;
+            visible: import("vue").Ref<boolean>;
+            hover: import("vue").Ref<boolean>;
+            selectOptionClick: () => void;
+            states: {
+                index: number;
+                groupDisabled: boolean;
+                visible: boolean;
+                hitState: boolean;
+                hover: boolean;
+            };
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            value: {
+                required: true;
+                type: (ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+            };
+            label: (StringConstructor | NumberConstructor)[];
+            created: BooleanConstructor;
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>, {
+            disabled: boolean;
+            created: boolean;
+        }>>>[]>;
+        default: () => never[];
+    };
+    selectSlots: {
+        type: PropType<SelectSlots>;
+        default: undefined;
+    };
+    name: StringConstructor;
+    id: StringConstructor;
+    modelValue: {
+        type: (ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    automaticDropdown: BooleanConstructor;
+    size: {
+        type: PropType<"" | "small" | "default" | "large">;
+    };
+    effect: {
+        type: PropType<string>;
+        default: string;
+    };
+    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 | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    };
+    fitInputWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    suffixIcon: {
+        type: PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, 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) | undefined;
+        __epPropKey: true;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    rules: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    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>;
+    label: StringConstructor;
+    prop: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    formItemSize: {
+        type: PropType<"small" | "default" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+};
+export declare const emits: {
+    'update:modelValue': null;
+    change: null;
+    'remove-tag': null;
+    clear: null;
+    'visible-change': null;
+    focus: null;
+    blur: null;
+};