@vunk/form 0.0.0-alpha.8 → 0.0.1-alpha.2

package/components/ground/index.js

@@ -1,1269 +0,0 @@
-import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, ref, createVNode, withDirectives, renderSlot, vShow, createTextVNode, computed, createCommentVNode, resolveDynamicComponent, normalizeClass, mergeProps, unref, getCurrentScope, onScopeDispose, watch } from 'vue';
-import { VkTabGroup, VkTabItem, VkCard, VkBoxHandler } from 'vunk';
-import { VkFloatBlock } from 'vunk/gsap/components/float-block';
-import { ElCollapseItem, ElScrollbar, ElCollapse, ElIcon, ElButton, ElMessage, ElMessageBox } from 'element-plus';
-import { VkfDragWrapper } from '@vunk/form/components/drag-wrapper';
-import 'vunk/gsap/components/float-block/index.css';
-import { VkfForm, _VkfFormUtils } from '@vunk/form/components/form';
-import { VkfDropWrapper, DragoverClasses } from '@vunk/form/components/drop-wrapper';
-import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
-import { setData, unsetData } from 'vunk/shared/helper';
-import { VkfConfigRenderer } from '@vunk/form/components/config-renderer';
-import { VkfConfigRendererTemplate } from '@vunk/form/components/config-renderer-template';
-import { VkfInputConfig } from '@vunk/form/components/input-config';
-
-var script$5 = defineComponent({
-  components: {
-    ElCollapseItem,
-    VkfDragWrapper
-  },
-  setup() {
-    const data = [
-      {
-        label: "input",
-        value: "VkfInput",
-        defaultOptions: {
-          templateType: "VkfInput",
-          prop: "",
-          label: "inputLabel"
-        }
-      },
-      {
-        label: "select",
-        value: "VkfSelect",
-        defaultOptions: {
-          templateType: "VkfSelect",
-          prop: "",
-          label: "label"
-        }
-      },
-      {
-        label: "switch",
-        value: "VkfSwitch",
-        defaultOptions: {
-          templateType: "VkfSwitch",
-          prop: "",
-          label: "label"
-        }
-      }
-    ];
-    return {
-      data
-    };
-  }
-});
-
-const _hoisted_1$6 = { class: "vkf-ground-widget-ul" };
-function render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VkfDragWrapper = resolveComponent("VkfDragWrapper");
-  const _component_ElCollapseItem = resolveComponent("ElCollapseItem");
-  return openBlock(), createBlock(_component_ElCollapseItem, { title: "FormItems" }, {
-    default: withCtx(() => [
-      createElementVNode("ul", _hoisted_1$6, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
-          return openBlock(), createBlock(_component_VkfDragWrapper, {
-            key: item.value,
-            title: JSON.stringify({ source: item.defaultOptions }),
-            data: JSON.stringify({ source: item.defaultOptions })
-          }, {
-            default: withCtx(() => [
-              createElementVNode("li", null, toDisplayString(item.label), 1)
-            ]),
-            _: 2
-          }, 1032, ["title", "data"]);
-        }), 128))
-      ])
-    ]),
-    _: 1
-  });
-}
-
-script$5.render = render$5;
-script$5.__file = "ground/src/ground-widget/src/form-item-widget/src/index.vue";
-
-var ComponentsType = /* @__PURE__ */ ((ComponentsType2) => {
-  ComponentsType2["container"] = "container";
-  ComponentsType2["formItems"] = "formItems";
-  return ComponentsType2;
-})(ComponentsType || {});
-
-var WidgetTab = /* @__PURE__ */ ((WidgetTab2) => {
-  WidgetTab2["components"] = "components";
-  WidgetTab2["templates"] = "templates";
-  return WidgetTab2;
-})(WidgetTab || {});
-var script$4 = defineComponent({
-  components: {
-    VkTabGroup,
-    VkTabItem,
-    VkFloatBlock,
-    VkCard,
-    ElScrollbar,
-    ElCollapse,
-    FormItemWidget: script$5
-  },
-  props: {
-    componentLibCollapseExpanded: {
-      type: Array,
-      default: () => [
-        ComponentsType.container,
-        ComponentsType.formItems
-      ]
-    }
-  },
-  emits: {
-    "update:componentLibCollapseExpanded": null
-  },
-  setup() {
-    const widgetTab = ref("components" /* components */);
-    return {
-      WidgetTab,
-      ComponentsType,
-      widgetTab
-    };
-  }
-});
-
-const _hoisted_1$5 = /* @__PURE__ */ createTextVNode(" \u7EC4\u4EF6\u5E93 ");
-const _hoisted_2$4 = /* @__PURE__ */ createTextVNode(" \u6A21\u677F\u5E93 ");
-function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VkTabItem = resolveComponent("VkTabItem");
-  const _component_VkFloatBlock = resolveComponent("VkFloatBlock");
-  const _component_VkTabGroup = resolveComponent("VkTabGroup");
-  const _component_FormItemWidget = resolveComponent("FormItemWidget");
-  const _component_ElCollapse = resolveComponent("ElCollapse");
-  const _component_ElScrollbar = resolveComponent("ElScrollbar");
-  const _component_VkCard = resolveComponent("VkCard");
-  return openBlock(), createBlock(_component_VkCard, { tag: "div" }, {
-    title: withCtx(() => [
-      createVNode(_component_VkTabGroup, {
-        class: "vkf-widget-tab",
-        modelValue: _ctx.widgetTab,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.widgetTab = $event)
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_VkTabItem, {
-            name: _ctx.WidgetTab.components,
-            clearable: false
-          }, {
-            default: withCtx(() => [
-              _hoisted_1$5
-            ]),
-            _: 1
-          }, 8, ["name"]),
-          createVNode(_component_VkTabItem, {
-            name: _ctx.WidgetTab.templates,
-            clearable: false
-          }, {
-            default: withCtx(() => [
-              _hoisted_2$4
-            ]),
-            _: 1
-          }, 8, ["name"]),
-          createVNode(_component_VkFloatBlock, { scale: 0.8 })
-        ]),
-        _: 1
-      }, 8, ["modelValue"])
-    ]),
-    default: withCtx(() => [
-      createVNode(_component_ElScrollbar, null, {
-        default: withCtx(() => [
-          withDirectives(createVNode(_component_ElCollapse, {
-            modelValue: _ctx.componentLibCollapseExpanded,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:componentLibCollapseExpanded", $event))
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_FormItemWidget, {
-                name: _ctx.ComponentsType.formItems
-              }, null, 8, ["name"]),
-              renderSlot(_ctx.$slots, "componentLibCollapse")
-            ]),
-            _: 3
-          }, 8, ["modelValue"]), [
-            [vShow, _ctx.widgetTab === _ctx.WidgetTab.components]
-          ])
-        ]),
-        _: 3
-      })
-    ]),
-    _: 3
-  });
-}
-
-script$4.render = render$4;
-script$4.__file = "ground/src/ground-widget/src/index.vue";
-
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-const _sfc_main$1 = defineComponent({
-  name: "Delete"
-});
-const _hoisted_1$4 = {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"
-}, null, -1);
-const _hoisted_3$2 = [
-  _hoisted_2$3
-];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$2);
-}
-var _delete = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
-
-const _sfc_main = defineComponent({
-  name: "Sort"
-});
-const _hoisted_1$3 = {
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M384 96a32 32 0 0 1 64 0v786.752a32 32 0 0 1-54.592 22.656L95.936 608a32 32 0 0 1 0-45.312h.128a32 32 0 0 1 45.184 0L384 805.632V96zm192 45.248a32 32 0 0 1 54.592-22.592L928.064 416a32 32 0 0 1 0 45.312h-.128a32 32 0 0 1-45.184 0L640 218.496V928a32 32 0 1 1-64 0V141.248z"
-}, null, -1);
-const _hoisted_3$1 = [
-  _hoisted_2$2
-];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$1);
-}
-var sort = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-
-var script$3 = defineComponent({
-  props: {
-    active: {
-      type: Boolean,
-      default: false
-    },
-    source: {
-      type: Object,
-      default: () => ({})
-    },
-    attributes: {
-      type: Object,
-      default: () => ({ k: [] })
-    }
-  },
-  emits: {
-    drop: (e, c, data) => e || c || data,
-    del: (e) => e
-  },
-  components: {
-    VkBoxHandler,
-    ElIcon,
-    Sort: sort,
-    Delete: _delete,
-    VkfDragWrapper,
-    VkfDropWrapper
-  }
-});
-
-const _hoisted_1$2 = /* @__PURE__ */ createTextVNode(" \u62D6\u52A8\u5355\u5143 ");
-const _hoisted_2$1 = { class: "vkf-gmew-tools vkf-gmew-rb-x" };
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Sort = resolveComponent("Sort");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_VkfDragWrapper = resolveComponent("VkfDragWrapper");
-  const _component_VkBoxHandler = resolveComponent("VkBoxHandler");
-  const _component_Delete = resolveComponent("Delete");
-  const _component_VkfDropWrapper = resolveComponent("VkfDropWrapper");
-  return openBlock(), createBlock(_component_VkfDropWrapper, {
-    onDrop: _cache[1] || (_cache[1] = (...arg) => _ctx.$emit("drop", ...arg, {
-      attributes: _ctx.attributes,
-      source: _ctx.source
-    })),
-    class: "vkf-ground-main-editing-wrapper"
-  }, {
-    default: withCtx(() => [
-      withDirectives(createVNode(_component_VkBoxHandler, null, {
-        default: withCtx(() => [
-          createVNode(_component_VkfDragWrapper, {
-            title: JSON.stringify({ source: _ctx.source, attributes: _ctx.attributes }),
-            data: JSON.stringify({ source: _ctx.source, attributes: _ctx.attributes }),
-            class: "vkf-gmew-drag-wrapper vkf-gmew-tools"
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(_component_Sort)
-                ]),
-                _: 1
-              }),
-              _hoisted_1$2
-            ]),
-            _: 1
-          }, 8, ["title", "data"])
-        ]),
-        _: 1
-      }, 512), [
-        [vShow, _ctx.active]
-      ]),
-      withDirectives(createElementVNode("div", _hoisted_2$1, [
-        createVNode(_component_el_icon, {
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("del", { k: _ctx.attributes.k }))
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_Delete)
-          ]),
-          _: 1
-        })
-      ], 512), [
-        [vShow, _ctx.active]
-      ]),
-      renderSlot(_ctx.$slots, "default")
-    ]),
-    _: 3
-  });
-}
-
-script$3.render = render$3;
-script$3.__file = "ground/src/ground-main/src/editing-wrapper.vue";
-
-/** Detect free variable `global` from Node.js. */
-var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
-
-var freeGlobal$1 = freeGlobal;
-
-/** Detect free variable `self`. */
-var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
-/** Used as a reference to the global object. */
-var root = freeGlobal$1 || freeSelf || Function('return this')();
-
-var root$1 = root;
-
-/** Built-in value references. */
-var Symbol = root$1.Symbol;
-
-var Symbol$1 = Symbol;
-
-/** Used for built-in method references. */
-var objectProto$1 = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty = objectProto$1.hasOwnProperty;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString$1 = objectProto$1.toString;
-
-/** Built-in value references. */
-var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : undefined;
-
-/**
- * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the raw `toStringTag`.
- */
-function getRawTag(value) {
-  var isOwn = hasOwnProperty.call(value, symToStringTag$1),
-      tag = value[symToStringTag$1];
-
-  try {
-    value[symToStringTag$1] = undefined;
-    var unmasked = true;
-  } catch (e) {}
-
-  var result = nativeObjectToString$1.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag$1] = tag;
-    } else {
-      delete value[symToStringTag$1];
-    }
-  }
-  return result;
-}
-
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString = objectProto.toString;
-
-/**
- * Converts `value` to a string using `Object.prototype.toString`.
- *
- * @private
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- */
-function objectToString(value) {
-  return nativeObjectToString.call(value);
-}
-
-/** `Object#toString` result references. */
-var nullTag = '[object Null]',
-    undefinedTag = '[object Undefined]';
-
-/** Built-in value references. */
-var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : undefined;
-
-/**
- * The base implementation of `getTag` without fallbacks for buggy environments.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the `toStringTag`.
- */
-function baseGetTag(value) {
-  if (value == null) {
-    return value === undefined ? undefinedTag : nullTag;
-  }
-  return (symToStringTag && symToStringTag in Object(value))
-    ? getRawTag(value)
-    : objectToString(value);
-}
-
-/**
- * Checks if `value` is object-like. A value is object-like if it's not `null`
- * and has a `typeof` result of "object".
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
- * @example
- *
- * _.isObjectLike({});
- * // => true
- *
- * _.isObjectLike([1, 2, 3]);
- * // => true
- *
- * _.isObjectLike(_.noop);
- * // => false
- *
- * _.isObjectLike(null);
- * // => false
- */
-function isObjectLike(value) {
-  return value != null && typeof value == 'object';
-}
-
-/** `Object#toString` result references. */
-var symbolTag = '[object Symbol]';
-
-/**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
-function isSymbol(value) {
-  return typeof value == 'symbol' ||
-    (isObjectLike(value) && baseGetTag(value) == symbolTag);
-}
-
-/**
- * A specialized version of `_.map` for arrays without support for iteratee
- * shorthands.
- *
- * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Array} Returns the new mapped array.
- */
-function arrayMap(array, iteratee) {
-  var index = -1,
-      length = array == null ? 0 : array.length,
-      result = Array(length);
-
-  while (++index < length) {
-    result[index] = iteratee(array[index], index, array);
-  }
-  return result;
-}
-
-/**
- * Checks if `value` is classified as an `Array` object.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an array, else `false`.
- * @example
- *
- * _.isArray([1, 2, 3]);
- * // => true
- *
- * _.isArray(document.body.children);
- * // => false
- *
- * _.isArray('abc');
- * // => false
- *
- * _.isArray(_.noop);
- * // => false
- */
-var isArray = Array.isArray;
-
-var isArray$1 = isArray;
-
-/** Used as references for various `Number` constants. */
-var INFINITY = 1 / 0;
-
-/** Used to convert symbols to primitives and strings. */
-var symbolProto = Symbol$1 ? Symbol$1.prototype : undefined,
-    symbolToString = symbolProto ? symbolProto.toString : undefined;
-
-/**
- * The base implementation of `_.toString` which doesn't convert nullish
- * values to empty strings.
- *
- * @private
- * @param {*} value The value to process.
- * @returns {string} Returns the string.
- */
-function baseToString(value) {
-  // Exit early for strings to avoid a performance hit in some environments.
-  if (typeof value == 'string') {
-    return value;
-  }
-  if (isArray$1(value)) {
-    // Recursively convert values (susceptible to call stack limits).
-    return arrayMap(value, baseToString) + '';
-  }
-  if (isSymbol(value)) {
-    return symbolToString ? symbolToString.call(value) : '';
-  }
-  var result = (value + '');
-  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
-}
-
-/**
- * Converts `value` to a string. An empty string is returned for `null`
- * and `undefined` values. The sign of `-0` is preserved.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- * @example
- *
- * _.toString(null);
- * // => ''
- *
- * _.toString(-0);
- * // => '-0'
- *
- * _.toString([1, 2, 3]);
- * // => '1,2,3'
- */
-function toString(value) {
-  return value == null ? '' : baseToString(value);
-}
-
-/** Used to generate unique IDs. */
-var idCounter = 0;
-
-/**
- * Generates a unique ID. If `prefix` is given, the ID is appended to it.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Util
- * @param {string} [prefix=''] The value to prefix the ID with.
- * @returns {string} Returns the unique ID.
- * @example
- *
- * _.uniqueId('contact_');
- * // => 'contact_104'
- *
- * _.uniqueId();
- * // => '105'
- */
-function uniqueId(prefix) {
-  var id = ++idCounter;
-  return toString(prefix) + id;
-}
-
-const createDefaultSlots = (e) => _VkfFormUtils._VkfFormItemRendererUtils.createDefaultSlots(e);
-const addDefaultProp = (source) => {
-  if ("prop" in source) {
-    source.prop ||= uniqueId("from_widget_");
-  }
-};
-var script$2 = defineComponent({
-  components: {
-    VkfDropWrapper,
-    VkfForm,
-    VkfFormItemRendererTemplate,
-    VkTabGroup,
-    VkTabItem,
-    EditingWrapper: script$3
-  },
-  props: {
-    formItems: {
-      type: Array,
-      default: () => []
-    },
-    data: Object,
-    currentK: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: {
-    "update:currentK": (e) => e,
-    "setData": (e) => e,
-    "setData:formItems": null,
-    "unsetData:formItems": null
-  },
-  setup(props, { emit }) {
-    const groundEndClassName = ref(DragoverClasses.normal);
-    const formItemsWithWrapper = computed(() => {
-      const data = [];
-      props.formItems.forEach((item, index) => {
-        const name = item.prop || "";
-        data.push({
-          templateType: "VkfEditingSelect",
-          name,
-          index,
-          templateSlots: createDefaultSlots(item)
-        });
-      });
-      return data;
-    });
-    const endLineNode = ref();
-    const isUnderEnd = (e) => !!endLineNode.value && e.pageY >= endLineNode.value.getBoundingClientRect().top;
-    function dragover(e) {
-      if (!isUnderEnd(e))
-        return;
-      groundEndClassName.value = DragoverClasses["is-dragover-prev"];
-    }
-    function dragleave() {
-      groundEndClassName.value = DragoverClasses.normal;
-    }
-    function drop(e) {
-      e.preventDefault();
-      if (!isUnderEnd(e))
-        return;
-      if (!e.dataTransfer)
-        return;
-      groundEndClassName.value = DragoverClasses.normal;
-      const data = JSON.parse(e.dataTransfer.getData("text"));
-      const source = data?.source;
-      if (!source)
-        return;
-      addDefaultProp(source);
-      if (source.templateType === "VkfEditingSelect") {
-        const currentLength = props.formItems.length;
-        const formItemSource = source.templateSlots.default[0];
-        if (formItemSource) {
-          emit("setData:formItems", {
-            k: currentLength,
-            v: formItemSource
-          });
-        }
-        emit("unsetData:formItems", {
-          k: source.index
-        });
-        emit("update:currentK", currentLength - 1 + "");
-      } else {
-        const currentK = props.formItems.length;
-        emit("setData:formItems", {
-          k: currentK,
-          v: source
-        });
-        emit("update:currentK", currentK + "");
-      }
-    }
-    function editDrop(e, overClass, toData) {
-      e.stopPropagation();
-      e.preventDefault();
-      if (!e.dataTransfer)
-        return;
-      const fromData = JSON.parse(e.dataTransfer.getData("text"));
-      const fromSource = fromData?.source;
-      if (!fromSource)
-        return;
-      const fromK = fromData.attributes?.k ?? [];
-      let toK = toData.attributes.k;
-      let tkl = toK.at(-1);
-      if (typeof tkl === "number" && overClass === DragoverClasses["is-dragover-next"]) {
-        tkl++;
-      }
-      let itemSource = fromSource;
-      if (fromSource.templateType === "VkfEditingSelect") {
-        itemSource = fromSource.templateSlots.default[0];
-      }
-      if (!fromK.length) {
-        addDefaultProp(itemSource);
-        const k = toK.map((v, index) => index === toK.length - 1 ? tkl : v);
-        emit("setData:formItems", {
-          k,
-          v: itemSource,
-          insert: true
-        });
-        emit("update:currentK", k.join());
-        return;
-      }
-      if (fromK.length === toK.length) {
-        const fkl = fromK.at(-1);
-        if (typeof fkl === "number" && typeof tkl === "number") {
-          if (overClass === DragoverClasses["is-dragover-prev"]) {
-            if (fkl + 1 === tkl)
-              return;
-          }
-          if (overClass === DragoverClasses["is-dragover-prev"]) {
-            if (tkl === fkl)
-              return;
-          }
-          emit("unsetData:formItems", {
-            k: fkl
-          });
-          if (fkl < tkl) {
-            tkl--;
-          }
-          emit("setData:formItems", {
-            k: tkl,
-            v: itemSource,
-            insert: true
-          });
-          emit("update:currentK", tkl + "");
-        }
-      }
-    }
-    return {
-      groundEndClassName,
-      endLineNode,
-      dragover,
-      dragleave,
-      drop,
-      setData,
-      editDrop,
-      formItemsWithWrapper
-    };
-  }
-});
-
-const _hoisted_1$1 = /* @__PURE__ */ createElementVNode("div", { class: "vkf-ground-start" }, null, -1);
-function render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_EditingWrapper = resolveComponent("EditingWrapper");
-  const _component_VkTabItem = resolveComponent("VkTabItem");
-  const _component_VkfFormItemRendererTemplate = resolveComponent("VkfFormItemRendererTemplate");
-  const _component_VkfForm = resolveComponent("VkfForm");
-  const _component_VkTabGroup = resolveComponent("VkTabGroup");
-  const _component_VkfDropWrapper = resolveComponent("VkfDropWrapper");
-  return openBlock(), createBlock(_component_VkfDropWrapper, {
-    class: "vkf-ground-main",
-    onDrop: _ctx.drop,
-    onDragover: _ctx.dragover,
-    onDragleave: _ctx.dragleave
-  }, {
-    default: withCtx(() => [
-      _hoisted_1$1,
-      createCommentVNode(" {{ formItems. }} "),
-      createCommentVNode(" \u5C06formItems\u6E32\u67D3 \u4E3A\u7F16\u8F91\u65F6\u7EC4\u4EF6 "),
-      createVNode(_component_VkTabGroup, {
-        modelValue: _ctx.currentK,
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:currentK", $event))
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_VkfForm, {
-            formItems: _ctx.formItemsWithWrapper,
-            data: _ctx.data,
-            onSetData: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("setData", $event))
-          }, {
-            rendererTemplate: withCtx(() => [
-              createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfEditingSelect" }, {
-                default: withCtx(({ Renderer, raw, k }) => [
-                  createCommentVNode(" name is prop "),
-                  createVNode(_component_VkTabItem, {
-                    name: k.join(),
-                    title: k.join(),
-                    clearable: false,
-                    class: "vkf-gm-form-item-x"
-                  }, {
-                    default: withCtx(({ isActive }) => [
-                      createCommentVNode(" \u62D6\u52A8\u65F6 \u6839\u636E source \u548C attributes\u786E\u5B9A\u4F4D\u7F6E   "),
-                      createCommentVNode(" [?] \u4E3A\u4EC0\u4E48\u5220\u9664\u4E86\u4E00\u4E2A\u6570\u636E\u540E\uFF0C\u5F53\u524D\u7684prop\u53D1\u751F\u4E86\u6539\u53D8\u3002 \u53EF\u80FD\u662F\u56E0\u4E3A\u6709\u4E2A isActive \u662F true \u88AB\u4F20\u8FDB\u53BB\u4E86 \uFF1F "),
-                      createVNode(_component_EditingWrapper, {
-                        onDrop: _ctx.editDrop,
-                        attributes: { k },
-                        active: isActive,
-                        source: raw,
-                        onDel: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("unsetData:formItems", $event))
-                      }, {
-                        default: withCtx(() => [
-                          (openBlock(), createBlock(resolveDynamicComponent(Renderer), {
-                            source: raw.templateSlots.default
-                          }, null, 8, ["source"]))
-                        ]),
-                        _: 2
-                      }, 1032, ["onDrop", "attributes", "active", "source"])
-                    ]),
-                    _: 2
-                  }, 1032, ["name", "title"])
-                ]),
-                _: 1
-              }),
-              renderSlot(_ctx.$slots, "rendererTemplate")
-            ]),
-            _: 3
-          }, 8, ["formItems", "data"])
-        ]),
-        _: 3
-      }, 8, ["modelValue"]),
-      createElementVNode("div", {
-        class: normalizeClass(["vkf-ground-end", _ctx.groundEndClassName]),
-        ref: "endLineNode"
-      }, null, 2)
-    ]),
-    _: 3
-  }, 8, ["onDrop", "onDragover", "onDragleave"]);
-}
-
-script$2.render = render$2;
-script$2.__file = "ground/src/ground-main/src/index.vue";
-
-var script$1 = defineComponent({
-  components: {
-    VkfConfigRenderer,
-    VkfConfigRendererTemplate,
-    VkfInputConfig
-  },
-  props: {
-    data: {
-      type: Object,
-      default: () => ({})
-    },
-    propFieldSource: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: {
-    setData: (e) => e
-  },
-  setup() {
-    return {};
-  }
-});
-
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VkfInputConfig = resolveComponent("VkfInputConfig");
-  const _component_VkfConfigRendererTemplate = resolveComponent("VkfConfigRendererTemplate");
-  const _component_VkfConfigRenderer = resolveComponent("VkfConfigRenderer");
-  return openBlock(), createBlock(_component_VkfConfigRenderer, { source: _ctx.data }, {
-    default: withCtx(() => [
-      createCommentVNode(' data-example: { "templateType": "VkfInput", \r\n    "prop": "from_widget_2", "label": "inputLabel" } '),
-      createVNode(_component_VkfConfigRendererTemplate, { type: "VkfInput" }, {
-        default: withCtx(({ data: props }) => [
-          createVNode(_component_VkfInputConfig, mergeProps(props, {
-            data: _ctx.data,
-            onSetData: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("setData", $event)),
-            propFieldSource: _ctx.propFieldSource
-          }), null, 16, ["data", "propFieldSource"])
-        ]),
-        _: 1
-      }),
-      renderSlot(_ctx.$slots, "configRendererTemplate")
-    ]),
-    _: 3
-  }, 8, ["source"]);
-}
-
-script$1.render = render$1;
-script$1.__file = "ground/src/ground-config/src/index.vue";
-
-function tryOnScopeDispose(fn) {
-  if (getCurrentScope()) {
-    onScopeDispose(fn);
-    return true;
-  }
-  return false;
-}
-
-const isClient = typeof window !== "undefined";
-const isString = (val) => typeof val === "string";
-const noop = () => {
-};
-
-function useTimeoutFn(cb, interval, options = {}) {
-  const {
-    immediate = true
-  } = options;
-  const isPending = ref(false);
-  let timer = null;
-  function clear() {
-    if (timer) {
-      clearTimeout(timer);
-      timer = null;
-    }
-  }
-  function stop() {
-    isPending.value = false;
-    clear();
-  }
-  function start(...args) {
-    clear();
-    isPending.value = true;
-    timer = setTimeout(() => {
-      isPending.value = false;
-      timer = null;
-      cb(...args);
-    }, unref(interval));
-  }
-  if (immediate) {
-    isPending.value = true;
-    if (isClient)
-      start();
-  }
-  tryOnScopeDispose(stop);
-  return {
-    isPending,
-    start,
-    stop
-  };
-}
-
-function unrefElement(elRef) {
-  var _a;
-  const plain = unref(elRef);
-  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
-}
-
-const defaultWindow = isClient ? window : void 0;
-isClient ? window.document : void 0;
-const defaultNavigator = isClient ? window.navigator : void 0;
-isClient ? window.location : void 0;
-
-function useEventListener(...args) {
-  let target;
-  let event;
-  let listener;
-  let options;
-  if (isString(args[0])) {
-    [event, listener, options] = args;
-    target = defaultWindow;
-  } else {
-    [target, event, listener, options] = args;
-  }
-  if (!target)
-    return noop;
-  let cleanup = noop;
-  const stopWatch = watch(() => unrefElement(target), (el) => {
-    cleanup();
-    if (!el)
-      return;
-    el.addEventListener(event, listener, options);
-    cleanup = () => {
-      el.removeEventListener(event, listener, options);
-      cleanup = noop;
-    };
-  }, { immediate: true, flush: "post" });
-  const stop = () => {
-    stopWatch();
-    cleanup();
-  };
-  tryOnScopeDispose(stop);
-  return stop;
-}
-
-function useClipboard(options = {}) {
-  const {
-    navigator = defaultNavigator,
-    read = false,
-    source,
-    copiedDuring = 1500
-  } = options;
-  const events = ["copy", "cut"];
-  const isSupported = Boolean(navigator && "clipboard" in navigator);
-  const text = ref("");
-  const copied = ref(false);
-  const timeout = useTimeoutFn(() => copied.value = false, copiedDuring);
-  function updateText() {
-    navigator.clipboard.readText().then((value) => {
-      text.value = value;
-    });
-  }
-  if (isSupported && read) {
-    for (const event of events)
-      useEventListener(event, updateText);
-  }
-  async function copy(value = unref(source)) {
-    if (isSupported && value != null) {
-      await navigator.clipboard.writeText(value);
-      text.value = value;
-      copied.value = true;
-      timeout.start();
-    }
-  }
-  return {
-    isSupported,
-    text,
-    copied,
-    copy
-  };
-}
-
-const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-const globalKey = "__vueuse_ssr_handlers__";
-_global[globalKey] = _global[globalKey] || {};
-_global[globalKey];
-
-var _a, _b;
-isClient && (window == null ? void 0 : window.navigator) && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.platform) && /iP(ad|hone|od)/.test((_b = window == null ? void 0 : window.navigator) == null ? void 0 : _b.platform);
-
-var script = defineComponent({
-  name: "VkfGround",
-  components: {
-    VkfGroundWidget: script$4,
-    VkfGroundMain: script$2,
-    VkfGroundConfig: script$1,
-    VkCard,
-    ElButton
-  },
-  props: {
-    componentLibCollapseExpanded: {
-      type: Array,
-      default: void 0
-    },
-    source: {
-      type: Array,
-      default: () => []
-    },
-    data: {
-      type: Object,
-      default: () => ({})
-    },
-    modelValue: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: {
-    "update:source": null,
-    "setData:source": (e) => e,
-    "unsetData:source": null,
-    "setData": (e) => e,
-    "update:componentLibCollapseExpanded": null,
-    "update:modelValue": (e) => Array.isArray(e)
-  },
-  setup(props, { emit }) {
-    const propToFormItem = computed(() => {
-      return props.source.reduce((a, c) => {
-        if (c.prop) {
-          a[c.prop] = c;
-        }
-        return a;
-      }, {});
-    });
-    const kToSourceItem = computed(() => {
-      const data = {};
-      function intoData(list, k = []) {
-        list.forEach((item, index) => {
-          const currentK = [...k, index];
-          data[currentK.join()] = item;
-          if (item.templateSlots) {
-            if (Array.isArray(item.templateSlots.default)) {
-              intoData(item.templateSlots.default, currentK);
-            }
-          }
-        });
-      }
-      intoData(props.source);
-      return data;
-    });
-    const _modelValue = ref("");
-    const editK = computed({
-      get() {
-        return props.modelValue?.join() ?? _modelValue.value;
-      },
-      set(v) {
-        _modelValue.value = v;
-        emit("update:modelValue", v ? v.split(",") : []);
-      }
-    });
-    const editKArr = computed(() => editK.value ? editK.value.split(",") : []);
-    const propValidateUpdate = (ev) => {
-      if (ev in propToFormItem.value) {
-        ElMessage({
-          type: "warning",
-          message: "\u5B58\u5728\u76F8\u540C\u7684prop, \u8BF7\u91CD\u65B0\u4FEE\u6539"
-        });
-      } else if (!ev) {
-        ElMessage({
-          type: "warning",
-          message: "prop\u4E0D\u80FD\u4E3A\u7A7A"
-        });
-      } else {
-        return true;
-      }
-    };
-    const formItemStr = computed(() => JSON.stringify(props.source));
-    const formItemClip = useClipboard({
-      source: formItemStr
-    });
-    const inputJson = () => {
-      ElMessageBox.prompt("\u8F93\u5165Json", "\u63D0\u793A", {
-        confirmButtonText: "\u786E\u8BA4",
-        cancelButtonText: "\u53D6\u6D88"
-      }).then(({ value }) => {
-        let obj = [];
-        try {
-          obj = JSON.parse(value);
-        } catch (err) {
-          ElMessage({
-            type: "error",
-            message: "Json\u89E3\u6790\u9519\u8BEF"
-          });
-          throw err;
-        }
-        return obj;
-      }).then((obj) => {
-        emit("update:source", obj);
-      });
-    };
-    return {
-      propToFormItem,
-      setData,
-      unsetData,
-      propValidateUpdate,
-      kToSourceItem,
-      editK,
-      editKArr,
-      formItemClip,
-      inputJson
-    };
-  }
-});
-
-const _hoisted_1 = { class: "vkf-ground" };
-const _hoisted_2 = { class: "vkf-ground-main-x" };
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { key: 1 };
-const _hoisted_5 = /* @__PURE__ */ createTextVNode(" \u5BFC\u5165Json ");
-const _hoisted_6 = { class: "vkf-ground-config-x" };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VkfGroundWidget = resolveComponent("VkfGroundWidget");
-  const _component_ElButton = resolveComponent("ElButton");
-  const _component_VkfGroundMain = resolveComponent("VkfGroundMain");
-  const _component_VkCard = resolveComponent("VkCard");
-  const _component_VkfGroundConfig = resolveComponent("VkfGroundConfig");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createVNode(_component_VkfGroundWidget, {
-      class: "vkf-ground-widget-x",
-      componentLibCollapseExpanded: _ctx.componentLibCollapseExpanded,
-      "onUpdate:componentLibCollapseExpanded": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:componentLibCollapseExpanded", $event))
-    }, {
-      componentLibCollapse: withCtx(() => [
-        renderSlot(_ctx.$slots, "widgetComponentLibCollapse")
-      ]),
-      _: 3
-    }, 8, ["componentLibCollapseExpanded"]),
-    createElementVNode("div", _hoisted_2, [
-      createVNode(_component_VkCard, {
-        tag: "div",
-        class: "vkf-ground-main-card"
-      }, {
-        title: withCtx(() => [
-          createVNode(_component_ElButton, {
-            onClick: _cache[1] || (_cache[1] = () => _ctx.formItemClip.copy())
-          }, {
-            default: withCtx(() => [
-              !_ctx.formItemClip.copied.value ? (openBlock(), createElementBlock("span", _hoisted_3, "\u590D\u5236Json")) : (openBlock(), createElementBlock("span", _hoisted_4, "\u5DF2\u590D\u5236!"))
-            ]),
-            _: 1
-          }),
-          createVNode(_component_ElButton, { onClick: _ctx.inputJson }, {
-            default: withCtx(() => [
-              _hoisted_5
-            ]),
-            _: 1
-          }, 8, ["onClick"])
-        ]),
-        default: withCtx(() => [
-          createVNode(_component_VkfGroundMain, {
-            data: _ctx.data,
-            onSetData: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("setData", $event)),
-            currentK: _ctx.editK,
-            "onUpdate:currentK": _cache[3] || (_cache[3] = ($event) => _ctx.editK = $event),
-            formItems: _ctx.source,
-            "onSetData:formItems": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("setData:source", $event)),
-            "onUnsetData:formItems": _cache[5] || (_cache[5] = ($event) => _ctx.$emit("unsetData:source", $event))
-          }, {
-            rendererTemplate: withCtx(() => [
-              renderSlot(_ctx.$slots, "rendererTemplate")
-            ]),
-            _: 3
-          }, 8, ["data", "currentK", "formItems"])
-        ]),
-        _: 3
-      })
-    ]),
-    createElementVNode("div", _hoisted_6, [
-      createCommentVNode(" \u901A\u8FC7config \u4FEE\u6539\u6570\u636E\u6E90 \u5355\u9879\u7684\u5185\u5BB9 "),
-      createCommentVNode(" {{ editK }} {{ kToSourceItem[editK] }} "),
-      createCommentVNode(" {{ kToSourceItem[editK] }} "),
-      createCommentVNode('  :k="editKArr" '),
-      createVNode(_component_VkfGroundConfig, {
-        data: _ctx.kToSourceItem[_ctx.editK],
-        onSetData: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("setData:source", {
-          k: [..._ctx.editKArr, $event.k],
-          v: $event.v
-        })),
-        propFieldSource: {
-          validateUpdate: _ctx.propValidateUpdate
-        }
-      }, {
-        configRendererTemplate: withCtx(() => [
-          renderSlot(_ctx.$slots, "configRendererTemplate", { propValidateUpdate: _ctx.propValidateUpdate })
-        ]),
-        _: 3
-      }, 8, ["data", "propFieldSource"])
-    ])
-  ]);
-}
-
-script.render = render;
-script.__file = "ground/src/index.vue";
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-script.install = (app) => {
-  app.component(script.name, script);
-};
-
-export { script as VkfGround, types as __VkfGround, script as default };