@vunk/form 2.9.3 → 2.10.1

package/components/editable-text/index.cjs

@@ -0,0 +1,280 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var formItem = require('@vunk/form/components/form-item');
+var form = require('@vunk/form');
+var composables = require('@vunk/core/composables');
+var formItemRenderer = require('@vunk/form/components/form-item-renderer');
+var templatesDefault = require('@vunk/form/components/templates-default');
+var rendererData = require('@vunk/form/components/renderer-data');
+var core = require('@vunk/core');
+var avatar = require('@vunk/plus/components/avatar');
+var index = require('../index2.cjs');
+var text = require('@vunk/plus/components/text');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+
+const props = {
+  ...formItem._VkfFormItemCtx.props,
+  /**
+   * @description model;
+   */
+  modelValue: null,
+  iconSize: {
+    type: Number,
+    default: 22
+  },
+  readonly: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   *  @description model; Whether the text is editable.
+   *  @default false
+   */
+  editable: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description 编辑主体
+   * @default __VkfInput.Source
+   */
+  edit: {
+    type: Object,
+    default: void 0
+  },
+  /**
+   * @description 文本属性
+   * @link https://element-plus.org/zh-CN/component/text.html
+   */
+  textProps: {
+    type: Object,
+    default: () => ({})
+  }
+};
+const emits = {
+  "update:editable": null,
+  "update:modelValue": null
+};
+
+var _sfc_main = /* @__PURE__ */vue.defineComponent({
+  ...{
+    name: "VkfEditableText"
+  },
+  __name: "index",
+  props: props,
+  emits,
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
+  }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const id = vue.useId();
+    const editable = composables.useModelComputed({
+      key: "editable",
+      default: false
+    }, props, emit);
+    const prop = vue.computed(() => {
+      return props.prop ?? id;
+    });
+    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props, []);
+    const readonly = form.useComputedReadonly(props);
+    const formItemContainerRef = vue.ref();
+    const formItemRef = vue.ref();
+    const editSource = vue.computed(() => {
+      const source = {
+        templateType: "VkfInput",
+        ...formItemBindProps.value,
+        inline: true,
+        onBlur: handleCheck,
+        ...props.edit,
+        prop: prop.value,
+        elRef: e => {
+          props.edit?.elRef?.(e);
+          formItemRef.value = e;
+        }
+      };
+      return [source];
+    });
+    const rendererData$1 = vue.computed(() => {
+      const data = {};
+      core.setData(data, {
+        k: prop.value,
+        v: props.modelValue
+      });
+      return data;
+    });
+    const handleSetData = ({
+      v
+    }) => {
+      emit("update:modelValue", v);
+    };
+    const originValue = vue.ref(props.modelValue);
+    function handleEdit() {
+      originValue.value = props.modelValue;
+      editable.value = true;
+      vue.nextTick(() => {
+        const input = formItemContainerRef.value?.$el.querySelector("input, textarea");
+        if (input) {
+          input.focus();
+        }
+      });
+    }
+    function handleCheck() {
+      if (formItemRef.value?.validate) {
+        formItemRef.value.validate().then(() => {
+          editable.value = false;
+        }).catch(() => {
+          console.warn("Validation failed, editable text remains open.");
+        });
+      } else {
+        editable.value = false;
+      }
+    }
+    function handleCancel() {
+      emit("update:modelValue", originValue.value);
+      editable.value = false;
+    }
+    const __returned__ = {
+      props,
+      emit,
+      id,
+      editable,
+      prop,
+      formItemBindProps,
+      readonly,
+      formItemContainerRef,
+      formItemRef,
+      editSource,
+      rendererData: rendererData$1,
+      handleSetData,
+      originValue,
+      handleEdit,
+      handleCheck,
+      handleCancel,
+      get VkfFormItem() {
+        return formItem.VkfFormItem;
+      },
+      get VkfFormItemRenderer() {
+        return formItemRenderer.VkfFormItemRenderer;
+      },
+      get VkfTemplatesDefault() {
+        return templatesDefault.VkfTemplatesDefault;
+      },
+      get VkfRendererData() {
+        return rendererData.VkfRendererData;
+      },
+      get VkAvatar() {
+        return avatar.VkAvatar;
+      },
+      get CloseBold() {
+        return index.close_bold_default;
+      },
+      get Select() {
+        return index.select_default;
+      },
+      get VkText() {
+        return text.VkText;
+      }
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = { class: "vkf-editable-text-actions" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.readonly || !$setup.editable ? (vue.openBlock(), vue.createBlock(
+    $setup["VkfFormItem"],
+    vue.normalizeProps(vue.mergeProps({ key: 0 }, $setup.formItemBindProps)),
+    {
+      default: vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "text", { handleEdit: $setup.handleEdit }, () => [
+          vue.createVNode(
+            $setup["VkText"],
+            vue.mergeProps(_ctx.textProps, { onDblclick: $setup.handleEdit }),
+            {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(
+                  vue.toDisplayString(_ctx.modelValue),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            },
+            16
+            /* FULL_PROPS */
+          )
+        ])
+      ]),
+      _: 3
+      /* FORWARDED */
+    },
+    16
+    /* FULL_PROPS */
+  )) : (vue.openBlock(), vue.createBlock($setup["VkfRendererData"], {
+    key: 1,
+    data: $setup.rendererData,
+    onSetData: $setup.handleSetData
+  }, {
+    default: vue.withCtx(() => [
+      vue.createVNode(
+        $setup["VkfFormItem"],
+        { ref: "formItemContainerRef" },
+        {
+          default: vue.withCtx(() => [
+            vue.createVNode($setup["VkfFormItemRenderer"], { source: $setup.editSource }, {
+              placeholder: vue.withCtx(() => [
+                vue.createVNode($setup["VkfTemplatesDefault"])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["source"]),
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.createVNode($setup["VkAvatar"], {
+                icon: $setup.Select,
+                size: _ctx.iconSize,
+                color: "var(--el-color-primary)",
+                onClick: $setup.handleCheck
+              }, null, 8, ["icon", "size"]),
+              vue.createVNode($setup["VkAvatar"], {
+                icon: $setup.CloseBold,
+                size: _ctx.iconSize,
+                color: "var(--el-color-danger)",
+                onClick: $setup.handleCancel
+              }, null, 8, ["icon", "size"])
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        },
+        512
+        /* NEED_PATCH */
+      )
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["data"]));
+}
+var VkfEditableText = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/editable-text/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfEditableText.install = (app) => {
+  app.component(VkfEditableText.name || "VkfEditableText", VkfEditableText);
+};
+
+exports.VkfEditableText = VkfEditableText;
+exports.__VkfEditableText = types;
+exports.default = VkfEditableText;

package/components/editable-text/index.css

@@ -0,0 +1,6 @@
+.vkf-editable-text-actions{
+  display: flex;
+}
+.vkf-editable-text-actions .el-avatar {
+  cursor: pointer;
+}

package/components/editable-text/index.mjs

@@ -0,0 +1,274 @@
+import { defineComponent, useId, computed, ref, nextTick, openBlock, createBlock, normalizeProps, mergeProps, withCtx, renderSlot, createVNode, createTextVNode, toDisplayString, createElementVNode } from 'vue';
+import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
+import { useComputedReadonly } from '@vunk/form';
+import { useModelComputed } from '@vunk/core/composables';
+import { VkfFormItemRenderer } from '@vunk/form/components/form-item-renderer';
+import { VkfTemplatesDefault } from '@vunk/form/components/templates-default';
+import { VkfRendererData } from '@vunk/form/components/renderer-data';
+import { setData } from '@vunk/core';
+import { VkAvatar } from '@vunk/plus/components/avatar';
+import { a as close_bold_default, s as select_default } from '../index2.mjs';
+import { VkText } from '@vunk/plus/components/text';
+import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
+
+const props = {
+  ..._VkfFormItemCtx.props,
+  /**
+   * @description model;
+   */
+  modelValue: null,
+  iconSize: {
+    type: Number,
+    default: 22
+  },
+  readonly: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   *  @description model; Whether the text is editable.
+   *  @default false
+   */
+  editable: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description 编辑主体
+   * @default __VkfInput.Source
+   */
+  edit: {
+    type: Object,
+    default: void 0
+  },
+  /**
+   * @description 文本属性
+   * @link https://element-plus.org/zh-CN/component/text.html
+   */
+  textProps: {
+    type: Object,
+    default: () => ({})
+  }
+};
+const emits = {
+  "update:editable": null,
+  "update:modelValue": null
+};
+
+var _sfc_main = /* @__PURE__ */defineComponent({
+  ...{
+    name: "VkfEditableText"
+  },
+  __name: "index",
+  props: props,
+  emits,
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
+  }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const id = useId();
+    const editable = useModelComputed({
+      key: "editable",
+      default: false
+    }, props, emit);
+    const prop = computed(() => {
+      return props.prop ?? id;
+    });
+    const formItemBindProps = _VkfFormItemCtx.createBindProps(props, []);
+    const readonly = useComputedReadonly(props);
+    const formItemContainerRef = ref();
+    const formItemRef = ref();
+    const editSource = computed(() => {
+      const source = {
+        templateType: "VkfInput",
+        ...formItemBindProps.value,
+        inline: true,
+        onBlur: handleCheck,
+        ...props.edit,
+        prop: prop.value,
+        elRef: e => {
+          props.edit?.elRef?.(e);
+          formItemRef.value = e;
+        }
+      };
+      return [source];
+    });
+    const rendererData = computed(() => {
+      const data = {};
+      setData(data, {
+        k: prop.value,
+        v: props.modelValue
+      });
+      return data;
+    });
+    const handleSetData = ({
+      v
+    }) => {
+      emit("update:modelValue", v);
+    };
+    const originValue = ref(props.modelValue);
+    function handleEdit() {
+      originValue.value = props.modelValue;
+      editable.value = true;
+      nextTick(() => {
+        const input = formItemContainerRef.value?.$el.querySelector("input, textarea");
+        if (input) {
+          input.focus();
+        }
+      });
+    }
+    function handleCheck() {
+      if (formItemRef.value?.validate) {
+        formItemRef.value.validate().then(() => {
+          editable.value = false;
+        }).catch(() => {
+          console.warn("Validation failed, editable text remains open.");
+        });
+      } else {
+        editable.value = false;
+      }
+    }
+    function handleCancel() {
+      emit("update:modelValue", originValue.value);
+      editable.value = false;
+    }
+    const __returned__ = {
+      props,
+      emit,
+      id,
+      editable,
+      prop,
+      formItemBindProps,
+      readonly,
+      formItemContainerRef,
+      formItemRef,
+      editSource,
+      rendererData,
+      handleSetData,
+      originValue,
+      handleEdit,
+      handleCheck,
+      handleCancel,
+      get VkfFormItem() {
+        return VkfFormItem;
+      },
+      get VkfFormItemRenderer() {
+        return VkfFormItemRenderer;
+      },
+      get VkfTemplatesDefault() {
+        return VkfTemplatesDefault;
+      },
+      get VkfRendererData() {
+        return VkfRendererData;
+      },
+      get VkAvatar() {
+        return VkAvatar;
+      },
+      get CloseBold() {
+        return close_bold_default;
+      },
+      get Select() {
+        return select_default;
+      },
+      get VkText() {
+        return VkText;
+      }
+    };
+    Object.defineProperty(__returned__, "__isScriptSetup", {
+      enumerable: false,
+      value: true
+    });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = { class: "vkf-editable-text-actions" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return $setup.readonly || !$setup.editable ? (openBlock(), createBlock(
+    $setup["VkfFormItem"],
+    normalizeProps(mergeProps({ key: 0 }, $setup.formItemBindProps)),
+    {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "text", { handleEdit: $setup.handleEdit }, () => [
+          createVNode(
+            $setup["VkText"],
+            mergeProps(_ctx.textProps, { onDblclick: $setup.handleEdit }),
+            {
+              default: withCtx(() => [
+                createTextVNode(
+                  toDisplayString(_ctx.modelValue),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            },
+            16
+            /* FULL_PROPS */
+          )
+        ])
+      ]),
+      _: 3
+      /* FORWARDED */
+    },
+    16
+    /* FULL_PROPS */
+  )) : (openBlock(), createBlock($setup["VkfRendererData"], {
+    key: 1,
+    data: $setup.rendererData,
+    onSetData: $setup.handleSetData
+  }, {
+    default: withCtx(() => [
+      createVNode(
+        $setup["VkfFormItem"],
+        { ref: "formItemContainerRef" },
+        {
+          default: withCtx(() => [
+            createVNode($setup["VkfFormItemRenderer"], { source: $setup.editSource }, {
+              placeholder: withCtx(() => [
+                createVNode($setup["VkfTemplatesDefault"])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["source"]),
+            createElementVNode("div", _hoisted_1, [
+              createVNode($setup["VkAvatar"], {
+                icon: $setup.Select,
+                size: _ctx.iconSize,
+                color: "var(--el-color-primary)",
+                onClick: $setup.handleCheck
+              }, null, 8, ["icon", "size"]),
+              createVNode($setup["VkAvatar"], {
+                icon: $setup.CloseBold,
+                size: _ctx.iconSize,
+                color: "var(--el-color-danger)",
+                onClick: $setup.handleCancel
+              }, null, 8, ["icon", "size"])
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        },
+        512
+        /* NEED_PATCH */
+      )
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["data"]));
+}
+var VkfEditableText = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/editable-text/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfEditableText.install = (app) => {
+  app.component(VkfEditableText.name || "VkfEditableText", VkfEditableText);
+};
+
+export { VkfEditableText, types as __VkfEditableText, VkfEditableText as default };

package/components/esri-input-geojson/index.mjs

@@ -2,7 +2,7 @@ import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, cre
 import { _VkfInputCtx, VkfInput } from '@vunk/form/components/input';
 import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
 import { ElButton, ElIcon, ElButtonGroup, ElUpload, ElMessage } from 'element-plus';
-import { u as upload_default, e as edit_default, m as map_location_default, a as document_checked_default } from '../index2.mjs';
+import { u as upload_default, e as edit_default, m as map_location_default, b as document_checked_default } from '../index2.mjs';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 import { VaTdtBasemap, VaMapView, VaSketch, VaGraphicsLayer } from '@vuesri/core';
 import MapView from '@arcgis/core/views/MapView';

package/components/form-item/index.cjs

@@ -135,7 +135,7 @@ var _sfc_main = vue.defineComponent({
       const theSlots = {
         labelActions: slots?.labelActions ? () => slots.labelActions?.() : void 0
       };
-      const keys = ["labelActions"];
+      const keys = ["labelActions", "after"];
       const formItemSlots = props2.formItemSlots;
       formItemSlots && Object.keys(formItemSlots).filter((key) => keys.includes(key)).forEach((key) => {
         const slot = formItemSlots?.[key];
@@ -180,10 +180,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }), vue.createSlots({
     default: vue.withCtx(() => [
       vue.renderSlot(_ctx.$slots, "default"),
+      _ctx.customSlots.after ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.customSlots.after), { key: 0 })) : vue.createCommentVNode("v-if", true),
       _ctx.formItemTip ? (vue.openBlock(), vue.createElementBlock(
         "div",
         {
-          key: 0,
+          key: 1,
           class: vue.normalizeClass(["vkf-form-item__tip", _ctx.formItemTipClass])
         },
         [

package/components/form-item/index.mjs

@@ -1,6 +1,6 @@
 import { formItemProps, ElFormItem, ElIcon, ElTooltip, ElButton, useGlobalConfig } from 'element-plus';
 import { bindPropsFactory } from '@vunk/core/shared/utils-vue';
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, createVNode, resolveDynamicComponent, renderList } from 'vue';
+import { defineComponent, computed, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, resolveDynamicComponent, createCommentVNode, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, renderList } from 'vue';
 import { createFormItemBindProps } from '@vunk/form/shared/element-plus';
 import { useComputedReadonly } from '@vunk/form/composables';
 import { isPlainObject } from '@vunk/core/shared/utils-object';
@@ -131,7 +131,7 @@ var _sfc_main = defineComponent({
       const theSlots = {
         labelActions: slots?.labelActions ? () => slots.labelActions?.() : void 0
       };
-      const keys = ["labelActions"];
+      const keys = ["labelActions", "after"];
       const formItemSlots = props2.formItemSlots;
       formItemSlots && Object.keys(formItemSlots).filter((key) => keys.includes(key)).forEach((key) => {
         const slot = formItemSlots?.[key];
@@ -176,10 +176,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }), createSlots({
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default"),
+      _ctx.customSlots.after ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.customSlots.after), { key: 0 })) : createCommentVNode("v-if", true),
       _ctx.formItemTip ? (openBlock(), createElementBlock(
         "div",
         {
-          key: 0,
+          key: 1,
           class: normalizeClass(["vkf-form-item__tip", _ctx.formItemTipClass])
         },
         [

package/components/index2.cjs

@@ -62,6 +62,24 @@ var circle_close_filled_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 
 // src/components/circle-close-filled.vue
 var circle_close_filled_default = circle_close_filled_vue_vue_type_script_setup_true_lang_default;
+var close_bold_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ vue.defineComponent({
+  name: "CloseBold",
+  __name: "close-bold",
+  setup(__props) {
+    return (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      vue.createElementVNode("path", {
+        fill: "currentColor",
+        d: "M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z"
+      })
+    ]));
+  }
+});
+
+// src/components/close-bold.vue
+var close_bold_default = close_bold_vue_vue_type_script_setup_true_lang_default;
 var close_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ vue.defineComponent({
   name: "Close",
   __name: "close",
@@ -250,6 +268,24 @@ var right_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ vue.defi
 
 // src/components/right.vue
 var right_default = right_vue_vue_type_script_setup_true_lang_default;
+var select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ vue.defineComponent({
+  name: "Select",
+  __name: "select",
+  setup(__props) {
+    return (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      vue.createElementVNode("path", {
+        fill: "currentColor",
+        d: "M77.248 415.04a64 64 0 0 1 90.496 0l226.304 226.304L846.528 188.8a64 64 0 1 1 90.56 90.496l-543.04 543.04-316.8-316.8a64 64 0 0 1 0-90.496z"
+      })
+    ]));
+  }
+});
+
+// src/components/select.vue
+var select_default = select_vue_vue_type_script_setup_true_lang_default;
 var success_filled_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ vue.defineComponent({
   name: "SuccessFilled",
   __name: "success-filled",
@@ -344,6 +380,7 @@ var zoom_in_default = zoom_in_vue_vue_type_script_setup_true_lang_default;
 exports.check_default = check_default;
 exports.circle_check_default = circle_check_default;
 exports.circle_close_filled_default = circle_close_filled_default;
+exports.close_bold_default = close_bold_default;
 exports.close_default = close_default;
 exports.delete_default = delete_default;
 exports.document_checked_default = document_checked_default;
@@ -354,6 +391,7 @@ exports.map_location_default = map_location_default;
 exports.minus_default = minus_default;
 exports.plus_default = plus_default;
 exports.right_default = right_default;
+exports.select_default = select_default;
 exports.success_filled_default = success_filled_default;
 exports.upload_default = upload_default;
 exports.upload_filled_default = upload_filled_default;