@vunk/form 0.0.1-alpha.4 → 0.0.1-alpha.41

package/components/firt-ep/index.js

@@ -0,0 +1,80 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createBlock, normalizeProps, mergeProps, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
+import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
+import { ElLink, ElDivider } from 'element-plus';
+import { pickObject } from '@vunk/core/shared/utils-object';
+
+const props = {
+  data: {
+    type: Object,
+    default: () => ({})
+  }
+};
+const 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: "VkfFirtEp",
+  components: {
+    VkfFormItemRendererTemplate,
+    ElLink,
+    ElDivider
+  },
+  emits,
+  props,
+  setup() {
+    return {
+      pickObject
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElLink = resolveComponent("ElLink");
+  const _component_VkfFormItemRendererTemplate = resolveComponent("VkfFormItemRendererTemplate");
+  const _component_ElDivider = resolveComponent("ElDivider");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "ElLink" }, {
+      default: withCtx(({ data: props2, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_ElLink, normalizeProps(mergeProps({ key: 0 }, _ctx.pickObject(props2, {
+          excludes: ["label"]
+        }))), {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(props2.label), 1)
+          ]),
+          _: 2
+        }, 1040)) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "ElDivider" }, {
+      default: withCtx(({ data: props2, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_ElDivider, normalizeProps(mergeProps({ key: 0 }, _ctx.pickObject(props2, {
+          excludes: ["label"]
+        }))), {
+          default: withCtx(() => [
+            createElementVNode("span", null, toDisplayString(props2.label), 1)
+          ]),
+          _: 2
+        }, 1040)) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    })
+  ], 64);
+}
+var VkfFirtEp = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfFirtEp.install = (app) => {
+  app.component(VkfFirtEp.name, VkfFirtEp);
+};
+
+export { VkfFirtEp, types as __VkfFirtEp, VkfFirtEp as default };

package/components/firt-ep/src/ctx.d.ts

@@ -0,0 +1,9 @@
+import { NormalObject } from '@vunk/core';
+import { PropType } from 'vue';
+export declare const props: {
+    data: {
+        type: PropType<NormalObject>;
+        default: () => {};
+    };
+};
+export declare const emits: {};

package/components/firt-ep/src/ctx.js

@@ -0,0 +1,9 @@
+const props = {
+  data: {
+    type: Object,
+    default: () => ({})
+  }
+};
+const emits = {};
+
+export { emits, props };

package/components/firt-ep/src/index.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: import("vue").PropType<import("@vunk/core").NormalObject>;
+        default: () => {};
+    };
+}, {
+    pickObject: <T extends import("@vunk/core").NormalObject, EX extends (keyof T)[] | undefined, KI extends keyof T>(data: T, opts?: {
+        excludes?: EX | undefined;
+        includes?: KI[] | undefined;
+    } | undefined) => { [P in EX extends (infer KE)[] ? Exclude<KI, KE> : KI]: T[P]; };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<import("@vunk/core").NormalObject>;
+        default: () => {};
+    };
+}>>, {
+    data: import("@vunk/core").NormalObject;
+}>;
+export default _default;

package/components/firt-ep/src/types.d.ts

@@ -0,0 +1 @@
+export {};

package/components/firt-ep/src/types.js

@@ -0,0 +1 @@
+

package/components/form/index.js

@@ -1,6 +1,7 @@
 import { formProps, formEmits, ElForm } from 'element-plus';
 import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
-import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, withCtx, createVNode, renderSlot } from 'vue';
+import { NOOP } from '@vunk/core/shared/utils-function';
+import { defineComponent, shallowRef, getCurrentInstance, provide, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, withCtx, createVNode, renderSlot } from 'vue';
 import { VkfFormItemRenderer } from '@vunk/form/components/form-item-renderer';
 import { createFormBindProps, createFormOnEmits } from '@vunk/form/shared/element-plus';
 import { getValue } from '@vunk/core/shared/helper';
@@ -34,10 +35,12 @@ const props = __spreadProps(__spreadValues({}, formProps), {
     type: Array,
     default: () => []
   },
+  readonly: {
+    type: Boolean
+  },
   elRef: {
     type: Function,
-    default: () => () => {
-    }
+    default: () => NOOP
   }
 });
 const createBindProps = bindPropsFactory(props);
@@ -55,7 +58,15 @@ var ctx = /*#__PURE__*/Object.freeze({
   createOnEmits: createOnEmits
 });
 
-var script = defineComponent({
+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: "VkfForm",
   props,
   emits,
@@ -67,21 +78,33 @@ var script = defineComponent({
   setup(props2, { emit }) {
     const formProps = createFormBindProps(props2, ["model"]);
     const formEmits = createFormOnEmits(emit);
+    const formRef = shallowRef();
+    const vm = getCurrentInstance();
+    provide("vkfFormVm", vm);
+    provide("elFormRef", formRef);
+    const getRef = (e) => {
+      formRef.value = e;
+      props2.elRef(e);
+    };
     return {
       formProps,
       formEmits,
-      getValue
+      getValue,
+      getRef
     };
   }
 });
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfFormItemRendererTemplateDefault = resolveComponent("VkfFormItemRendererTemplateDefault");
   const _component_VkfFormItemRenderer = resolveComponent("VkfFormItemRenderer");
   const _component_ElForm = resolveComponent("ElForm");
-  return openBlock(), createBlock(_component_ElForm, mergeProps(_ctx.formProps, toHandlers(_ctx.formEmits), {
+  return openBlock(), createBlock(_component_ElForm, mergeProps({
+    class: {
+      "is-readonly": _ctx.readonly
+    }
+  }, _ctx.formProps, toHandlers(_ctx.formEmits), {
     model: _ctx.model || _ctx.data,
-    ref: _ctx.elRef
+    ref: _ctx.getRef
   }), {
     default: withCtx(() => [
       createVNode(_component_VkfFormItemRenderer, { source: _ctx.formItems }, {
@@ -97,14 +120,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  }, 16, ["model"]);
+  }, 16, ["class", "model"]);
 }
+var VkfForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
 
-script.render = render;
-script.__file = "form/src/index.vue";
-
-script.install = (app) => {
-  app.component(script.name, script);
+VkfForm.install = (app) => {
+  app.component(VkfForm.name, VkfForm);
 };
 
-export { script as VkfForm, ctx as _VkfFormCtx, script as default };
+export { VkfForm, ctx as _VkfFormCtx, VkfForm as default };