@vunk/form 0.0.0-alpha.8 → 0.0.1-alpha.2

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

@@ -1,22 +0,0 @@
-import { SetDataEvent } from '@vunk/form/shared/types';
-import { PropType } from 'vue';
-import { AnyObject } from 'vunk/shared/types';
-export declare const props: {
-    data: {
-        type: PropType<AnyObject>;
-        default: () => {};
-    };
-    source: {
-        type: PropType<{
-            [k: string]: any;
-            templateType?: string | undefined;
-        }>;
-        default: () => {};
-    };
-};
-export declare const createBindProps: <T2 extends Record<string, any>, EX extends ("data" | "source")[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "data" | "source">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
-export declare const emits: {
-    setData: (e: SetDataEvent) => SetDataEvent<any>;
-    'setData:source': (e: SetDataEvent) => SetDataEvent<any>;
-};
-export declare const createOnEmits: <T2 extends (...args: any) => any, EX extends ("setData" | "setData:source")[], K extends "setData" | "setData:source">(emit: T2, excludes?: EX | undefined) => { [k in K]: T2; };

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

@@ -1,45 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    data: {
-        type: import("vue").PropType<import("vunk/shared/types").AnyObject>;
-        default: () => {};
-    };
-    source: {
-        type: import("vue").PropType<{
-            [k: string]: any;
-            templateType?: string | undefined;
-        }>;
-        default: () => {};
-    };
-}, {
-    configRendererProps: import("vue").ComputedRef<{
-        source: {
-            [k: string]: any;
-            templateType?: string | undefined;
-        };
-    }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    setData: (e: import("../../../shared/types").SetDataEvent<any>) => import("../../../shared/types").SetDataEvent<any>;
-    'setData:source': (e: import("../../../shared/types").SetDataEvent<any>) => import("../../../shared/types").SetDataEvent<any>;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    data: {
-        type: import("vue").PropType<import("vunk/shared/types").AnyObject>;
-        default: () => {};
-    };
-    source: {
-        type: import("vue").PropType<{
-            [k: string]: any;
-            templateType?: string | undefined;
-        }>;
-        default: () => {};
-    };
-}>> & {
-    onSetData?: ((e: import("../../../shared/types").SetDataEvent<any>) => any) | undefined;
-    "onSetData:source"?: ((e: import("../../../shared/types").SetDataEvent<any>) => any) | undefined;
-}, {
-    data: import("vunk/shared/types").AnyObject;
-    source: {
-        [k: string]: any;
-        templateType?: string | undefined;
-    };
-}>;
-export default _default;

package/components/config-renderer/index.d.ts

@@ -1,6 +0,0 @@
-import VkfConfigRenderer from './src/index.vue';
-export * as __VkfConfigRenderer from './src/types';
-export * as _VkConfigRendererCtx from './src/ctx';
-export * from './src/symbols';
-export { VkfConfigRenderer, };
-export default VkfConfigRenderer;

package/components/config-renderer/index.js

@@ -1,58 +0,0 @@
-import { bindPropsFactory } from 'vunk/shared/utils-vue';
-import { defineComponent, shallowReactive, provide } from 'vue';
-
-const props = {
-  source: {
-    type: Object,
-    default: () => ({})
-  }
-};
-const createBindProps = bindPropsFactory(props);
-
-var ctx = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  props: props,
-  createBindProps: createBindProps
-});
-
-const S_CONFIG_RENDERER_TEMPLATE_INSTANCES = Symbol("templateInstances");
-
-var script = defineComponent({
-  name: "VkfConfigRenderer",
-  props,
-  setup(props2, ctx) {
-    const templateInstances = shallowReactive({});
-    provide(S_CONFIG_RENDERER_TEMPLATE_INSTANCES, templateInstances);
-    const renderFormItems = (c) => {
-      if (c.templateType && templateInstances[c.templateType]) {
-        const slotData = { ...c };
-        Reflect.deleteProperty(slotData, "templateType");
-        const nodes = templateInstances[c.templateType].slots.default?.({
-          data: slotData,
-          raw: c
-        });
-        console.log(nodes);
-        return nodes;
-      }
-    };
-    return () => {
-      const tempSlots = ctx.slots.default?.();
-      return [
-        tempSlots,
-        renderFormItems(props2.source)
-      ];
-    };
-  }
-});
-
-script.__file = "config-renderer/src/index.vue";
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-script.install = (app) => {
-  app.component(script.name, script);
-};
-
-export { S_CONFIG_RENDERER_TEMPLATE_INSTANCES, script as VkfConfigRenderer, ctx as _VkConfigRendererCtx, types as __VkfConfigRenderer, script as default };

package/components/config-renderer/src/ctx.d.ts

@@ -1,11 +0,0 @@
-import { PropType } from 'vue';
-export declare const props: {
-    source: {
-        type: PropType<{
-            [k: string]: any;
-            templateType?: string | undefined;
-        }>;
-        default: () => {};
-    };
-};
-export declare const createBindProps: <T2 extends Record<string, any>, EX extends "source"[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "source">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;

package/components/config-renderer/src/index.vue.d.ts

@@ -1,26 +0,0 @@
-import { VNode } from 'vue';
-declare const _default: import("vue").DefineComponent<{
-    source: {
-        type: import("vue").PropType<{
-            [k: string]: any;
-            templateType?: string | undefined;
-        }>;
-        default: () => {};
-    };
-}, () => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[] | undefined)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    source: {
-        type: import("vue").PropType<{
-            [k: string]: any;
-            templateType?: string | undefined;
-        }>;
-        default: () => {};
-    };
-}>>, {
-    source: {
-        [k: string]: any;
-        templateType?: string | undefined;
-    };
-}>;
-export default _default;

package/components/config-renderer/src/symbols.d.ts

@@ -1,2 +0,0 @@
-import { ComponentInternalInstance, InjectionKey } from 'vue';
-export declare const S_CONFIG_RENDERER_TEMPLATE_INSTANCES: InjectionKey<Record<string, ComponentInternalInstance>>;

package/components/config-renderer/src/types.d.ts

@@ -1,3 +0,0 @@
-import { ReturnVoid } from 'vunk/shared/types';
-export declare type LoadEvent = {};
-export declare type OnLoad = (e: LoadEvent) => ReturnVoid;

package/components/config-renderer-template/index.d.ts

@@ -1,3 +0,0 @@
-import VkfConfigRendererTemplate from './src/index.vue';
-export { VkfConfigRendererTemplate, };
-export default VkfConfigRendererTemplate;

package/components/config-renderer-template/index.js

@@ -1,37 +0,0 @@
-import { defineComponent, inject, getCurrentInstance, onUnmounted } from 'vue';
-import { S_CONFIG_RENDERER_TEMPLATE_INSTANCES } from '@vunk/form/components/config-renderer';
-
-const props = {
-  type: {
-    type: String,
-    required: true,
-    default: ""
-  }
-};
-
-var script = defineComponent({
-  name: "VkfFormItemRendererTemplate",
-  props,
-  setup(props2) {
-    const templateInstances = inject(S_CONFIG_RENDERER_TEMPLATE_INSTANCES);
-    if (!templateInstances)
-      throw new Error();
-    const vm = getCurrentInstance();
-    const oVm = templateInstances[props2.type];
-    if (vm && templateInstances) {
-      templateInstances[props2.type] = vm;
-    }
-    onUnmounted(() => {
-      templateInstances[props2.type] = oVm;
-    });
-    return () => null;
-  }
-});
-
-script.__file = "config-renderer-template/src/index.vue";
-
-script.install = (app) => {
-  app.component(script.name, script);
-};
-
-export { script as VkfConfigRendererTemplate, script as default };

package/components/config-renderer-template/src/ctx.d.ts

@@ -1,7 +0,0 @@
-export declare const props: {
-    type: {
-        type: StringConstructor;
-        required: boolean;
-        default: string;
-    };
-};

package/components/config-renderer-template/src/index.vue.d.ts

@@ -1,16 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    type: {
-        type: StringConstructor;
-        required: boolean;
-        default: string;
-    };
-}, () => null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: StringConstructor;
-        required: boolean;
-        default: string;
-    };
-}>>, {
-    type: string;
-}>;
-export default _default;

package/components/confirm-input/index.css

@@ -1,9 +0,0 @@
-
-.vkf-confirm-input .el-input-group__append {
-  cursor: initial;
-}
-
-.vkf-confirm-input .vkf-confirm-input-icon {
-  color: var(--el-color-primary);
-  cursor: pointer;
-}

package/components/confirm-input/index.d.ts

@@ -1,3 +0,0 @@
-import VkfConfirmInput from './src/index.vue';
-export { VkfConfirmInput, };
-export default VkfConfirmInput;

package/components/confirm-input/index.js

@@ -1,149 +0,0 @@
-import { _VkfInputCtx, VkfInput } from '@vunk/form/components/input';
-import { defineComponent, openBlock, createElementBlock, createElementVNode, ref, watch, computed, h, resolveComponent, createBlock, mergeProps, toHandlers } from 'vue';
-import { ElButton, ElIcon } from 'element-plus';
-
-const props = {
-  ..._VkfInputCtx.props,
-  inputSlot: {
-    type: Object,
-    default: () => ({})
-  },
-  disabled: {
-    type: Boolean,
-    default: void 0
-  },
-  validateUpdate: {
-    type: Function,
-    default: () => () => true
-  }
-};
-const emits = {
-  ..._VkfInputCtx.emits,
-  "update:disabled": (e) => e || true
-};
-
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-const _sfc_main$1 = defineComponent({
-  name: "Check"
-});
-const _hoisted_1$1 = {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
-}, null, -1);
-const _hoisted_3$1 = [
-  _hoisted_2$1
-];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
-}
-var check = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
-
-const _sfc_main = defineComponent({
-  name: "Edit"
-});
-const _hoisted_1 = {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"
-}, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
-}, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
-];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
-}
-var edit = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-
-var script = defineComponent({
-  name: "VkfConfirmInput",
-  components: {
-    VkfInput
-  },
-  emits,
-  props,
-  setup(props2, { emit }) {
-    const inputProps = _VkfInputCtx.createBindProps(props2, ["inputSlots", "disabled", "modelValue"]);
-    const inputEmits = _VkfInputCtx.createOnEmits(emit, ["update:modelValue"]);
-    const inputValue = ref(props2.modelValue);
-    watch(() => props2.modelValue, (v) => {
-      inputValue.value = v;
-    });
-    const _disabled = ref(true);
-    const disabled = computed({
-      get() {
-        return props2.disabled ?? _disabled.value;
-      },
-      set(v) {
-        _disabled.value = v;
-        emit("update:disabled", v);
-      }
-    });
-    const appendEl = () => h(ElButton, {
-      onClick: () => {
-        if (!disabled.value) {
-          if (inputValue.value === props2.modelValue) {
-            disabled.value = true;
-            return;
-          }
-          if (props2.validateUpdate(inputValue.value)) {
-            emit("update:modelValue", inputValue.value);
-            disabled.value = true;
-          }
-        } else {
-          disabled.value = false;
-        }
-      }
-    }, () => h(ElIcon, {
-      class: "vkf-confirm-input-icon",
-      size: 16
-    }, () => h(disabled.value ? edit : check)));
-    return {
-      inputProps,
-      appendEl,
-      disabled,
-      inputEmits,
-      inputValue
-    };
-  }
-});
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VkfInput = resolveComponent("VkfInput");
-  return openBlock(), createBlock(_component_VkfInput, mergeProps({
-    modelValue: _ctx.inputValue,
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
-    class: "vkf-confirm-input",
-    inputSlots: {
-      append: _ctx.appendEl,
-      ..._ctx.inputSlot
-    }
-  }, _ctx.inputProps, toHandlers(_ctx.inputEmits), { disabled: _ctx.disabled }), null, 16, ["modelValue", "inputSlots", "disabled"]);
-}
-
-script.render = render;
-script.__file = "confirm-input/src/index.vue";
-
-script.install = (app) => {
-  app.component(script.name, script);
-};
-
-export { script as VkfConfirmInput, script as default };

package/components/confirm-input/src/ctx.d.ts

@@ -1,116 +0,0 @@
-import { PropType } from 'vue';
-export declare const props: {
-    inputSlot: {
-        type: PropType<{
-            type: PropType<import("../../input/src/types").InputSlots>;
-            default: undefined;
-        }>;
-        default: () => {};
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    validateUpdate: {
-        type: PropType<(v?: any) => boolean | undefined>;
-        default: () => () => boolean;
-    };
-    inputSlots: {
-        type: PropType<import("../../input/src/types").InputSlots>;
-        default: undefined;
-    };
-    id: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
-    size: {
-        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
-    type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>;
-    resize: {
-        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    autosize: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").InputAutoSize & {}) | (() => import("element-plus").InputAutoSize) | ((new (...args: any[]) => import("element-plus").InputAutoSize & {}) | (() => import("element-plus").InputAutoSize))[], unknown, unknown, false, boolean>;
-    autocomplete: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>;
-    formatter: {
-        readonly type: PropType<Function>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    parser: {
-        readonly type: PropType<Function>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    placeholder: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    form: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    clearable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    showPassword: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    showWordLimit: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    suffixIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
-    prefixIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
-    containerRole: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
-    label: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
-    tabindex: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
-    validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    inputStyle: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
-    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>;
-    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:disabled': (e: boolean) => true;
-    "update:modelValue": (value: string) => boolean;
-    input: (value: string) => boolean;
-    change: (value: string) => boolean;
-    focus: (evt: FocusEvent) => boolean;
-    blur: (evt: FocusEvent) => boolean;
-    clear: () => boolean;
-    mouseleave: (evt: MouseEvent) => boolean;
-    mouseenter: (evt: MouseEvent) => boolean;
-    keydown: (evt: Event | KeyboardEvent) => boolean;
-    compositionstart: (evt: CompositionEvent) => boolean;
-    compositionupdate: (evt: CompositionEvent) => boolean;
-    compositionend: (evt: CompositionEvent) => boolean;
-};