@kp-ui/lowcode 1.0.25 → 1.0.26

package/src/components/form-render/container-item/grid-col-item.vue.js

@@ -1,16 +1,16 @@
-import C from "../../../utils/emitter.js";
-import P from "../../../utils/i18n.js";
-import _ from "../refMixin.js";
-import L from "../../form-designer/form-widget/field-widget/index.js";
-import { resolveComponent as k, withDirectives as F, createBlock as r, openBlock as i, mergeProps as v, withCtx as d, createElementBlock as f, Fragment as p, renderList as m, resolveDynamicComponent as g, createSlots as c, renderSlot as w, normalizeProps as h, guardReactiveProps as y, createElementVNode as b, toDisplayString as I, vShow as S } from "vue";
+import emitter from "../../../utils/emitter.js";
+import i18n from "../../../utils/i18n.js";
+import refMixin from "../refMixin.js";
+import comps from "../../form-designer/form-widget/field-widget/index.js";
+import { resolveComponent, withDirectives, createBlock, openBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, resolveDynamicComponent, createSlots, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, toDisplayString, vShow } from "vue";
 /* empty css                   */
-import H from "../../../../_virtual/_plugin-vue_export-helper.js";
-const R = {
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "GridColItem",
   componentName: "ContainerItem",
-  mixins: [C, P, _],
+  mixins: [emitter, i18n, refMixin],
   components: {
-    ...L
+    ...comps
   },
   props: {
     widget: Object,
@@ -53,7 +53,12 @@ const R = {
   },
   computed: {
     isHidden() {
-      return this.widget.widgetList.some((t) => t.options.holdHidden ? !1 : t.options.hidden);
+      return this.widget.widgetList.some((item) => {
+        if (item.options.holdHidden) {
+          return false;
+        }
+        return item.options.hidden;
+      });
     },
     formConfig() {
       return this.getFormConfig();
@@ -62,74 +67,95 @@ const R = {
       return this.widget.options.customClass || "";
     },
     colHeightStyle() {
-      return this.colHeight ? { height: this.colHeight + "px" } : {};
+      return !!this.colHeight ? { height: this.colHeight + "px" } : {};
     }
   },
   created() {
-    this.initLayoutProps(), this.initRefList();
+    this.initLayoutProps();
+    this.initRefList();
   },
   methods: {
     initLayoutProps() {
-      if (this.widget.options.responsive)
-        if (this.previewState) {
-          this.layoutProps.md = void 0, this.layoutProps.sm = void 0, this.layoutProps.xs = void 0;
-          const t = this.formConfig.layoutType;
-          t === "H5" ? this.layoutProps.span = this.widget.options.xs || 12 : t === "Pad" ? this.layoutProps.span = this.widget.options.sm || 12 : this.layoutProps.span = this.widget.options.md || 12;
-        } else
+      if (!!this.widget.options.responsive) {
+        if (!!this.previewState) {
+          this.layoutProps.md = void 0;
+          this.layoutProps.sm = void 0;
+          this.layoutProps.xs = void 0;
+          const lyType = this.formConfig.layoutType;
+          if (lyType === "H5") {
+            this.layoutProps.span = this.widget.options.xs || 12;
+          } else if (lyType === "Pad") {
+            this.layoutProps.span = this.widget.options.sm || 12;
+          } else {
+            this.layoutProps.span = this.widget.options.md || 12;
+          }
+        } else {
           this.layoutProps.span = void 0;
-      else
-        this.layoutProps.md = void 0, this.layoutProps.sm = void 0, this.layoutProps.xs = void 0;
+        }
+      } else {
+        this.layoutProps.md = void 0;
+        this.layoutProps.sm = void 0;
+        this.layoutProps.xs = void 0;
+      }
     }
   }
-}, j = { class: "blank-cell" }, N = { class: "invisible-content" };
-function O(t, B, e, D, x, l) {
-  const u = k("a-col");
-  return F((i(), r(u, v({
-    class: ["grid-cell", [l.customClass]]
-  }, x.layoutProps, {
-    style: l.colHeightStyle,
-    key: e.widget.id
+};
+const _hoisted_1 = { class: "blank-cell" };
+const _hoisted_2 = { class: "invisible-content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_col = resolveComponent("a-col");
+  return withDirectives((openBlock(), createBlock(_component_a_col, mergeProps({
+    class: ["grid-cell", [$options.customClass]]
+  }, $data.layoutProps, {
+    style: $options.colHeightStyle,
+    key: $props.widget.id
   }), {
-    default: d(() => [
-      e.widget.widgetList && e.widget.widgetList.length > 0 ? (i(!0), f(p, { key: 0 }, m(e.widget.widgetList, (o, n) => (i(), f(p, null, [
-        o.category === "container" ? (i(), r(g(t.getComponentByContainer(o)), {
-          widget: o,
-          key: n,
-          "parent-list": e.widget.widgetList,
-          "index-of-parent-list": n,
-          "parent-widget": e.widget,
-          "sub-form-row-id": e.subFormRowId,
-          "sub-form-row-index": e.subFormRowIndex,
-          "sub-form-col-index": e.subFormColIndex
-        }, c({ _: 2 }, [
-          m(Object.keys(t.$slots), (s) => ({
-            name: s,
-            fn: d((a) => [
-              w(t.$slots, s, h(y(a)), void 0, !0)
-            ])
-          }))
-        ]), 1032, ["widget", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"])) : (i(), r(g(o.type + "-widget"), {
-          field: o,
-          designer: null,
-          key: n,
-          "parent-list": e.widget.widgetList,
-          "index-of-parent-list": n,
-          "parent-widget": e.widget,
-          "sub-form-row-id": e.subFormRowId,
-          "sub-form-row-index": e.subFormRowIndex,
-          "sub-form-col-index": e.subFormColIndex
-        }, c({ _: 2 }, [
-          m(Object.keys(t.$slots), (s) => ({
-            name: s,
-            fn: d((a) => [
-              w(t.$slots, s, h(y(a)), void 0, !0)
-            ])
-          }))
-        ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"]))
-      ], 64))), 256)) : (i(), r(u, { key: 1 }, {
-        default: d(() => [
-          b("div", j, [
-            b("span", N, I(t.i18nt("render.hint.blankCellContent")), 1)
+    default: withCtx(() => [
+      !!$props.widget.widgetList && $props.widget.widgetList.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($props.widget.widgetList, (subWidget, swIdx) => {
+        return openBlock(), createElementBlock(Fragment, null, [
+          "container" === subWidget.category ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.getComponentByContainer(subWidget)), {
+            widget: subWidget,
+            key: swIdx,
+            "parent-list": $props.widget.widgetList,
+            "index-of-parent-list": swIdx,
+            "parent-widget": $props.widget,
+            "sub-form-row-id": $props.subFormRowId,
+            "sub-form-row-index": $props.subFormRowIndex,
+            "sub-form-col-index": $props.subFormColIndex
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (slot) => {
+              return {
+                name: slot,
+                fn: withCtx((scope) => [
+                  renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope)), void 0, true)
+                ])
+              };
+            })
+          ]), 1032, ["widget", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"])) : (openBlock(), createBlock(resolveDynamicComponent(subWidget.type + "-widget"), {
+            field: subWidget,
+            designer: null,
+            key: swIdx,
+            "parent-list": $props.widget.widgetList,
+            "index-of-parent-list": swIdx,
+            "parent-widget": $props.widget,
+            "sub-form-row-id": $props.subFormRowId,
+            "sub-form-row-index": $props.subFormRowIndex,
+            "sub-form-col-index": $props.subFormColIndex
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (slot) => {
+              return {
+                name: slot,
+                fn: withCtx((scope) => [
+                  renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope)), void 0, true)
+                ])
+              };
+            })
+          ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"]))
+        ], 64);
+      }), 256)) : (openBlock(), createBlock(_component_a_col, { key: 1 }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("span", _hoisted_2, toDisplayString(_ctx.i18nt("render.hint.blankCellContent")), 1)
           ])
         ]),
         _: 1
@@ -137,10 +163,10 @@ function O(t, B, e, D, x, l) {
     ]),
     _: 3
   }, 16, ["class", "style"])), [
-    [S, !l.isHidden && !e.widget.options.hidden]
+    [vShow, !$options.isHidden && !$props.widget.options.hidden]
   ]);
 }
-const q = /* @__PURE__ */ H(R, [["render", O], ["__scopeId", "data-v-fce0759c"]]);
+const GridColItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-fce0759c"]]);
 export {
-  q as default
+  GridColItem as default
 };

package/src/components/form-render/container-item/grid-item.vue.js

@@ -1,19 +1,19 @@
-import g from "../../../utils/emitter.js";
-import w from "../../../utils/i18n.js";
-import p from "../refMixin.js";
-import _ from "./container-item-wrapper.vue.js";
-import b from "./grid-col-item.vue.js";
-import h from "./containerItemMixin.js";
-import { resolveComponent as i, createBlock as r, openBlock as t, withCtx as n, withDirectives as x, normalizeClass as I, createElementBlock as C, Fragment as F, renderList as s, createSlots as R, renderSlot as k, normalizeProps as y, guardReactiveProps as v, vShow as L } from "vue";
-import S from "../../../../_virtual/_plugin-vue_export-helper.js";
-const j = {
+import emitter from "../../../utils/emitter.js";
+import i18n from "../../../utils/i18n.js";
+import refMixin from "../refMixin.js";
+import ContainerItemWrapper from "./container-item-wrapper.vue.js";
+import GridColItem from "./grid-col-item.vue.js";
+import containerItemMixin from "./containerItemMixin.js";
+import { resolveComponent, createBlock, openBlock, withCtx, withDirectives, normalizeClass, createElementBlock, Fragment, renderList, createSlots, renderSlot, normalizeProps, guardReactiveProps, vShow } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "vf-grid-item",
   //grid-item跟VueGridLayout全局注册组件重名，故特殊处理！！
   componentName: "ContainerItem",
-  mixins: [g, w, p, h],
+  mixins: [emitter, i18n, refMixin, containerItemMixin],
   components: {
-    ContainerItemWrapper: _,
-    GridColItem: b
+    ContainerItemWrapper,
+    GridColItem
   },
   props: {
     widget: Object,
@@ -44,45 +44,51 @@ const j = {
   },
   methods: {}
 };
-function B(o, M, e, N, z, O) {
-  const a = i("grid-col-item"), c = i("a-row"), l = i("container-item-wrapper");
-  return t(), r(l, { widget: e.widget }, {
-    default: n(() => [
-      x((t(), r(c, {
-        key: e.widget.id,
-        gutter: e.widget.options.gutter,
-        class: I(["grid-container", [o.customClass]]),
-        ref: e.widget.id
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_grid_col_item = resolveComponent("grid-col-item");
+  const _component_a_row = resolveComponent("a-row");
+  const _component_container_item_wrapper = resolveComponent("container-item-wrapper");
+  return openBlock(), createBlock(_component_container_item_wrapper, { widget: $props.widget }, {
+    default: withCtx(() => [
+      withDirectives((openBlock(), createBlock(_component_a_row, {
+        key: $props.widget.id,
+        gutter: $props.widget.options.gutter,
+        class: normalizeClass(["grid-container", [_ctx.customClass]]),
+        ref: $props.widget.id
       }, {
-        default: n(() => [
-          (t(!0), C(F, null, s(e.widget.cols, (f, m) => (t(), r(a, {
-            key: m,
-            widget: f,
-            "parent-list": e.widget.cols,
-            "index-of-parent-list": m,
-            "parent-widget": e.widget,
-            "col-height": e.widget.options.colHeight,
-            "sub-form-row-id": e.subFormRowId,
-            "sub-form-row-index": e.subFormRowIndex,
-            "sub-form-col-index": e.subFormColIndex
-          }, R({ _: 2 }, [
-            s(Object.keys(o.$slots), (d) => ({
-              name: d,
-              fn: n((u) => [
-                k(o.$slots, d, y(v(u)))
-              ])
-            }))
-          ]), 1032, ["widget", "parent-list", "index-of-parent-list", "parent-widget", "col-height", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"]))), 128))
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($props.widget.cols, (colWidget, colIdx) => {
+            return openBlock(), createBlock(_component_grid_col_item, {
+              key: colIdx,
+              widget: colWidget,
+              "parent-list": $props.widget.cols,
+              "index-of-parent-list": colIdx,
+              "parent-widget": $props.widget,
+              "col-height": $props.widget.options.colHeight,
+              "sub-form-row-id": $props.subFormRowId,
+              "sub-form-row-index": $props.subFormRowIndex,
+              "sub-form-col-index": $props.subFormColIndex
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(_ctx.$slots), (slot) => {
+                return {
+                  name: slot,
+                  fn: withCtx((scope) => [
+                    renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope)))
+                  ])
+                };
+              })
+            ]), 1032, ["widget", "parent-list", "index-of-parent-list", "parent-widget", "col-height", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"]);
+          }), 128))
         ]),
         _: 3
       }, 8, ["gutter", "class"])), [
-        [L, !e.widget.options.hidden]
+        [vShow, !$props.widget.options.hidden]
       ])
     ]),
     _: 3
   }, 8, ["widget"]);
 }
-const A = /* @__PURE__ */ S(j, [["render", B]]);
+const gridItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  A as default
+  gridItem as default
 };