@vunk/form 0.0.0-alpha.1

package/components/ground/index.js

@@ -0,0 +1,883 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, ref, createVNode, withDirectives, vShow, createTextVNode, withModifiers, renderSlot, computed, createCommentVNode, resolveDynamicComponent, normalizeClass, mergeProps, toHandlers } from 'vue';
+import { VkTabGroup, VkTabItem, VkCard, VkBoxHandler } from 'vunk';
+import { VkFloatBlock } from 'vunk/gsap/components/float-block';
+import { ElCollapseItem, ElScrollbar, ElCollapse, ElIcon, ElMessage } from 'element-plus';
+import { VkfDragWrapper } from '@vunk/form/components/drag-wrapper';
+import 'vunk/gsap/components/float-block/index.css';
+import { _VkfFormUtils, VkfForm } 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 { VkfConfig, _VkfConfigCtx } from '@vunk/form/components/config';
+
+var script$5 = defineComponent({
+  components: {
+    ElCollapseItem,
+    VkfDragWrapper
+  },
+  setup() {
+    const data = [
+      {
+        label: "input",
+        value: "VkfInput",
+        defaultOptions: {
+          templateType: "VkfInput",
+          prop: "",
+          label: "inputLabel"
+        }
+      }
+    ];
+    return {
+      data
+    };
+  }
+});
+
+const _hoisted_1$5 = { 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$5, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
+          return openBlock(), createBlock(_component_VkfDragWrapper, {
+            key: item.value,
+            data: JSON.stringify(item.defaultOptions)
+          }, {
+            default: withCtx(() => [
+              createElementVNode("li", null, toDisplayString(item.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["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[ComponentsType2["container"] = 0] = "container";
+  ComponentsType2[ComponentsType2["formItems"] = 1] = "formItems";
+  return ComponentsType2;
+})(ComponentsType || {});
+
+var WidgetTab = /* @__PURE__ */ ((WidgetTab2) => {
+  WidgetTab2[WidgetTab2["components"] = 0] = "components";
+  WidgetTab2[WidgetTab2["templates"] = 1] = "templates";
+  return WidgetTab2;
+})(WidgetTab || {});
+var script$4 = defineComponent({
+  components: {
+    VkTabGroup,
+    VkTabItem,
+    VkFloatBlock,
+    VkCard,
+    ElScrollbar,
+    ElCollapse,
+    FormItemWidget: script$5
+  },
+  setup() {
+    const widgetTab = ref(0 /* components */);
+    const componentsType = ref([
+      ComponentsType.container,
+      ComponentsType.formItems
+    ]);
+    return {
+      WidgetTab,
+      ComponentsType,
+      widgetTab,
+      componentsType
+    };
+  }
+});
+
+const _hoisted_1$4 = /* @__PURE__ */ createTextVNode(" \u7EC4\u4EF6\u5E93 ");
+const _hoisted_2$2 = /* @__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
+          }, {
+            default: withCtx(() => [
+              _hoisted_1$4
+            ]),
+            _: 1
+          }, 8, ["name"]),
+          createVNode(_component_VkTabItem, {
+            name: _ctx.WidgetTab.templates
+          }, {
+            default: withCtx(() => [
+              _hoisted_2$2
+            ]),
+            _: 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.componentsType,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.componentsType = $event)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_FormItemWidget, {
+                name: _ctx.ComponentsType.formItems
+              }, null, 8, ["name"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"]), [
+            [vShow, _ctx.widgetTab === _ctx.WidgetTab.components]
+          ])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+
+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 = defineComponent({
+  name: "Sort"
+});
+const _hoisted_1$3 = {
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$1 = /* @__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$1
+];
+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: () => ({})
+    }
+  },
+  components: {
+    VkBoxHandler,
+    ElIcon,
+    Sort: sort,
+    VkfDragWrapper,
+    VkfDropWrapper
+  },
+  setup() {
+    const dragover = (e) => {
+    };
+    const drop = (e) => {
+    };
+    return {
+      dragover,
+      drop
+    };
+  }
+});
+
+const _hoisted_1$2 = /* @__PURE__ */ createTextVNode(" \u62D6\u52A8\u5355\u5143 ");
+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_VkfDropWrapper = resolveComponent("VkfDropWrapper");
+  return openBlock(), createBlock(_component_VkfDropWrapper, {
+    onDragover: withModifiers(_ctx.dragover, ["stop"]),
+    class: "vkf-ground-main-editing-wrapper"
+  }, {
+    default: withCtx(() => [
+      withDirectives(createVNode(_component_VkBoxHandler, null, {
+        default: withCtx(() => [
+          createVNode(_component_VkfDragWrapper, {
+            title: JSON.stringify(_ctx.source),
+            data: JSON.stringify(_ctx.source),
+            class: "vkf-gmew-drag-wrapper"
+          }, {
+            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]
+      ]),
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["onDragover"]);
+}
+
+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 = _VkfFormUtils._VkfFormItemRendererUtils.createDefaultSlots;
+var script$2 = defineComponent({
+  components: {
+    VkfDropWrapper,
+    VkfForm,
+    VkfFormItemRendererTemplate,
+    VkTabGroup,
+    VkTabItem,
+    EditingWrapper: script$3
+  },
+  props: {
+    formItems: {
+      type: Array,
+      default: () => []
+    },
+    prop: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: {
+    "update:prop": (e) => e,
+    setFormItems: null,
+    unsetFormItems: null
+  },
+  setup(props, { emit }) {
+    const formData = ref({});
+    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"));
+      data.prop ||= uniqueId("from_widget_");
+      if (data.templateType === "VkfEditingSelect") {
+        const currentLength = props.formItems.length;
+        data.templateSlots.default.forEach((v, i) => {
+          emit("setFormItems", {
+            k: currentLength + i,
+            v
+          });
+        });
+        emit("unsetFormItems", {
+          k: data.index
+        });
+      } else {
+        emit("setFormItems", {
+          k: props.formItems.length,
+          v: data
+        });
+        emit("update:prop", data.prop);
+      }
+    }
+    function editDrop(e) {
+      e.preventDefault();
+      if (!e.dataTransfer)
+        return;
+      const data = JSON.parse(e.dataTransfer.getData("text"));
+      console.log(data);
+    }
+    return {
+      groundEndClassName,
+      endLineNode,
+      dragover,
+      dragleave,
+      drop,
+      setData,
+      editDrop,
+      formData,
+      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.prop,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:prop", $event))
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_VkfForm, {
+            formItems: _ctx.formItemsWithWrapper,
+            data: _ctx.formData,
+            onSetData: _cache[0] || (_cache[0] = ($event) => _ctx.setData(_ctx.formData, $event))
+          }, {
+            rendererTemplate: withCtx(() => [
+              createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfEditingSelect" }, {
+                default: withCtx(({ data, Renderer, raw }) => [
+                  createCommentVNode(" name is prop "),
+                  createVNode(_component_VkTabItem, {
+                    name: data.name,
+                    clearable: false,
+                    class: "vkf-gm-form-item-x"
+                  }, {
+                    default: withCtx(({ isActive }) => [
+                      createCommentVNode(" \u62D6\u52A8\u65F6 \u6839\u636E source \u548C data.index   "),
+                      createVNode(_component_EditingWrapper, {
+                        onDrop: withModifiers(_ctx.editDrop, ["stop"]),
+                        active: isActive,
+                        source: raw
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(), createBlock(resolveDynamicComponent(Renderer), {
+                            source: raw.templateSlots.default
+                          }, null, 8, ["source"]))
+                        ]),
+                        _: 2
+                      }, 1032, ["onDrop", "active", "source"])
+                    ]),
+                    _: 2
+                  }, 1032, ["name"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["formItems", "data"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]),
+      createElementVNode("div", {
+        class: normalizeClass(["vkf-ground-end", _ctx.groundEndClassName]),
+        ref: "endLineNode"
+      }, null, 2)
+    ]),
+    _: 1
+  }, 8, ["onDrop", "onDragover", "onDragleave"]);
+}
+
+script$2.render = render$2;
+script$2.__file = "ground/src/ground-main/src/index.vue";
+
+var script$1 = defineComponent({
+  components: {
+    VkfConfig
+  },
+  props: {
+    ..._VkfConfigCtx.props,
+    templateType: {
+      type: String,
+      default: ""
+    },
+    propDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: {
+    ..._VkfConfigCtx.emits,
+    "update:propDisabled": (e) => e
+  },
+  setup(props, { emit }) {
+    const configProps = _VkfConfigCtx.createBindProps(props, ["source"]);
+    const configEmits = _VkfConfigCtx.createOnEmits(emit);
+    const typeToConfigSource = {
+      "VkfInput": {
+        templateType: "VkfInput",
+        propDisabled: false
+      }
+    };
+    const source = computed(() => {
+      return {
+        ...typeToConfigSource[props.templateType],
+        propDisabled: props.propDisabled
+      };
+    });
+    const setSource = (e) => {
+      if (e.k === "propDisabled") {
+        emit("update:propDisabled", e.v);
+      }
+    };
+    return {
+      source,
+      setSource,
+      configProps,
+      configEmits
+    };
+  }
+});
+
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkfConfig = resolveComponent("VkfConfig");
+  return openBlock(), createBlock(_component_VkfConfig, mergeProps({
+    source: _ctx.source,
+    "onSetData:source": _ctx.setSource
+  }, _ctx.configProps, toHandlers(_ctx.configEmits)), null, 16, ["source", "onSetData:source"]);
+}
+
+script$1.render = render$1;
+script$1.__file = "ground/src/ground-config/src/index.vue";
+
+var script = defineComponent({
+  name: "VkfGround",
+  components: {
+    VkfGroundWidget: script$4,
+    VkfGroundMain: script$2,
+    VkfGroundConfig: script$1
+  },
+  setup(props, { emit }) {
+    const formItems = ref([]);
+    const editProp = ref("");
+    const propToFormItem = computed(() => {
+      return formItems.value.reduce((a, c) => {
+        if (c.prop) {
+          a[c.prop] = c;
+        }
+        return a;
+      }, {});
+    });
+    const configPropDisabled = ref(false);
+    const setFormItem = (props2, e) => {
+      if (e.k === "prop") {
+        if (e.v === props2.prop) {
+          configPropDisabled.value = true;
+        } else {
+          if (e.v in propToFormItem.value) {
+            ElMessage({
+              type: "warning",
+              message: "\u5B58\u5728\u76F8\u540C\u7684prop, \u8BF7\u91CD\u65B0\u4FEE\u6539"
+            });
+          } else {
+            props2.prop = e.v;
+            editProp.value = e.v;
+            configPropDisabled.value = true;
+          }
+        }
+      } else {
+        setData(props2, e);
+      }
+    };
+    return {
+      propToFormItem,
+      formItems,
+      editProp,
+      setData,
+      unsetData,
+      setFormItem,
+      configPropDisabled
+    };
+  }
+});
+
+const _hoisted_1 = { class: "vkf-ground" };
+const _hoisted_2 = { class: "vkf-ground-main-x" };
+const _hoisted_3 = { class: "vkf-ground-config-x" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkfGroundWidget = resolveComponent("VkfGroundWidget");
+  const _component_VkfGroundMain = resolveComponent("VkfGroundMain");
+  const _component_VkfGroundConfig = resolveComponent("VkfGroundConfig");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_VkfGroundWidget, { class: "vkf-ground-widget-x" }),
+    createElementVNode("div", _hoisted_2, [
+      createCommentVNode(" {{ formItems }} "),
+      createVNode(_component_VkfGroundMain, {
+        prop: _ctx.editProp,
+        "onUpdate:prop": [
+          _cache[0] || (_cache[0] = ($event) => _ctx.editProp = $event),
+          _cache[1] || (_cache[1] = ($event) => _ctx.configPropDisabled = false)
+        ],
+        formItems: _ctx.formItems,
+        onSetFormItems: _cache[2] || (_cache[2] = ($event) => _ctx.setData(_ctx.formItems, $event)),
+        onUnsetFormItems: _cache[3] || (_cache[3] = ($event) => _ctx.unsetData(_ctx.formItems, $event))
+      }, null, 8, ["prop", "formItems"])
+    ]),
+    createElementVNode("div", _hoisted_3, [
+      _ctx.editProp && _ctx.propToFormItem[_ctx.editProp] ? (openBlock(), createBlock(_component_VkfGroundConfig, {
+        key: 0,
+        propDisabled: _ctx.configPropDisabled,
+        "onUpdate:propDisabled": _cache[4] || (_cache[4] = ($event) => _ctx.configPropDisabled = $event),
+        templateType: _ctx.propToFormItem[_ctx.editProp].templateType,
+        data: _ctx.propToFormItem[_ctx.editProp],
+        onSetData: _cache[5] || (_cache[5] = ($event) => _ctx.setFormItem(_ctx.propToFormItem[_ctx.editProp], $event))
+      }, null, 8, ["propDisabled", "templateType", "data"])) : createCommentVNode("v-if", true)
+    ])
+  ]);
+}
+
+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 };