@vunk/form 0.0.0-alpha.1

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

@@ -0,0 +1,100 @@
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: import("vue").PropType<Record<string, any>>;
+        default: () => {};
+    };
+    formItems: {
+        type: import("vue").PropType<any[]>;
+        default: () => never[];
+    };
+    model: ObjectConstructor;
+    rules: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+    labelPosition: StringConstructor;
+    labelWidth: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+    labelSuffix: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    inline: BooleanConstructor;
+    inlineMessage: BooleanConstructor;
+    statusIcon: BooleanConstructor;
+    showMessage: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+    disabled: BooleanConstructor;
+    validateOnRuleChange: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    hideRequiredAsterisk: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    scrollToError: BooleanConstructor;
+}, {
+    formProps: import("vue").ComputedRef<{
+        rules: Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>> | undefined;
+        labelPosition: string | undefined;
+        labelWidth: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        labelSuffix: string;
+        inline: boolean;
+        inlineMessage: boolean;
+        statusIcon: boolean;
+        showMessage: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        size: import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "small" | "default" | "large", unknown> | undefined;
+        disabled: boolean;
+        validateOnRuleChange: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        hideRequiredAsterisk: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        scrollToError: boolean;
+    }>;
+    formEmits: {
+        validate: ((event: "validate", ...args: any[]) => void) & ((event: "setData", e: {
+            v: any;
+            k: any;
+        }) => void);
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    setData: (e: {
+        v: any;
+        k: any;
+    }) => {
+        v: any;
+        k: any;
+    };
+    validate: null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<Record<string, any>>;
+        default: () => {};
+    };
+    formItems: {
+        type: import("vue").PropType<any[]>;
+        default: () => never[];
+    };
+    model: ObjectConstructor;
+    rules: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>, unknown, unknown, unknown, unknown>;
+    labelPosition: StringConstructor;
+    labelWidth: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+    labelSuffix: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    inline: BooleanConstructor;
+    inlineMessage: BooleanConstructor;
+    statusIcon: BooleanConstructor;
+    showMessage: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+    disabled: BooleanConstructor;
+    validateOnRuleChange: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    hideRequiredAsterisk: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    scrollToError: BooleanConstructor;
+}>> & {
+    onValidate?: ((...args: any[]) => any) | undefined;
+    onSetData?: ((e: {
+        v: any;
+        k: any;
+    }) => any) | undefined;
+}, {
+    data: Record<string, any>;
+    rules: Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>;
+    labelWidth: import("element-plus/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    labelSuffix: string;
+    inline: boolean;
+    inlineMessage: boolean;
+    statusIcon: boolean;
+    showMessage: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    size: import("element-plus/es/utils").BuildPropType<StringConstructor, "" | "small" | "default" | "large", unknown>;
+    disabled: boolean;
+    validateOnRuleChange: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    hideRequiredAsterisk: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    scrollToError: boolean;
+    formItems: any[];
+}>;
+export default _default;

package/components/form/src/utils.d.ts

@@ -0,0 +1,2 @@
+import { _VkfFormItemRendererUtils } from '@vunk/form/components/form-item-renderer';
+export { _VkfFormItemRendererUtils, };

package/components/form-item-renderer/index.d.ts

@@ -0,0 +1,6 @@
+import VkfFormItemRenderer from './src/index.vue';
+export * from './src/symbols';
+export * as _VkfFormItemRendererUtils from './src/utils';
+export * as __VkfFormItemRenderer from './src/types';
+export { VkfFormItemRenderer, };
+export default VkfFormItemRenderer;

package/components/form-item-renderer/index.js

@@ -0,0 +1,90 @@
+import { defineComponent, shallowReactive, provide, h } from 'vue';
+
+const props = {
+  source: {
+    type: Array,
+    default: () => []
+  },
+  templateInstances: {
+    type: Object,
+    default: void 0
+  },
+  k: {
+    type: Array,
+    default: () => []
+  }
+};
+
+const S_TEMPLATE_INSTANCES = Symbol("templateInstances");
+
+const VkfFormItemRenderer = defineComponent({
+  name: "VkfFormItemRenderer",
+  props: props,
+  setup(props$1, ctx) {
+    const templateInstances = props$1.templateInstances ?? shallowReactive({});
+    provide(S_TEMPLATE_INSTANCES, templateInstances);
+    const Renderer = defineComponent({
+      props: props,
+      setup(props2) {
+        return () => h(VkfFormItemRenderer, {
+          templateInstances,
+          source: props2.source,
+          k: props2.k
+        });
+      }
+    });
+    const renderFormItems = (data, pK = []) => {
+      return data.reduce((a, c, index) => {
+        const currentK = [...props$1.k, ...pK, index];
+        if (c.templateType && templateInstances[c.templateType]) {
+          const slotData = { ...c };
+          Reflect.deleteProperty(slotData, "templateType");
+          Reflect.deleteProperty(slotData, "templateSlots");
+          const nodes = templateInstances[c.templateType].slots.default?.({
+            data: slotData,
+            raw: c,
+            Renderer,
+            k: currentK
+          });
+          nodes && a.push(nodes);
+        } else if (c.templateSlots?.default) {
+          currentK.push("templateSlots", "default");
+          return renderFormItems(c.templateSlots.default, currentK);
+        }
+        return a;
+      }, []);
+    };
+    return () => {
+      const tempSlots = ctx.slots.default?.();
+      return [
+        tempSlots,
+        renderFormItems(props$1.source)
+      ];
+    };
+  }
+});
+
+VkfFormItemRenderer.__file = "form-item-renderer/src/index.vue";
+
+const createDefaultSlots = (o) => {
+  return {
+    default: Array.isArray(o) ? o : [
+      o
+    ]
+  };
+};
+
+var utils = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  createDefaultSlots: createDefaultSlots
+});
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfFormItemRenderer.install = (app) => {
+  app.component(VkfFormItemRenderer.name, VkfFormItemRenderer);
+};
+
+export { S_TEMPLATE_INSTANCES, VkfFormItemRenderer, utils as _VkfFormItemRendererUtils, types as __VkfFormItemRenderer, VkfFormItemRenderer as default };

package/components/form-item-renderer/src/ctx.d.ts

@@ -0,0 +1,16 @@
+import { ComponentInternalInstance, PropType } from 'vue';
+import { RendererTreeData } from './types';
+export declare const props: {
+    source: {
+        type: PropType<RendererTreeData[]>;
+        default: () => never[];
+    };
+    templateInstances: {
+        type: PropType<Record<string, ComponentInternalInstance>>;
+        default: undefined;
+    };
+    k: {
+        type: PropType<(string | number)[]>;
+        default: () => never[];
+    };
+};

package/components/form-item-renderer/src/index.vue.d.ts

@@ -0,0 +1,38 @@
+import { ComponentInternalInstance, VNode } from 'vue';
+import { RendererTreeData } from './types';
+declare const VkfFormItemRenderer: import("vue").DefineComponent<{
+    source: {
+        type: import("vue").PropType<RendererTreeData[]>;
+        default: () => never[];
+    };
+    templateInstances: {
+        type: import("vue").PropType<Record<string, ComponentInternalInstance>>;
+        default: undefined;
+    };
+    k: {
+        type: import("vue").PropType<(string | number)[]>;
+        default: () => never[];
+    };
+}, () => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | (VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | undefined)[][] | 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<RendererTreeData[]>;
+        default: () => never[];
+    };
+    templateInstances: {
+        type: import("vue").PropType<Record<string, ComponentInternalInstance>>;
+        default: undefined;
+    };
+    k: {
+        type: import("vue").PropType<(string | number)[]>;
+        default: () => never[];
+    };
+}>>, {
+    source: RendererTreeData[];
+    templateInstances: Record<string, ComponentInternalInstance>;
+    k: (string | number)[];
+}>;
+export default VkfFormItemRenderer;

package/components/form-item-renderer/src/symbols.d.ts

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

package/components/form-item-renderer/src/types.d.ts

@@ -0,0 +1,5 @@
+export interface RendererTreeData {
+    templateType?: string;
+    templateSlots?: Record<string, RendererTreeData[]>;
+    [k: string]: any;
+}

package/components/form-item-renderer/src/utils.d.ts

@@ -0,0 +1,3 @@
+export declare const createDefaultSlots: <T>(o: T | T[]) => {
+    default: T[];
+};

package/components/form-item-renderer-template/index.d.ts

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

package/components/form-item-renderer-template/index.js

@@ -0,0 +1,37 @@
+import { defineComponent, inject, getCurrentInstance, onUnmounted } from 'vue';
+import { S_TEMPLATE_INSTANCES } from '@vunk/form/components/form-item-renderer';
+
+const props = {
+  type: {
+    type: String,
+    required: true,
+    default: ""
+  }
+};
+
+var script = defineComponent({
+  name: "VkfFormItemRendererTemplate",
+  props,
+  setup(props2) {
+    const templateInstances = inject(S_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 = "form-item-renderer-template/src/index.vue";
+
+script.install = (app) => {
+  app.component(script.name, script);
+};
+
+export { script as VkfFormItemRendererTemplate, script as default };

package/components/form-item-renderer-template/src/ctx.d.ts

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

package/components/form-item-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/ground/index.css

@@ -0,0 +1,84 @@
+
+.vkf-ground{
+  display: flex;
+}
+.vkf-ground-widget-x{
+  width: 15em;
+  height: 100%;
+}
+.vkf-ground-main-x{
+  flex: 3;
+  border: 2px var(--el-border-color) dashed;
+  overflow: auto;
+}
+.vkf-ground-config-x{
+  padding: 0 1em;
+  flex: 1;
+}
+
+.vkf-ground-main {
+  min-height: 100%;
+  padding: .5em;
+}
+.vkf-ground-end.is-dragover-prev {
+  border-top: 2px var(--el-color-primary) solid;
+}
+.vkf-gm-form-item-x.vk-tab-item{
+  cursor: initial;
+}
+.vkf-gm-form-item-x.is-active{
+  border: 2px var(--el-color-primary) dashed;
+  /* margin-bottom: .5em; */
+}
+.vkf-gm-form-item-x .el-form-item {
+  transition: all .3s ease;
+}
+.vkf-gm-form-item-x.is-active .el-form-item{
+  padding: 1em .5em 0;
+}
+
+
+ 
+.vkf-widget-tab{
+  position: relative;
+  width: 100%;
+  display: flex;
+  justify-content: space-around;
+  --vk-float-block-color: var(--el-color-primary);
+}
+.vkf-widget-tab > .is-active.vk-tab-item{
+ color: var(--el-color-primary);
+}
+.vkf-widget-tab > .vk-tab-item {
+  padding: 0.5em 1em;
+}
+
+/* for FormItemWidget */
+.vkf-ground-widget-ul {
+  display: grid;
+  grid: auto-flow / repeat(2, 1fr);
+}
+.vkf-ground-widget-ul li{
+  text-align: center;
+  margin: 0.25em .5em;
+  background: var(--el-color-info-light-8);
+  cursor: move;
+  border-radius: 4px;
+}
+
+.vkf-gmew-drag-wrapper{
+  cursor: move;
+  background: var(--el-color-primary);
+  color: var(--el-color-white);
+  opacity: .7;
+  font-size: .8em;
+}
+.vkf-ground-main-editing-wrapper{
+  overflow: hidden;
+}
+.vkf-ground-main-editing-wrapper.is-dragover-next{
+  border-bottom: 2px solid var(--el-color-primary);
+}
+.vkf-ground-main-editing-wrapper.is-dragover-prev{
+  border-top: 2px solid var(--el-color-primary);
+}

package/components/ground/index.d.ts

@@ -0,0 +1,4 @@
+import VkfGround from './src/index.vue';
+export * as __VkfGround from './src/types';
+export { VkfGround, };
+export default VkfGround;