@vunk/form 0.0.0-alpha.3 → 0.0.0-alpha.5

package/components/confirm-input/index.css

@@ -1,9 +1,9 @@
-
-.vkf-confirm-input .el-input-group__append {
-  cursor: initial;
-}
-
-.vkf-confirm-input .vkf-confirm-input-icon {
-  color: var(--el-color-primary);
-  cursor: pointer;
-}
+
+.vkf-confirm-input .el-input-group__append {
+  cursor: initial;
+}
+
+.vkf-confirm-input .vkf-confirm-input-icon {
+  color: var(--el-color-primary);
+  cursor: pointer;
+}

package/components/ground/index.css

@@ -1,34 +1,37 @@
-
-.vkf-ground {
-  display: flex;
-}
-
-.vkf-ground-widget-x {
-  width: 15em;
-  height: 100%;
-}
-
-.vkf-ground-main-x {
-  flex: 3;
-}
-.vkf-ground-main-x .vkf-ground-main-card{
-  height: 100%;
-}
-.vkf-ground-main-card > .vk-card-title{
-  display: flex;
-  justify-content: end;
-  margin-bottom: var(--gap-xxs);
-}
-.vkf-ground-main-card > .vk-card-body{
-  height: 100%;
-  border: 2px var(--el-border-color) dashed;
-  overflow: auto;
-}
-
-.vkf-ground-config-x {
-  padding: 0 1em;
-  flex: 1;
-}
+
+.vkf-ground {
+  display: flex;
+}
+
+.vkf-ground-widget-x {
+  width: 15em;
+  height: 100%;
+}
+
+.vkf-ground-main-x {
+  flex: 3;
+}
+
+.vkf-ground-main-x .vkf-ground-main-card {
+  height: 100%;
+}
+
+.vkf-ground-main-card>.vk-card-title {
+  display: flex;
+  justify-content: end;
+  margin-bottom: var(--gap-xxs);
+}
+
+.vkf-ground-main-card>.vk-card-body {
+  height: 100%;
+  border: 2px var(--el-border-color) dashed;
+  overflow: auto;
+}
+
+.vkf-ground-config-x {
+  padding: 0 1em;
+  flex: 1;
+}
 
 .vkf-ground-main {
   min-height: 100%;

package/components/ground/index.js

@@ -26,6 +26,15 @@ var script$5 = defineComponent({
           label: "inputLabel"
         }
       },
+      {
+        label: "select",
+        value: "VkfSelect",
+        defaultOptions: {
+          templateType: "VkfSelect",
+          prop: "",
+          label: "label"
+        }
+      },
       {
         label: "switch",
         value: "VkfSwitch",
@@ -822,19 +831,20 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                   }, 1032, ["name"])
                 ]),
                 _: 1
-              })
+              }),
+              renderSlot(_ctx.$slots, "rendererTemplate")
             ]),
-            _: 1
+            _: 3
           }, 8, ["formItems", "data"])
         ]),
-        _: 1
+        _: 3
       }, 8, ["modelValue"]),
       createElementVNode("div", {
         class: normalizeClass(["vkf-ground-end", _ctx.groundEndClassName]),
         ref: "endLineNode"
       }, null, 2)
     ]),
-    _: 1
+    _: 3
   }, 8, ["onDrop", "onDragover", "onDragleave"]);
 }
 
@@ -1051,16 +1061,22 @@ var script = defineComponent({
     componentLibCollapseExpanded: {
       type: Array,
       default: void 0
+    },
+    data: {
+      type: Array,
+      default: () => []
     }
   },
   emits: {
+    "update:data": null,
+    "setData": (e) => e,
+    "unsetData": null,
     "update:componentLibCollapseExpanded": null
   },
   setup(props, { emit }) {
-    const formItems = ref([]);
     const editProp = ref("");
     const propToFormItem = computed(() => {
-      return formItems.value.reduce((a, c) => {
+      return props.data.reduce((a, c) => {
         if (c.prop) {
           a[c.prop] = c;
         }
@@ -1093,7 +1109,7 @@ var script = defineComponent({
         setData(props2, e);
       }
     };
-    const formItemStr = computed(() => JSON.stringify(formItems.value));
+    const formItemStr = computed(() => JSON.stringify(props.data));
     const formItemClip = useClipboard({
       source: formItemStr
     });
@@ -1114,12 +1130,11 @@ var script = defineComponent({
         }
         return obj;
       }).then((obj) => {
-        formItems.value = obj;
+        emit("update:data", obj);
       });
     };
     return {
       propToFormItem,
-      formItems,
       editProp,
       setData,
       unsetData,
@@ -1179,15 +1194,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           createVNode(_component_VkfGroundMain, {
             prop: _ctx.editProp,
             "onUpdate:prop": _cache[2] || (_cache[2] = ($event) => _ctx.editProp = $event),
-            formItems: _ctx.formItems,
-            "onSetData:formItems": _cache[3] || (_cache[3] = ($event) => _ctx.setData(_ctx.formItems, $event)),
-            "onUnsetData:formItems": _cache[4] || (_cache[4] = ($event) => _ctx.unsetData(_ctx.formItems, $event))
-          }, null, 8, ["prop", "formItems"])
+            formItems: _ctx.data,
+            "onSetData:formItems": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("setData", $event)),
+            "onUnsetData:formItems": _cache[4] || (_cache[4] = ($event) => _ctx.$emit("unsetData", $event))
+          }, {
+            rendererTemplate: withCtx(() => [
+              renderSlot(_ctx.$slots, "rendererTemplate")
+            ]),
+            _: 3
+          }, 8, ["prop", "formItems"])
         ]),
-        _: 1
+        _: 3
       })
     ]),
     createElementVNode("div", _hoisted_6, [
+      createCommentVNode(" \u901A\u8FC7config \u4FEE\u6539\u6570\u636E\u6E90 \u5355\u9879\u7684\u5185\u5BB9 "),
       _ctx.editProp && _ctx.propToFormItem[_ctx.editProp] ? (openBlock(), createBlock(_component_VkfGroundConfig, {
         key: 0,
         propDisabled: _ctx.configPropDisabled,