@kp-ui/lowcode 1.0.21 → 1.0.24

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

@@ -1,146 +0,0 @@
-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";
-/* empty css                   */
-import H from "../../../_virtual/_plugin-vue_export-helper.js";
-const R = {
-  name: "GridColItem",
-  componentName: "ContainerItem",
-  mixins: [C, P, _],
-  components: {
-    ...L
-  },
-  props: {
-    widget: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    colHeight: {
-      type: String,
-      default: null
-    },
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    }
-  },
-  inject: ["refList", "globalModel", "getFormConfig", "previewState"],
-  data() {
-    return {
-      layoutProps: {
-        span: this.widget.options.span,
-        md: this.widget.options.md || 12,
-        sm: this.widget.options.sm || 12,
-        xs: this.widget.options.xs || 12,
-        offset: this.widget.options.offset || 0,
-        push: this.widget.options.push || 0,
-        pull: this.widget.options.pull || 0
-      }
-    };
-  },
-  computed: {
-    isHidden() {
-      return this.widget.widgetList.some((t) => t.options.holdHidden ? !1 : t.options.hidden);
-    },
-    formConfig() {
-      return this.getFormConfig();
-    },
-    customClass() {
-      return this.widget.options.customClass || "";
-    },
-    colHeightStyle() {
-      return this.colHeight ? { height: this.colHeight + "px" } : {};
-    }
-  },
-  created() {
-    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
-          this.layoutProps.span = 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
-  }), {
-    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)
-          ])
-        ]),
-        _: 1
-      }))
-    ]),
-    _: 3
-  }, 16, ["class", "style"])), [
-    [S, !l.isHidden && !e.widget.options.hidden]
-  ]);
-}
-const q = /* @__PURE__ */ H(R, [["render", O], ["__scopeId", "data-v-fce0759c"]]);
-export {
-  q as default
-};

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

@@ -1,88 +0,0 @@
-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 = {
-  name: "vf-grid-item",
-  //grid-item跟VueGridLayout全局注册组件重名，故特殊处理！！
-  componentName: "ContainerItem",
-  mixins: [g, w, p, h],
-  components: {
-    ContainerItemWrapper: _,
-    GridColItem: b
-  },
-  props: {
-    widget: Object,
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    }
-  },
-  inject: ["refList", "sfRefList", "globalModel"],
-  created() {
-    this.initRefList();
-  },
-  mounted() {
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  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
-      }, {
-        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))
-        ]),
-        _: 3
-      }, 8, ["gutter", "class"])), [
-        [L, !e.widget.options.hidden]
-      ])
-    ]),
-    _: 3
-  }, 8, ["widget"]);
-}
-const A = /* @__PURE__ */ S(j, [["render", B]]);
-export {
-  A as default
-};

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

@@ -1,313 +0,0 @@
-import v from "../../../utils/emitter.js";
-import I from "../../../utils/i18n.js";
-import { deepClone as F, generateId as m, traverseFieldWidgetsOfContainer as T } from "../../../utils/util.js";
-import y from "../refMixin.js";
-import A from "./container-item-wrapper.vue.js";
-import M from "./containerItemMixin.js";
-import E from "../../form-designer/form-widget/field-widget/index.js";
-import { TpfConfirm as B } from "../../../hooks/TpfConfirm.js";
-import N from "../../svg-icon/index.vue.js";
-import { resolveComponent as f, createBlock as p, openBlock as n, withCtx as l, withDirectives as S, createElementBlock as u, createElementVNode as r, Fragment as R, renderList as C, normalizeClass as _, createVNode as h, vShow as W, toDisplayString as L, resolveDynamicComponent as O, createCommentVNode as V, createTextVNode as H } from "vue";
-/* empty css                        */
-import j from "../../../_virtual/_plugin-vue_export-helper.js";
-const x = {
-  name: "grid-sub-form-item",
-  componentName: "ContainerItem",
-  mixins: [v, I, y, M],
-  components: {
-    SvgIcon: N,
-    ContainerItemWrapper: A,
-    ...E
-  },
-  props: {
-    widget: Object
-  },
-  provide() {
-    return {
-      getSubFormFieldFlag: () => !0,
-      getSubFormName: () => this.widget.options.name
-    };
-  },
-  inject: ["refList", "sfRefList", "globalModel", "getReadMode"],
-  data() {
-    return {
-      rowIdData: [],
-      widgetSchemaData: [],
-      actionDisabled: !1,
-      insertDisabled: !1,
-      //是否禁止新增、插入记录
-      deleteDisabled: !1,
-      //是否禁止删除记录
-      fieldWidgetList: []
-    };
-  },
-  computed: {
-    isReadMode() {
-      return this.getReadMode();
-    },
-    actionBtnsClass() {
-      return this.widget.options.actionColumnPosition, "right-action-column";
-    }
-  },
-  created() {
-    this.initRefList(), this.registerSubFormToRefList(), this.initRowIdData(!0), this.initWidgetSchemaData(), this.initEventHandler();
-  },
-  mounted() {
-    this.extractFieldWidgetList(), this.handleSubFormFirstRowAdd();
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {
-    extractFieldWidgetList() {
-      this.fieldWidgetList.splice(0, this.fieldWidgetList.length);
-      const t = (e) => {
-        this.fieldWidgetList.push(e);
-      };
-      T(this.widget, t);
-    },
-    getLabelAlign(t, e) {
-      return e.options.labelAlign || t.options.labelAlign;
-    },
-    registerSubFormToRefList() {
-      this.widget.type === "grid-sub-form" && (this.sfRefList[this.widget.options.name] = this);
-    },
-    initRowIdData(t) {
-      if (this.widget.type === "grid-sub-form") {
-        this.rowIdData.splice(0, this.rowIdData.length);
-        const e = this.formModel[this.widget.options.name];
-        e && e.length > 0 && (e.forEach(() => {
-          this.rowIdData.push("id" + m());
-        }), t && setTimeout(() => {
-          this.handleSubFormRowChange(e);
-        }, 800));
-      }
-    },
-    addToRowIdData() {
-      this.rowIdData.push("id" + m());
-    },
-    insertToRowIdData(t) {
-      this.rowIdData.splice(t, 0, "id" + m());
-    },
-    deleteFromRowIdData(t) {
-      this.rowIdData.splice(t, 1);
-    },
-    getRowIdData() {
-      return this.rowIdData;
-    },
-    getWidgetRefOfSubForm(t, e) {
-      const i = t + "@row" + this.rowIdData[e];
-      return this.getWidgetRef(i);
-    },
-    initWidgetSchemaData() {
-      if (this.widget.type !== "grid-sub-form")
-        return;
-      const t = this.rowIdData.length;
-      if (this.widgetSchemaData.splice(0, this.widgetSchemaData.length), t > 0)
-        for (let e = 0; e < t; e++) {
-          const i = [];
-          this.widget.widgetList.forEach((a) => {
-            i.push(this.cloneSchemaOfWidget(a));
-          }), this.widgetSchemaData.push(i);
-        }
-    },
-    addToWidgetSchemaData(t) {
-      const e = [];
-      this.widget.widgetList.forEach((i) => {
-        e.push(this.cloneSchemaOfWidget(i));
-      }), t === void 0 ? this.widgetSchemaData.push(e) : this.widgetSchemaData.splice(t, 0, e);
-    },
-    deleteFromWidgetSchemaData(t) {
-      this.widgetSchemaData.splice(t, 1);
-    },
-    cloneSchemaOfWidget(t) {
-      const e = F(t);
-      return e.id = t.type + m(), e;
-    },
-    initEventHandler() {
-      this.widget.type === "grid-sub-form" && this.on$("setFormData", (t) => {
-        this.initRowIdData(!1), this.initWidgetSchemaData();
-        const e = t[this.widget.options.name] || [];
-        setTimeout(() => {
-          this.handleSubFormRowChange(e);
-        }, 800);
-      });
-    },
-    handleSubFormFirstRowAdd() {
-      if (this.widget.type === "grid-sub-form" && this.widget.options.showBlankRow && this.rowIdData.length === 1) {
-        const t = this.formModel[this.widget.options.name] || [];
-        this.$nextTick(() => {
-          this.handleSubFormRowAdd(t, this.rowIdData[0]), this.handleSubFormRowChange(t);
-        });
-      }
-    },
-    addSubFormRow() {
-      const t = {};
-      this.fieldWidgetList.forEach((i) => {
-        i.formItemFlag && (t[i.options.name] = i.options.defaultValue);
-      });
-      const e = this.formModel[this.widget.options.name] || [];
-      e.push(t), this.addToRowIdData(), this.addToWidgetSchemaData(), this.$nextTick(() => {
-        this.handleSubFormRowAdd(e, this.rowIdData[e.length - 1]), this.handleSubFormRowChange(e);
-      });
-    },
-    insertSubFormRow(t) {
-      const e = {};
-      this.fieldWidgetList.forEach((a) => {
-        a.formItemFlag && (e[a.options.name] = a.options.defaultValue);
-      });
-      const i = this.formModel[this.widget.options.name] || [];
-      i.splice(t, 0, e), this.insertToRowIdData(t), this.addToWidgetSchemaData(t), this.$nextTick(() => {
-        this.handleSubFormRowInsert(i, this.rowIdData[t]), this.handleSubFormRowChange(i);
-      });
-    },
-    deleteSubFormRow(t) {
-      B({
-        type: "confirm",
-        content: this.i18nt("render.hint.deleteSubFormRow") + "?",
-        title: this.i18nt("render.hint.prompt"),
-        okText: this.i18nt("render.hint.confirm"),
-        cancelText: this.i18nt("render.hint.cancel")
-      }).then(() => {
-        const e = this.formModel[this.widget.options.name] || [], i = F(e[t]);
-        e.splice(t, 1), this.deleteFromRowIdData(t), this.deleteFromWidgetSchemaData(t), this.$nextTick(() => {
-          this.handleSubFormRowDelete(e, i), this.handleSubFormRowChange(e);
-        });
-      }).catch(() => {
-      });
-    },
-    handleSubFormRowChange(t) {
-      this.widget.options.onSubFormRowChange && new Function("subFormData", this.widget.options.onSubFormRowChange).call(this, t);
-    },
-    handleSubFormRowAdd(t, e) {
-      this.widget.options.onSubFormRowAdd && new Function(
-        "subFormData",
-        "newRowId",
-        this.widget.options.onSubFormRowAdd
-      ).call(this, t, e);
-    },
-    handleSubFormRowInsert(t, e) {
-      this.widget.options.onSubFormRowInsert && new Function(
-        "subFormData",
-        "newRowId",
-        this.widget.options.onSubFormRowInsert
-      ).call(this, t, e);
-    },
-    handleSubFormRowDelete(t, e) {
-      this.widget.options.onSubFormRowDelete && new Function(
-        "subFormData",
-        "deletedDataRow",
-        this.widget.options.onSubFormRowDelete
-      ).call(this, t, e);
-    },
-    setDisabled(t) {
-      t ? this.disableGridSubForm() : this.enableGridSubForm();
-    },
-    /**
-     * 设置单行子表单是否禁止新增、插入记录
-     * @param flag
-     */
-    setInsertDisabled(t) {
-      this.insertDisabled = t;
-    },
-    /**
-     * 设置单行子表单是否禁止删除记录
-     * @param flag
-     */
-    setDeleteDisabled(t) {
-      this.deleteDisabled = t;
-    }
-  }
-}, z = { class: "row-no-column" }, G = { class: "row-number-span" }, P = { class: "grid-sub-form-data-row" }, U = { class: "header-row" };
-function q(t, e, i, a, o, s) {
-  const w = f("svg-icon"), g = f("a-button"), k = f("container-item-wrapper");
-  return n(), p(k, { widget: i.widget }, {
-    default: l(() => [
-      S((n(), u("div", {
-        key: i.widget.id,
-        class: "sub-form-container"
-      }, [
-        (n(!0), u(R, null, C(o.rowIdData, (D, d) => (n(), u("div", {
-          class: "sub-form-row",
-          key: D
-        }, [
-          r("div", {
-            class: _(["sub-form-action-column hide-label", s.actionBtnsClass])
-          }, [
-            S(r("div", {
-              class: _(["action-button-column", s.actionBtnsClass])
-            }, [
-              h(g, {
-                type: "link",
-                title: t.i18nt("render.hint.insertSubFormRow"),
-                disabled: o.actionDisabled || o.deleteDisabled,
-                onClick: (b) => s.insertSubFormRow(d)
-              }, {
-                icon: l(() => [
-                  h(w, { "icon-class": "el-plus" })
-                ]),
-                _: 2
-              }, 1032, ["title", "disabled", "onClick"]),
-              h(g, {
-                type: "link",
-                title: t.i18nt("render.hint.deleteSubFormRow"),
-                disabled: o.actionDisabled || o.deleteDisabled,
-                onClick: (b) => s.deleteSubFormRow(d)
-              }, {
-                icon: l(() => [
-                  h(w, { "icon-class": "el-delete" })
-                ]),
-                _: 2
-              }, 1032, ["title", "disabled", "onClick"])
-            ], 2), [
-              [W, !s.isReadMode]
-            ])
-          ], 2),
-          r("div", z, [
-            r("span", G, "#" + L(d + 1), 1)
-          ]),
-          r("div", P, [
-            (n(!0), u(R, null, C(i.widget.widgetList, (b, c) => (n(), p(O(t.getComponentByContainer(b)), {
-              key: o.widgetSchemaData[d][c].id,
-              widget: o.widgetSchemaData[d][c],
-              "parent-list": i.widget.widgetList,
-              "index-of-parent-list": c,
-              "parent-widget": i.widget,
-              "sub-form-row-id": D,
-              "sub-form-row-index": d,
-              "sub-form-col-index": c
-            }, null, 8, ["widget", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"]))), 128))
-          ])
-        ]))), 128)),
-        r("div", U, [
-          s.isReadMode ? V("", !0) : (n(), p(g, {
-            key: 0,
-            block: "",
-            disabled: o.actionDisabled || o.insertDisabled,
-            shape: "round",
-            type: "dashed",
-            size: "small",
-            class: "action-button",
-            onClick: s.addSubFormRow,
-            title: t.i18nt("render.hint.subFormAddActionHint")
-          }, {
-            icon: l(() => [
-              h(w, { "icon-class": "el-plus" })
-            ]),
-            default: l(() => [
-              H(" " + L(t.i18nt("render.hint.subFormAddAction")), 1)
-            ]),
-            _: 1
-          }, 8, ["disabled", "onClick", "title"]))
-        ])
-      ])), [
-        [W, !i.widget.options.hidden]
-      ])
-    ]),
-    _: 1
-  }, 8, ["widget"]);
-}
-const nt = /* @__PURE__ */ j(x, [["render", q], ["__scopeId", "data-v-8ecf8547"]]);
-export {
-  nt as default
-};