@vunk/form 2.18.2 → 2.19.0

package/components/fieldset/index.mjs

@@ -1,9 +1,8 @@
-import { ref, computed, defineComponent, inject, provide, reactive, toRefs, openBlock, createElementBlock, renderSlot } from 'vue';
-import { formContextKey } from 'element-plus';
-import { noop } from '@vunk/shared/function';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const props = {
+import { ref as c, computed as s, defineComponent as f, inject as d, provide as p, reactive as m, toRefs as b, openBlock as x, createElementBlock as h, renderSlot as _ } from "vue";
+import { formContextKey as a } from "element-plus";
+import { noop as v } from "@vunk/shared/function";
+import { _ as S } from "../_plugin-vue_export-helper.cjs";
+const W = {
   labelWidth: {
     type: [String, Number],
     default: void 0
@@ -16,89 +15,77 @@ const props = {
     type: String,
     default: void 0
   }
+}, g = {};
+var $ = class extends Error {
+  constructor(e) {
+    super(e), this.name = "ElementPlusError";
+  }
 };
-const emits = {};
-
-function useFormLabelWidth() {
-  const potentialLabelWidthArr = ref([]);
-  const autoLabelWidth = computed(() => {
-    if (!potentialLabelWidthArr.value.length)
+function E(e, n) {
+  {
+    const o = new $(`[${e}] ${n}`);
+    console.warn(o);
+  }
+}
+const P = "ElForm";
+function k() {
+  const e = c([]), n = s(() => {
+    if (!e.value.length)
       return "0";
-    const max = Math.max(...potentialLabelWidthArr.value);
-    return max ? `${max}px` : "";
+    const t = Math.max(...e.value);
+    return t ? `${t}px` : "";
   });
-  function getLabelWidthIndex(width) {
-    const index = potentialLabelWidthArr.value.indexOf(width);
-    if (index === -1 && autoLabelWidth.value === "0") ;
-    return index;
+  function o(t) {
+    const r = e.value.indexOf(t);
+    return r === -1 && n.value === "0" && E(P, `unexpected width ${t}`), r;
   }
-  function registerLabelWidth(val, oldVal) {
-    if (val && oldVal) {
-      const index = getLabelWidthIndex(oldVal);
-      potentialLabelWidthArr.value.splice(index, 1, val);
-    } else if (val) {
-      potentialLabelWidthArr.value.push(val);
-    }
+  function i(t, r) {
+    if (t && r) {
+      const u = o(r);
+      e.value.splice(u, 1, t);
+    } else
+      t && e.value.push(t);
   }
-  function deregisterLabelWidth(val) {
-    const index = getLabelWidthIndex(val);
-    if (index > -1) {
-      potentialLabelWidthArr.value.splice(index, 1);
-    }
+  function l(t) {
+    const r = o(t);
+    r > -1 && e.value.splice(r, 1);
   }
   return {
-    autoLabelWidth,
-    registerLabelWidth,
-    deregisterLabelWidth
+    autoLabelWidth: n,
+    registerLabelWidth: i,
+    deregisterLabelWidth: l
   };
 }
-
-var _sfc_main = defineComponent({
+const y = f({
   name: "VkfFieldset",
-  props,
-  emits,
-  setup(props2) {
-    const backupFormContext = {
-      addField: noop
-    };
-    const formContext = inject(formContextKey, backupFormContext);
-    const labelWidth = computed(() => {
-      return props2.labelWidth ?? formContext.labelWidth;
-    });
-    const labelPosition = computed(() => {
-      return props2.labelPosition ?? formContext.labelPosition;
-    });
-    const labelSuffix = computed(() => {
-      return props2.labelSuffix ?? formContext.labelSuffix;
-    });
-    provide(
-      formContextKey,
-      reactive({
-        ...formContext === backupFormContext ? backupFormContext : toRefs(formContext),
-        labelWidth,
-        labelPosition,
-        labelSuffix,
-        ...useFormLabelWidth()
+  props: W,
+  emits: g,
+  setup(e) {
+    const n = {
+      addField: v
+    }, o = d(a, n), i = s(() => e.labelWidth ?? o.labelWidth), l = s(() => e.labelPosition ?? o.labelPosition), t = s(() => e.labelSuffix ?? o.labelSuffix);
+    return p(
+      a,
+      m({
+        ...o === n ? n : b(o),
+        labelWidth: i,
+        labelPosition: l,
+        labelSuffix: t,
+        ...k()
       })
-    );
-    return {};
+    ), {};
   }
-});
-
-const _hoisted_1 = { class: "vkf-fieldset" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("fieldset", _hoisted_1, [
-    renderSlot(_ctx.$slots, "default")
+}), F = { class: "vkf-fieldset" };
+function L(e, n, o, i, l, t) {
+  return x(), h("fieldset", F, [
+    _(e.$slots, "default")
   ]);
 }
-var VkfFieldset = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/fieldset/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+const B = /* @__PURE__ */ S(y, [["render", L]]), M = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfFieldset.install = (app) => {
-  app.component(VkfFieldset.name || "VkfFieldset", VkfFieldset);
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  B as VkfFieldset,
+  M as __VkfFieldset,
+  B as default
 };
-
-export { VkfFieldset, types as __VkfFieldset, VkfFieldset as default };

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

@@ -1,16 +1,16 @@
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 export declare const props: {
     labelWidth: {
         type: (StringConstructor | NumberConstructor)[];
-        default: any;
+        default: undefined;
     };
     labelPosition: {
         type: PropType<"left" | "right" | "top">;
-        default: any;
+        default: undefined;
     };
     labelSuffix: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
 };
 export declare const emits: {};

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

@@ -1,32 +1,32 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     labelWidth: {
         type: (StringConstructor | NumberConstructor)[];
-        default: any;
+        default: undefined;
     };
     labelPosition: {
         type: import("vue").PropType<"left" | "right" | "top">;
-        default: any;
+        default: undefined;
     };
     labelSuffix: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     labelWidth: {
         type: (StringConstructor | NumberConstructor)[];
-        default: any;
+        default: undefined;
     };
     labelPosition: {
         type: import("vue").PropType<"left" | "right" | "top">;
-        default: any;
+        default: undefined;
     };
     labelSuffix: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
 }>> & Readonly<{}>, {
     labelWidth: string | number;
-    labelPosition: "top" | "left" | "right";
+    labelPosition: "left" | "right" | "top";
     labelSuffix: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/form/index.cjs

@@ -1,248 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var elementPlus = require('element-plus');
-var utilsVue = require('@vunk/core/shared/utils-vue');
-var utilsFunction = require('@vunk/core/shared/utils-function');
-var vue = require('vue');
-var formItemRenderer = require('@vunk/form/components/form-item-renderer');
-var elementPlus$1 = require('@vunk/form/shared/element-plus');
-var helper = require('@vunk/core/shared/helper');
-var templatesDefault = require('@vunk/form/components/templates-default');
-var templatesLayout = require('@vunk/form/components/templates-layout');
-var utilsObject = require('@vunk/core/shared/utils-object');
-var form = require('@vunk/form/shared/form');
-var rendererData = require('@vunk/form/components/renderer-data');
-var object = require('@vunk/shared/object');
-var formsProvider = require('@vunk/form/components/forms-provider');
-var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
-
-const props = {
-  ...elementPlus.formProps,
-  data: {
-    type: Object,
-    default: () => ({})
-  },
-  formItems: {
-    type: Array,
-    default: () => []
-  },
-  readonly: {
-    type: Boolean
-  },
-  elRef: {
-    type: Function,
-    default: () => utilsFunction.NOOP
-  },
-  /**
-   * 是否开启布局模式
-   */
-  layout: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * layout 为 true 时，
-   * 该值生效
-   * el-row 添加额外属性
-   */
-  rowSource: {
-    type: Object,
-    default: () => ({})
-  },
-  /**
-   * layout 为 true 时，
-   * 该值生效
-   * el-col 添加额外属性
-   */
-  colSource: {
-    type: Object,
-    default: () => ({})
-  },
-  /**
-   * 需要传递给 FormsProvider 的属性
-   */
-  segmentAttrs: {
-    type: Object,
-    default: () => ({})
-  }
-};
-const createBindProps = utilsVue.bindPropsFactory(props);
-const emits = {
-  ...elementPlus.formEmits,
-  setData: (e) => e,
-  validate: null,
-  submit: null
-};
-const createOnEmits = utilsVue.onEmitsFactory(emits);
-
-var ctx = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  createBindProps: createBindProps,
-  createOnEmits: createOnEmits,
-  emits: emits,
-  props: props
-});
-
-const getRowEmptySpan = (row) => {
-  return 24 - row.templateSlots.reduce((a, c) => {
-    if (!c.span) {
-      throw new Error("ElColSource span is required");
-    }
-    return a + c.span;
-  }, 0);
-};
-const genColItem = (formItem, options = {}) => {
-  const span = formItem.span ?? options.span;
-  if (span === void 0 || span === null) {
-    throw new Error("genColItem ElColSource span is required");
-  }
-  return {
-    ...options,
-    templateType: "ElCol",
-    span,
-    templateSlots: [
-      utilsObject.pickObject(formItem, {
-        excludes: ["span"]
-      })
-    ]
-  };
-};
-const genRowItem = (defaultItem, options = {}) => {
-  return {
-    ...options,
-    templateType: "ElRow",
-    templateSlots: defaultItem ? [
-      defaultItem
-    ] : []
-  };
-};
-
-var _sfc_main = vue.defineComponent({
-  name: "VkfForm",
-  components: {
-    VkfRendererData: rendererData.VkfRendererData,
-    ElForm: elementPlus.ElForm,
-    VkfFormItemRenderer: formItemRenderer.VkfFormItemRenderer,
-    VkfTemplatesDefault: templatesDefault.VkfTemplatesDefault,
-    VkfTemplatesLayout: templatesLayout.VkfTemplatesLayout,
-    VkfFormsSegment: formsProvider.VkfFormsSegment
-  },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const formProps = elementPlus$1.createFormBindProps(props2, ["model"]);
-    const formEmits = elementPlus$1.createFormOnEmits(emit);
-    const formRef = vue.shallowRef();
-    const vm = vue.getCurrentInstance();
-    vue.provide("vkfFormVm", vm);
-    vue.provide("elFormRef", formRef);
-    const getRef = (e) => {
-      formRef.value = e;
-      props2.elRef(e);
-    };
-    const rendererSource = vue.computed(() => {
-      if (props2.layout) {
-        return props2.formItems.reduce((a, c) => {
-          const lastRow = a.findLast((item) => item.templateType === "ElRow");
-          const itemSpan = c.span ?? props2.colSource.span;
-          if (!itemSpan) {
-            a.push(c);
-            return a;
-          }
-          if (!c.templateLayout?.allowEmpty && Reflect.has(c, "templateIf")) {
-            const templateIfFunc = form.genTemplateIfFunc(c.templateIf);
-            const flag = templateIfFunc(props2.data);
-            if (!flag) {
-              return a;
-            }
-          }
-          const colItem = genColItem(c, object.pickObject({
-            ...props2.colSource,
-            ...c.templateLayout
-          }, {
-            excludes: ["allowEmpty"]
-          }));
-          if (!lastRow || getRowEmptySpan(lastRow) < itemSpan) {
-            a.push(genRowItem(colItem, props2.rowSource));
-          } else {
-            lastRow.templateSlots.push(colItem);
-          }
-          return a;
-        }, []);
-      }
-      return props2.formItems;
-    });
-    const handleSubmit = (e) => {
-      e.preventDefault();
-      emit("submit", e);
-    };
-    return {
-      formProps,
-      formEmits,
-      getValue: helper.getValue,
-      getRef,
-      computed: vue.computed,
-      rendererSource,
-      handleSubmit
-    };
-  }
-});
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VkfFormsSegment = vue.resolveComponent("VkfFormsSegment");
-  const _component_VkfTemplatesDefault = vue.resolveComponent("VkfTemplatesDefault");
-  const _component_VkfTemplatesLayout = vue.resolveComponent("VkfTemplatesLayout");
-  const _component_VkfFormItemRenderer = vue.resolveComponent("VkfFormItemRenderer");
-  const _component_VkfRendererData = vue.resolveComponent("VkfRendererData");
-  const _component_ElForm = vue.resolveComponent("ElForm");
-  return vue.openBlock(), vue.createBlock(_component_ElForm, vue.mergeProps(_ctx.formProps, {
-    ref: _ctx.getRef,
-    class: {
-      "is-readonly": _ctx.readonly
-    },
-    model: _ctx.model || _ctx.data
-  }, vue.toHandlers(_ctx.formEmits), { onSubmit: _ctx.handleSubmit }), {
-    default: vue.withCtx(() => [
-      vue.createVNode(_component_VkfRendererData, {
-        data: _ctx.data,
-        onSetData: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("setData", $event))
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_VkfFormsSegment, vue.mergeProps({ data: _ctx.data }, _ctx.segmentAttrs), null, 16, ["data"]),
-          vue.createVNode(_component_VkfFormItemRenderer, { source: _ctx.rendererSource }, {
-            placeholder: vue.withCtx(() => [
-              vue.createVNode(_component_VkfTemplatesDefault),
-              vue.createVNode(_component_VkfTemplatesLayout)
-            ]),
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "rendererTemplate")
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["source"]),
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["data"])
-    ]),
-    _: 3
-    /* FORWARDED */
-  }, 16, ["class", "model", "onSubmit"]);
-}
-var VkfForm = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/form/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-VkfForm.install = (app) => {
-  app.component(VkfForm.name, VkfForm);
-};
-
-exports.VkfForm = VkfForm;
-exports._VkfFormCtx = ctx;
-exports.__VkfForm = types;
-exports.default = VkfForm;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("element-plus"),b=require("@vunk/core/shared/utils-vue"),_=require("@vunk/core/shared/utils-function"),t=require("vue"),v=require("@vunk/form/components/form-item-renderer"),g=require("@vunk/form/shared/element-plus"),E=require("@vunk/core/shared/helper"),w=require("@vunk/form/components/templates-default"),C=require("@vunk/form/components/templates-layout"),q=require("@vunk/core/shared/utils-object"),I=require("@vunk/form/shared/form"),O=require("@vunk/form/components/renderer-data"),T=require("@vunk/shared/object"),P=require("@vunk/form/components/forms-provider"),h=require("../_plugin-vue_export-helper.cjs"),d={...p.formProps,data:{type:Object,default:()=>({})},formItems:{type:Array,default:()=>[]},readonly:{type:Boolean},elRef:{type:Function,default:()=>_.NOOP},layout:{type:Boolean,default:!1},rowSource:{type:Object,default:()=>({})},colSource:{type:Object,default:()=>({})},segmentAttrs:{type:Object,default:()=>({})}},D=b.bindPropsFactory(d),i={...p.formEmits,setData:e=>e,validate:null,submit:null},j=b.onEmitsFactory(i),L=Object.freeze(Object.defineProperty({__proto__:null,createBindProps:D,createOnEmits:j,emits:i,props:d},Symbol.toStringTag,{value:"Module"})),$=e=>24-e.templateSlots.reduce((r,n)=>{if(!n.span)throw new Error("ElColSource span is required");return r+n.span},0),B=(e,r={})=>{const n=e.span??r.span;if(n==null)throw new Error("genColItem ElColSource span is required");return{...r,templateType:"ElCol",span:n,templateSlots:[q.pickObject(e,{excludes:["span"]})]}},N=(e,r={})=>({...r,templateType:"ElRow",templateSlots:e?[e]:[]}),M=t.defineComponent({name:"VkfForm",components:{VkfRendererData:O.VkfRendererData,ElForm:p.ElForm,VkfFormItemRenderer:v.VkfFormItemRenderer,VkfTemplatesDefault:w.VkfTemplatesDefault,VkfTemplatesLayout:C.VkfTemplatesLayout,VkfFormsSegment:P.VkfFormsSegment},props:d,emits:i,setup(e,{emit:r}){const n=g.createFormBindProps(e,["model"]),y=g.createFormOnEmits(r),m=t.shallowRef(),V=t.getCurrentInstance();t.provide("vkfFormVm",V),t.provide("elFormRef",m);const u=o=>{m.value=o,e.elRef(o)},c=t.computed(()=>e.layout?e.formItems.reduce((o,l)=>{var k;const s=o.findLast(F=>F.templateType==="ElRow"),a=l.span??e.colSource.span;if(!a)return o.push(l),o;if(!((k=l.templateLayout)!=null&&k.allowEmpty)&&Reflect.has(l,"templateIf")&&!I.genTemplateIfFunc(l.templateIf)(e.data))return o;const S=B(l,T.pickObject({...e.colSource,...l.templateLayout},{excludes:["allowEmpty"]}));return!s||$(s)<a?o.push(N(S,e.rowSource)):s.templateSlots.push(S),o},[]):e.formItems),f=o=>{o.preventDefault(),r("submit",o)};return{formProps:n,formEmits:y,getValue:E.getValue,getRef:u,computed:t.computed,rendererSource:c,handleSubmit:f}}});function A(e,r,n,y,m,V){const u=t.resolveComponent("VkfFormsSegment"),c=t.resolveComponent("VkfTemplatesDefault"),f=t.resolveComponent("VkfTemplatesLayout"),o=t.resolveComponent("VkfFormItemRenderer"),l=t.resolveComponent("VkfRendererData"),s=t.resolveComponent("ElForm");return t.openBlock(),t.createBlock(s,t.mergeProps(e.formProps,{ref:e.getRef,class:{"is-readonly":e.readonly},model:e.model||e.data},t.toHandlers(e.formEmits),{onSubmit:e.handleSubmit}),{default:t.withCtx(()=>[t.createVNode(l,{data:e.data,onSetData:r[0]||(r[0]=a=>e.$emit("setData",a))},{default:t.withCtx(()=>[t.createVNode(u,t.mergeProps({data:e.data},e.segmentAttrs),null,16,["data"]),t.createVNode(o,{source:e.rendererSource},{placeholder:t.withCtx(()=>[t.createVNode(c),t.createVNode(f)]),default:t.withCtx(()=>[t.renderSlot(e.$slots,"rendererTemplate")]),_:3},8,["source"]),t.renderSlot(e.$slots,"default")]),_:3},8,["data"])]),_:3},16,["class","model","onSubmit"])}const R=h._export_sfc(M,[["render",A]]),z=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfForm=R;exports._VkfFormCtx=L;exports.__VkfForm=z;exports.default=R;