@vunk/form 0.0.0-alpha.1

package/components/config/index.d.ts

@@ -0,0 +1,4 @@
+import VkfConfig from './src/index.vue';
+export * as _VkfConfigCtx from './src/ctx';
+export { VkfConfig, };
+export default VkfConfig;

package/components/config/index.js

@@ -0,0 +1,78 @@
+import { _VkConfigRendererCtx, VkfConfigRenderer } from '@vunk/form/components/config-renderer';
+import { bindPropsFactory, onEmitsFactory } from 'vunk/shared/utils-vue';
+import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, renderSlot } from 'vue';
+import { VkfConfigRendererTemplate } from '@vunk/form/components/config-renderer-template';
+import { VkfInputConfig } from '@vunk/form/components/input-config';
+
+const props = {
+  ..._VkConfigRendererCtx.props,
+  data: {
+    type: Object,
+    default: () => ({})
+  }
+};
+const createBindProps = bindPropsFactory(props);
+const emits = {
+  setData: (e) => e,
+  "setData:source": (e) => e
+};
+const createOnEmits = onEmitsFactory(emits);
+
+var ctx = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  props: props,
+  createBindProps: createBindProps,
+  emits: emits,
+  createOnEmits: createOnEmits
+});
+
+var script = defineComponent({
+  name: "VkfConfig",
+  components: {
+    VkfConfigRenderer,
+    VkfConfigRendererTemplate,
+    VkfInputConfig
+  },
+  emits,
+  props,
+  setup(props2, { emit }) {
+    const configRendererProps = _VkConfigRendererCtx.createBindProps(props2);
+    return {
+      configRendererProps
+    };
+  }
+});
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkfInputConfig = resolveComponent("VkfInputConfig");
+  const _component_VkfConfigRendererTemplate = resolveComponent("VkfConfigRendererTemplate");
+  const _component_VkfConfigRenderer = resolveComponent("VkfConfigRenderer");
+  return openBlock(), createBlock(_component_VkfConfigRenderer, normalizeProps(guardReactiveProps(_ctx.configRendererProps)), {
+    default: withCtx(() => [
+      createVNode(_component_VkfConfigRendererTemplate, { type: "VkfInput" }, {
+        default: withCtx(({ data: sourceData }) => [
+          createVNode(_component_VkfInputConfig, mergeProps(sourceData, {
+            data: _ctx.data,
+            onSetData: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("setData", $event)),
+            "onUpdate:propDisabled": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("setData:source", {
+              k: "propDisabled",
+              v: $event
+            }))
+          }), null, 16, ["data"])
+        ]),
+        _: 1
+      }),
+      renderSlot(_ctx.$slots, "rendererTemplate")
+    ]),
+    _: 3
+  }, 16);
+}
+
+script.render = render;
+script.__file = "config/src/index.vue";
+
+script.install = (app) => {
+  app.component(script.name, script);
+};
+
+export { script as VkfConfig, ctx as _VkfConfigCtx, script as default };

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

@@ -0,0 +1,22 @@
+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 (keyof T2)[] | 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

@@ -0,0 +1,45 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,57 @@
+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
+        });
+        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

@@ -0,0 +1,11 @@
+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 (keyof T2)[] | 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

@@ -0,0 +1,26 @@
+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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,3 @@
+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

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

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

@@ -0,0 +1,37 @@
+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

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

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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,9 @@
+
+.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

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

package/components/confirm-input/index.js

@@ -0,0 +1,124 @@
+import { _VkfInputCtx, VkfInput } from '@vunk/form/components/input';
+import { defineComponent, openBlock, createElementBlock, createElementVNode, ref, watch, h, resolveComponent, createBlock, mergeProps, toHandlers } from 'vue';
+import { ElButton, ElIcon } from 'element-plus';
+
+const props = {
+  ..._VkfInputCtx.props,
+  inputSlot: {
+    type: Object,
+    default: () => ({})
+  }
+};
+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, ["inputSlot", "disabled", "modelValue"]);
+    const inputEmits = _VkfInputCtx.createOnEmits(emit, ["update:modelValue"]);
+    const inputValue = ref(props2.modelValue);
+    watch(() => props2.modelValue, (v) => {
+      inputValue.value = v;
+    });
+    const appendEl = () => h(ElButton, {
+      onClick: () => {
+        if (!props2.disabled) {
+          emit("update:modelValue", inputValue.value);
+        } else {
+          emit("update:disabled", false);
+        }
+      }
+    }, () => h(ElIcon, {
+      class: "vkf-confirm-input-icon",
+      size: 16
+    }, () => h(props2.disabled ? edit : check)));
+    return {
+      inputProps,
+      appendEl,
+      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",
+    inputSlot: {
+      append: _ctx.appendEl,
+      ..._ctx.inputSlot
+    },
+    disabled: _ctx.disabled
+  }, _ctx.inputProps, toHandlers(_ctx.inputEmits)), null, 16, ["modelValue", "inputSlot", "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

@@ -0,0 +1,67 @@
+import { PropType } from 'vue';
+export declare const props: {
+    inputSlot: {
+        type: PropType<{
+            type: PropType<import("../../input/src/types").InputSlot>;
+            default: undefined;
+        }>;
+        default: () => {};
+    };
+    formItemSize: {
+        type: PropType<"small" | "default" | "large">;
+        default: string;
+    };
+    formItemSlot: {
+        type: PropType<import("../../input/src/types").FormItemSlot>;
+        default: undefined;
+    };
+    updateEvent: {
+        type: PropType<"update:modelValue" | "change">;
+        default: string;
+    };
+    size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, never, false, "" | "small" | "default" | "large", never>;
+    disabled: BooleanConstructor;
+    modelValue: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number | null | undefined>, "", unknown, unknown, unknown>;
+    type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "text", unknown, unknown, unknown>;
+    resize: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "none" | "both" | "horizontal" | "vertical", unknown>;
+    autosize: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus").InputAutoSize>, false, unknown, unknown, unknown>;
+    autocomplete: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "off", unknown, unknown, unknown>;
+    formatter: import("element-plus/es/utils").BuildPropReturn<FunctionConstructor, unknown, unknown, unknown, unknown>;
+    parser: import("element-plus/es/utils").BuildPropReturn<FunctionConstructor, unknown, unknown, unknown, unknown>;
+    placeholder: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    form: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    clearable: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    showPassword: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    showWordLimit: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    suffixIcon: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    prefixIcon: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
+    label: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    tabindex: import("element-plus/es/utils").BuildPropReturn<readonly [NumberConstructor, StringConstructor], unknown, unknown, unknown, unknown>;
+    validateEvent: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    inputStyle: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("vue").StyleValue>, () => import("element-plus/es/utils").Mutable<{}>, unknown, unknown, unknown>;
+    labelWidth: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+    prop: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus").FormItemProp>, unknown, unknown, unknown, unknown>;
+    required: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
+    rules: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>, unknown, unknown, unknown, unknown>;
+    error: StringConstructor;
+    validateStatus: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "error" | "success" | "validating", unknown>;
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, BooleanConstructor], "", unknown, unknown, unknown>;
+    showMessage: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+};
+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;
+};