@vunk/form 2.6.2 → 2.7.1

package/components/information-tag/index.mjs

@@ -0,0 +1,95 @@
+import { defineComponent, computed, createVNode, mergeProps, isVNode } from 'vue';
+import { tagProps, tagEmits, ElPopover, ElTag } from 'element-plus';
+import { VkfInformation } from '@vunk/form';
+import { isCallable } from '@vunk/shared/function';
+import { createTagBindProps, createTagOnEmits } from '@vunk/form/shared/element-plus';
+import { vOn } from '@vunk/core/shared/utils-vue';
+import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
+
+const props = {
+  ...tagProps,
+  data: {
+    type: Object,
+    default: () => ({})
+  },
+  labelRender: {
+    type: Function,
+    default: (data) => data.label
+  },
+  title: {
+    type: [String, Function],
+    default: ""
+  },
+  placement: {
+    type: String,
+    default: "top"
+  },
+  formItems: {
+    type: Array,
+    default: () => []
+  },
+  trigger: {
+    type: String,
+    default: "hover"
+  },
+  showAfter: {
+    type: Number,
+    default: 500
+  }
+};
+const emits = {
+  ...tagEmits
+};
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
+}
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  name: "VkfInformationTag",
+  props,
+  emits,
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    const theTitle = computed(() => {
+      return isCallable(props2.title) ? props2.title(props2.data) : props2.title;
+    });
+    const tagProps = createTagBindProps(props2);
+    const tagEmits = createTagOnEmits(emit);
+    return () => createVNode(ElPopover, {
+      "placement": props2.placement,
+      "title": theTitle.value,
+      "width": 250,
+      "trigger": props2.trigger,
+      "show-after": props2.showAfter
+    }, {
+      reference: () => {
+        let _slot;
+        return createVNode(ElTag, mergeProps({
+          "class": "vkf-information-tag__tag"
+        }, tagProps.value, vOn(tagEmits)), _isSlot(_slot = props2.labelRender(props2.data)) ? _slot : {
+          default: () => [_slot]
+        });
+      },
+      default: () => createVNode(VkfInformation, {
+        "data": props2.data,
+        "form-items": props2.formItems
+      }, {
+        default: () => [slots.default?.()]
+      })
+    });
+  }
+});
+
+var VkfInformationTag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/information-tag/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfInformationTag.install = (app) => {
+  app.component(VkfInformationTag.name || "VkfInformationTag", VkfInformationTag);
+};
+
+export { VkfInformationTag, types as __VkfInformationTag, VkfInformationTag as default };

package/components/information-tag/src/ctx.d.ts

@@ -0,0 +1,50 @@
+import { PropType } from 'vue';
+import { Placement } from '@sxzz/popperjs-es';
+import { NormalObject } from '@vunk/shared';
+export declare const props: {
+    data: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    labelRender: {
+        type: PropType<(data: NormalObject) => string>;
+        default: (data: any) => any;
+    };
+    title: {
+        type: PropType<string | ((data: any) => string)>;
+        default: string;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    formItems: {
+        type: PropType<any[]>;
+        default: () => any[];
+    };
+    trigger: {
+        type: PropType<"click" | "focus" | "hover" | "contextmenu">;
+        default: string;
+    };
+    showAfter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
+    closable: BooleanConstructor;
+    disableTransitions: BooleanConstructor;
+    hit: BooleanConstructor;
+    color: StringConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    effect: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "dark" | "light" | "plain", unknown, "light", boolean>;
+    round: BooleanConstructor;
+};
+export declare const emits: {
+    close: (evt: MouseEvent) => boolean;
+    click: (evt: MouseEvent) => boolean;
+};

package/components/information-tag/src/index.vue.d.ts

@@ -0,0 +1,106 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    labelRender: {
+        type: import("vue").PropType<(data: import("@vunk/shared").NormalObject) => string>;
+        default: (data: any) => any;
+    };
+    title: {
+        type: import("vue").PropType<string | ((data: any) => string)>;
+        default: string;
+    };
+    placement: {
+        type: import("vue").PropType<import("@sxzz/popperjs-es").Placement>;
+        default: string;
+    };
+    formItems: {
+        type: import("vue").PropType<any[]>;
+        default: () => any[];
+    };
+    trigger: {
+        type: import("vue").PropType<"click" | "focus" | "hover" | "contextmenu">;
+        default: string;
+    };
+    showAfter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
+    closable: BooleanConstructor;
+    disableTransitions: BooleanConstructor;
+    hit: BooleanConstructor;
+    color: StringConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    effect: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "dark" | "light" | "plain", unknown, "light", boolean>;
+    round: BooleanConstructor;
+}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (evt: MouseEvent) => boolean;
+    click: (evt: MouseEvent) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    labelRender: {
+        type: import("vue").PropType<(data: import("@vunk/shared").NormalObject) => string>;
+        default: (data: any) => any;
+    };
+    title: {
+        type: import("vue").PropType<string | ((data: any) => string)>;
+        default: string;
+    };
+    placement: {
+        type: import("vue").PropType<import("@sxzz/popperjs-es").Placement>;
+        default: string;
+    };
+    formItems: {
+        type: import("vue").PropType<any[]>;
+        default: () => any[];
+    };
+    trigger: {
+        type: import("vue").PropType<"click" | "focus" | "hover" | "contextmenu">;
+        default: string;
+    };
+    showAfter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown, "primary", boolean>;
+    closable: BooleanConstructor;
+    disableTransitions: BooleanConstructor;
+    hit: BooleanConstructor;
+    color: StringConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    effect: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "dark" | "light" | "plain", unknown, "light", boolean>;
+    round: BooleanConstructor;
+}>> & Readonly<{
+    onClick?: (evt: MouseEvent) => any;
+    onClose?: (evt: MouseEvent) => any;
+}>, {
+    type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    trigger: "hover" | "click" | "contextmenu" | "focus";
+    effect: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>;
+    placement: import("@sxzz/popperjs-es").Placement;
+    showAfter: number;
+    data: Record<string, any>;
+    round: boolean;
+    formItems: any[];
+    title: string | ((data: any) => string);
+    closable: boolean;
+    disableTransitions: boolean;
+    hit: boolean;
+    labelRender: (data: import("@vunk/shared").NormalObject) => string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/information-templates-default/index.cjs

@@ -6,182 +6,69 @@ var vue = require('vue');
 var formItemRendererTemplate = require('@vunk/form/components/form-item-renderer-template');
 var formItem = require('@vunk/form/components/form-item');
 var select = require('@vunk/form/components/select');
-var tagInformation = require('@vunk/form/components/tag-information');
+var informationCollection = require('@vunk/form/components/information-collection');
 var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
 
-const props = {};
-const emits = {};
-
-var _sfc_main = vue.defineComponent({
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   name: "VkfInformationTemplatesDefault",
-  components: {
-    VkfFormItem: formItem.VkfFormItem,
-    VkfFormItemRendererTemplate: formItemRendererTemplate.VkfFormItemRendererTemplate,
-    VkfTagInformation: tagInformation.VkfTagInformation,
-    VkfSelect: select.VkfSelect
-  },
-  props,
-  emits,
-  setup(props2, { emit }) {
+  setup() {
     const prefixCls = "vkf-information-templates-default";
-    const simpleStringTemplates = [
-      "VkfInput",
-      "VkfInputNumber",
-      "VkfSlider"
-    ];
-    const simpleSelectTemplates = [
-      "VkfSelect",
-      "VkfRadio"
-    ];
-    const simpleCollectionTemplates = [
-      "VkfInputCollection"
-    ];
-    return {
-      prefixCls,
-      simpleStringTemplates,
-      simpleSelectTemplates,
-      simpleCollectionTemplates
-    };
+    const simpleStringTemplates = ["VkfInput", "VkfInputNumber", "VkfSlider"];
+    const simpleSelectTemplates = ["VkfSelect", "VkfRadio"];
+    const simpleCollectionTemplates = ["VkfInputCollection"];
+    return () => vue.createVNode(vue.Fragment, null, [simpleStringTemplates.map(t => vue.createVNode(formItemRendererTemplate.VkfFormItemRendererTemplate, {
+      "key": t,
+      "type": t
+    }, {
+      default: ({
+        props,
+        value
+      }) => vue.createVNode(formItem.VkfFormItem, {
+        "class": `${prefixCls}-main`,
+        "label": props.label,
+        "prop": props.prop,
+        "information": true
+      }, {
+        default: () => [vue.createVNode("div", {
+          "class": `${prefixCls}-value`
+        }, [value])]
+      })
+    })), simpleSelectTemplates.map(t => vue.createVNode(formItemRendererTemplate.VkfFormItemRendererTemplate, {
+      "key": t,
+      "type": t
+    }, {
+      default: ({
+        props,
+        value
+      }) => vue.createVNode(select.VkfSelect, {
+        "label": props.label,
+        "information": true,
+        "class": `${prefixCls}-main`,
+        "readonly": true,
+        "modelValue": value,
+        "options": props.options
+      }, null)
+    })), simpleCollectionTemplates.map(t => vue.createVNode(formItemRendererTemplate.VkfFormItemRendererTemplate, {
+      "key": t,
+      "type": t
+    }, {
+      default: ({
+        props,
+        value,
+        informationProps
+      }) => {
+        const formItemProps = formItem._VkfFormItemCtx.createBindProps(props);
+        return vue.createVNode(informationCollection.VkfInformationCollection, vue.mergeProps({
+          "class": `${prefixCls}-main`,
+          "modelValue": value,
+          "columns": props.columns
+        }, formItemProps.value, informationProps), null);
+      }
+    }))]);
   }
 });
 
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
-  const _component_VkfFormItemRendererTemplate = vue.resolveComponent("VkfFormItemRendererTemplate");
-  const _component_VkfSelect = vue.resolveComponent("VkfSelect");
-  const _component_VkfTagInformation = vue.resolveComponent("VkfTagInformation");
-  return vue.openBlock(), vue.createElementBlock(
-    vue.Fragment,
-    null,
-    [
-      (vue.openBlock(true), vue.createElementBlock(
-        vue.Fragment,
-        null,
-        vue.renderList(_ctx.simpleStringTemplates, (t) => {
-          return vue.openBlock(), vue.createBlock(_component_VkfFormItemRendererTemplate, {
-            key: t,
-            type: t
-          }, {
-            default: vue.withCtx(({ props, value }) => [
-              vue.createVNode(_component_VkfFormItem, {
-                class: vue.normalizeClass(`${_ctx.prefixCls}-main`),
-                label: props.label,
-                prop: props.prop,
-                information: true
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createElementVNode(
-                    "div",
-                    {
-                      class: vue.normalizeClass(`${_ctx.prefixCls}-value`)
-                    },
-                    vue.toDisplayString(value),
-                    3
-                    /* TEXT, CLASS */
-                  )
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["class", "label", "prop"])
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, 1032, ["type"]);
-        }),
-        128
-        /* KEYED_FRAGMENT */
-      )),
-      (vue.openBlock(true), vue.createElementBlock(
-        vue.Fragment,
-        null,
-        vue.renderList(_ctx.simpleSelectTemplates, (t) => {
-          return vue.openBlock(), vue.createBlock(_component_VkfFormItemRendererTemplate, {
-            key: t,
-            type: t
-          }, {
-            default: vue.withCtx(({ props, value }) => [
-              vue.createVNode(_component_VkfSelect, {
-                label: props.label,
-                information: true,
-                class: vue.normalizeClass(`${_ctx.prefixCls}-main`),
-                readonly: true,
-                "model-value": value,
-                options: props.options
-              }, null, 8, ["label", "class", "model-value", "options"])
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, 1032, ["type"]);
-        }),
-        128
-        /* KEYED_FRAGMENT */
-      )),
-      (vue.openBlock(true), vue.createElementBlock(
-        vue.Fragment,
-        null,
-        vue.renderList(_ctx.simpleCollectionTemplates, (t) => {
-          return vue.openBlock(), vue.createBlock(_component_VkfFormItemRendererTemplate, {
-            key: t,
-            type: t
-          }, {
-            default: vue.withCtx(({ props, value }) => [
-              vue.createVNode(_component_VkfFormItem, {
-                class: vue.normalizeClass(`${_ctx.prefixCls}-main`),
-                label: props.label,
-                prop: props.prop,
-                information: true
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createElementVNode(
-                    "div",
-                    {
-                      class: vue.normalizeClass(`${_ctx.prefixCls}-value`)
-                    },
-                    [
-                      (vue.openBlock(true), vue.createElementBlock(
-                        vue.Fragment,
-                        null,
-                        vue.renderList(value, (item, index) => {
-                          return vue.openBlock(), vue.createBlock(_component_VkfTagInformation, {
-                            key: index,
-                            "label-render": props.summaryLabel,
-                            data: item,
-                            "form-items": props.columns.map((v) => {
-                              return {
-                                ...v,
-                                ...v.templateProps,
-                                ...v.templateProps?.createTemplateProps?.({
-                                  row: item
-                                })
-                              };
-                            })
-                          }, null, 8, ["label-render", "data", "form-items"]);
-                        }),
-                        128
-                        /* KEYED_FRAGMENT */
-                      ))
-                    ],
-                    2
-                    /* CLASS */
-                  )
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["class", "label", "prop"])
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, 1032, ["type"]);
-        }),
-        128
-        /* KEYED_FRAGMENT */
-      ))
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-var VkfInformationTemplatesDefault = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/information-templates-default/src/index.vue"]]);
+var VkfInformationTemplatesDefault = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/information-templates-default/src/index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null