@kp-ui/lowcode 1.0.21 → 1.0.24

package/es/components/form-designer/widget-panel/index.vue.js

@@ -1,338 +0,0 @@
-import _ from "../../svg-icon/index.vue.js";
-import { containers as w, basicFields as C, advancedFields as T, customFields as N, businessFields as D } from "./widgetsConfig.js";
-import { formTemplates as L } from "./templatesConfig.js";
-import { generateId as c, addWindowResizeHandler as B } from "../../../utils/util.js";
-import W from "../../../utils/i18n.js";
-import x from "axios";
-import { TpfConfirm as H } from "../../../hooks/TpfConfirm.js";
-import { resolveComponent as r, createElementBlock as M, openBlock as F, createElementVNode as a, createVNode as t, withCtx as l, createCommentVNode as b, createBlock as $, createTextVNode as m, toDisplayString as g } from "vue";
-/* empty css           */
-import E from "../../../_virtual/_plugin-vue_export-helper.js";
-const K = {
-  name: "FieldPanel",
-  mixins: [W],
-  components: { SvgIcon: _ },
-  props: {
-    designer: Object
-  },
-  inject: ["getBannedWidgets", "getDesignerConfig"],
-  data() {
-    return {
-      designerConfig: this.getDesignerConfig(),
-      firstTab: "componentLib",
-      scrollerHeight: 0,
-      activeNames: [
-        "containerTitle",
-        "basicFieldTitle",
-        "advancedFieldTitle",
-        "yyzj",
-        "customFieldTitle"
-      ],
-      containers: [],
-      basicFields: [],
-      advancedFields: [],
-      customFields: [],
-      businessFields: [],
-      formTemplates: L,
-      ftImages: []
-    };
-  },
-  computed: {
-    //
-  },
-  created() {
-    this.loadWidgets();
-  },
-  mounted() {
-    this.scrollerHeight = window.innerHeight - 56 + "px", B(() => {
-      this.$nextTick(() => {
-        this.scrollerHeight = window.innerHeight - 56 + "px";
-      });
-    });
-  },
-  methods: {
-    isBanned(e) {
-      return this.getBannedWidgets().indexOf(e) > -1;
-    },
-    showFormTemplates() {
-      return this.designerConfig.formTemplates === void 0 ? !0 : !!this.designerConfig.formTemplates;
-    },
-    loadWidgets() {
-      this.containers = w.map((e) => ({
-        key: c(),
-        ...e,
-        displayName: this.i18n2t(
-          `designer.widgetLabel.${e.type}`,
-          `extension.widgetLabel.${e.type}`
-        )
-      })).filter((e) => !e.internal && !this.isBanned(e.type)), this.basicFields = C.map((e) => ({
-        key: c(),
-        ...e,
-        displayName: this.i18n2t(
-          `designer.widgetLabel.${e.type}`,
-          `extension.widgetLabel.${e.type}`
-        )
-      })).filter((e) => !this.isBanned(e.type)), this.advancedFields = T.map((e) => ({
-        key: c(),
-        ...e,
-        displayName: this.i18n2t(
-          `designer.widgetLabel.${e.type}`,
-          `extension.widgetLabel.${e.type}`
-        )
-      })).filter((e) => !this.isBanned(e.type)), this.customFields = N.map((e) => ({
-        key: c(),
-        ...e,
-        displayName: this.i18n2t(
-          `designer.widgetLabel.${e.type}`,
-          `extension.widgetLabel.${e.type}`
-        )
-      })).filter((e) => !this.isBanned(e.type)), this.businessFields = D.map((e) => ({
-        key: c(),
-        ...e,
-        displayName: this.i18n2t(
-          `designer.widgetLabel.${e.type}`,
-          `extension.widgetLabel.${e.type}`
-        )
-      })).filter((e) => !this.isBanned(e.type));
-    },
-    handleContainerWidgetClone(e) {
-      return this.designer.copyNewContainerWidget(e);
-    },
-    handleFieldWidgetClone(e) {
-      return this.designer.copyNewFieldWidget(e);
-    },
-    /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */
-    checkContainerMove(e) {
-      return this.designer.checkWidgetMove(e);
-    },
-    /* draggable组件的move钩子是在内部子组件被拖放到其他draggable组件时触发！！ */
-    checkFieldMove(e) {
-      return this.designer.checkFieldMove(e);
-    },
-    onContainerDragEnd(e) {
-    },
-    addContainerByDbClick(e) {
-      this.designer.addContainerByDbClick(e);
-    },
-    addFieldByDbClick(e) {
-      this.designer.addFieldByDbClick(e);
-    },
-    loadFormTemplate(e) {
-      H({
-        type: "confirm",
-        content: this.i18nt("designer.setting.loadFormTemplateHint"),
-        title: this.i18nt("render.hint.prompt"),
-        okText: this.i18nt("render.hint.confirm"),
-        cancelText: this.i18nt("render.hint.cancel")
-      }).then(() => {
-        x.get(e).then((n) => {
-          let p = !1;
-          typeof n.data == "string" ? p = this.designer.loadFormJson(JSON.parse(n.data)) : n.data.constructor === Object && (p = this.designer.loadFormJson(n.data)), p && this.designer.emitHistoryChange(), this.$message.success(this.i18nt("designer.hint.loadFormTemplateSuccess"));
-        }).catch((n) => {
-          this.$message.error(
-            this.i18nt("designer.hint.loadFormTemplateFailed") + ":" + n
-          );
-        });
-      }).catch((n) => {
-        console.error(n);
-      });
-    }
-  }
-}, j = { class: "side-scroll-bar" }, G = { class: "panel-container" }, I = ["title", "onDblclick"], O = ["title", "onDblclick"], S = ["title", "onDblclick"], V = ["title", "onDblclick"];
-function J(e, n, p, z, o, s) {
-  const d = r("svg-icon"), h = r("draggable"), u = r("a-collapse-panel"), v = r("a-collapse"), k = r("a-tab-pane");
-  r("a-popover"), r("a-button"), r("a-card");
-  const f = r("a-tabs");
-  return F(), M("div", j, [
-    a("div", G, [
-      t(f, {
-        activeKey: o.firstTab,
-        "onUpdate:activeKey": n[1] || (n[1] = (i) => o.firstTab = i),
-        class: "no-bottom-margin indent-left-margin"
-      }, {
-        default: l(() => [
-          t(k, { key: "componentLib" }, {
-            tab: l(() => [
-              a("span", null, [
-                t(d, { "icon-class": "el-set-up" }),
-                m(" " + g(e.i18nt("designer.componentLib")), 1)
-              ])
-            ]),
-            default: l(() => [
-              t(v, {
-                activeKey: o.activeNames,
-                "onUpdate:activeKey": n[0] || (n[0] = (i) => o.activeNames = i),
-                class: "widget-collapse"
-              }, {
-                default: l(() => [
-                  t(u, {
-                    key: "containerTitle",
-                    header: e.i18nt("designer.containerTitle")
-                  }, {
-                    default: l(() => [
-                      t(h, {
-                        tag: "ul",
-                        list: o.containers,
-                        "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: !1 },
-                        clone: s.handleContainerWidgetClone,
-                        "ghost-class": "ghost",
-                        sort: !1,
-                        move: s.checkContainerMove,
-                        onEnd: s.onContainerDragEnd
-                      }, {
-                        item: l(({ element: i }) => [
-                          a("li", {
-                            class: "container-widget-item",
-                            title: i.displayName,
-                            onDblclick: (y) => s.addContainerByDbClick(i)
-                          }, [
-                            a("span", null, [
-                              t(d, {
-                                "icon-class": i.icon,
-                                "class-name": "color-svg-icon"
-                              }, null, 8, ["icon-class"]),
-                              m(" " + g(i.showName || e.i18n2t(
-                                `designer.widgetLabel.${i.type}`,
-                                `extension.widgetLabel.${i.type}`
-                              )), 1)
-                            ])
-                          ], 40, I)
-                        ]),
-                        _: 1
-                      }, 8, ["list", "clone", "move", "onEnd"])
-                    ]),
-                    _: 1
-                  }, 8, ["header"]),
-                  t(u, {
-                    key: "basicFieldTitle",
-                    header: e.i18nt("designer.basicFieldTitle")
-                  }, {
-                    default: l(() => [
-                      t(h, {
-                        tag: "ul",
-                        list: o.basicFields,
-                        "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: !1 },
-                        move: s.checkFieldMove,
-                        clone: s.handleFieldWidgetClone,
-                        "ghost-class": "ghost",
-                        sort: !1
-                      }, {
-                        item: l(({ element: i }) => [
-                          a("li", {
-                            class: "field-widget-item",
-                            title: i.displayName,
-                            onDblclick: (y) => s.addFieldByDbClick(i)
-                          }, [
-                            a("span", null, [
-                              t(d, {
-                                "icon-class": i.icon,
-                                "class-name": "color-svg-icon"
-                              }, null, 8, ["icon-class"]),
-                              m(" " + g(i.showName || e.i18n2t(
-                                `designer.widgetLabel.${i.type}`,
-                                `extension.widgetLabel.${i.type}`
-                              )), 1)
-                            ])
-                          ], 40, O)
-                        ]),
-                        _: 1
-                      }, 8, ["list", "move", "clone"])
-                    ]),
-                    _: 1
-                  }, 8, ["header"]),
-                  t(u, {
-                    key: "advancedFieldTitle",
-                    header: e.i18nt("designer.advancedFieldTitle")
-                  }, {
-                    default: l(() => [
-                      t(h, {
-                        tag: "ul",
-                        list: o.advancedFields,
-                        "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: !1 },
-                        move: s.checkFieldMove,
-                        clone: s.handleFieldWidgetClone,
-                        "ghost-class": "ghost",
-                        sort: !1
-                      }, {
-                        item: l(({ element: i }) => [
-                          a("li", {
-                            class: "field-widget-item",
-                            title: i.displayName,
-                            onDblclick: (y) => s.addFieldByDbClick(i)
-                          }, [
-                            a("span", null, [
-                              t(d, {
-                                "icon-class": i.icon,
-                                "class-name": "color-svg-icon"
-                              }, null, 8, ["icon-class"]),
-                              m(" " + g(i.showName || e.i18n2t(
-                                `designer.widgetLabel.${i.type}`,
-                                `extension.widgetLabel.${i.type}`
-                              )), 1)
-                            ])
-                          ], 40, S)
-                        ]),
-                        _: 1
-                      }, 8, ["list", "move", "clone"])
-                    ]),
-                    _: 1
-                  }, 8, ["header"]),
-                  b("", !0),
-                  o.customFields.length ? (F(), $(u, {
-                    key: "customFieldTitle",
-                    header: e.i18nt("designer.customFieldTitle")
-                  }, {
-                    default: l(() => [
-                      t(h, {
-                        tag: "ul",
-                        list: o.customFields,
-                        "item-key": "key",
-                        group: { name: "dragGroup", pull: "clone", put: !1 },
-                        move: s.checkFieldMove,
-                        clone: s.handleFieldWidgetClone,
-                        "ghost-class": "ghost",
-                        sort: !1
-                      }, {
-                        item: l(({ element: i }) => [
-                          a("li", {
-                            class: "field-widget-item",
-                            title: i.displayName,
-                            onDblclick: (y) => s.addFieldByDbClick(i)
-                          }, [
-                            a("span", null, [
-                              t(d, {
-                                "icon-class": i.icon,
-                                "class-name": "color-svg-icon"
-                              }, null, 8, ["icon-class"]),
-                              m(" " + g(e.i18n2t(
-                                `designer.widgetLabel.${i.type}`,
-                                `extension.widgetLabel.${i.type}`
-                              )), 1)
-                            ])
-                          ], 40, V)
-                        ]),
-                        _: 1
-                      }, 8, ["list", "move", "clone"])
-                    ]),
-                    _: 1
-                  }, 8, ["header"])) : b("", !0)
-                ]),
-                _: 1
-              }, 8, ["activeKey"])
-            ]),
-            _: 1
-          }),
-          b("", !0)
-        ]),
-        _: 1
-      }, 8, ["activeKey"])
-    ])
-  ]);
-}
-const ie = /* @__PURE__ */ E(K, [["render", J], ["__scopeId", "data-v-9380bfaa"]]);
-export {
-  ie as default
-};

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

@@ -1,25 +0,0 @@
-import { createElementBlock as s, openBlock as o, normalizeStyle as r, normalizeClass as n, renderSlot as a } from "vue";
-import c from "../../../_virtual/_plugin-vue_export-helper.js";
-const i = {
-  name: "container-item-wrapper",
-  props: {
-    widget: Object
-  },
-  computed: {
-    customClass() {
-      return this.widget.options.customClass ? this.widget.options.customClass.join(" ") : "";
-    }
-  }
-};
-function p(t, l, m, d, u, e) {
-  return o(), s("div", {
-    class: n(["container-wrapper", [e.customClass]]),
-    style: r(t.$attrs.containerStyle)
-  }, [
-    a(t.$slots, "default")
-  ], 6);
-}
-const _ = /* @__PURE__ */ c(i, [["render", p]]);
-export {
-  _ as default
-};

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

@@ -1,189 +0,0 @@
-import F from "./container-item-wrapper.vue.js";
-import I from "../../../utils/emitter.js";
-import z from "../../../utils/i18n.js";
-import T from "../../form-designer/form-widget/field-widget/index.js";
-import _ from "../refMixin.js";
-import k from "./containerItemMixin.js";
-import N from "../../../mixins/useDataTableMixin.js";
-import { resolveComponent as a, withDirectives as c, createBlock as r, openBlock as i, normalizeStyle as g, withCtx as l, createVNode as h, normalizeClass as w, createCommentVNode as d, createElementBlock as m, Fragment as u, renderList as p, mergeProps as O, createTextVNode as B, toDisplayString as D, vShow as f } from "vue";
-/* empty css                     */
-/* empty css                     */
-import L from "../../../_virtual/_plugin-vue_export-helper.js";
-const M = {
-  name: "DataTableItem",
-  componentName: "ContainerItem",
-  // 必须固定为ContainerItem，用于接收父级组件的broadcast事件
-  mixins: [I, z, _, k, N],
-  components: {
-    ContainerItemWrapper: F,
-    ...T
-  },
-  props: {
-    widget: Object,
-    parentWidget: Object,
-    parentList: Array,
-    indexOfParentList: Number,
-    subFormRowIndex: {
-      /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormColIndex: {
-      /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
-    },
-    subFormRowId: {
-      /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ""
-    }
-  },
-  inject: ["refList", "sfRefList", "globalModel", "getFormConfig", "getGlobalDsv"],
-  data() {
-    return {
-      // selectAllFlag: false,
-      // selectedIndices: [],
-      // selectedRows: []
-      // pageSize: this.widget.options.pagination.pageSize,
-      // pageSizes: this.widget.options.pagination.pageSizes,
-      // currentPage: this.widget.options.pagination.currentPage,
-      // total: this.widget.options.pagination.total,
-      // 是否跳过selectionChange事件
-      // skipSelectionChangeEvent: false
-    };
-  },
-  computed: {
-    formConfig() {
-      return this.getFormConfig();
-    }
-  },
-  created() {
-    this.initRefList(), this.handleOnCreated();
-  },
-  mounted() {
-    this.loadDataTableDataSource(), console.log(1, this.widget.options.tableColumns), this.$nextTick(() => {
-      this.handleOnMounted();
-    });
-  },
-  beforeUnmount() {
-    this.unregisterFromRefList();
-  },
-  methods: {
-    getDataTableRef() {
-      return this;
-    },
-    selectWidget(e) {
-      this.designer.setSelected(e);
-    },
-    handleOnCreated() {
-      this.widget.options.onCreated && new Function(this.widget.options.onCreated).call(this);
-    },
-    handleOnMounted() {
-      this.widget.options.onMounted && new Function(this.widget.options.onMounted).call(this);
-    },
-    // --------------------- 以下为组件支持外部调用的API方法 begin ------------------//
-    /* 提示：用户可自行扩充这些方法！！！ */
-    getTableColumns() {
-      return this.widget.options.tableColumns;
-    },
-    /**
-     * 获取选中行数据，格式为对象数组
-     * @returns {[]}
-     */
-    getSelectedRow() {
-      return this.selectedRows;
-    },
-    /**
-     * 获取选中行索引，格式为数组
-     * @returns {[]}
-     */
-    getSelectedIndex() {
-      return this.selectedIndices;
-    }
-    // --------------------- 以上为组件支持外部调用的API方法 end ------------------//
-  }
-};
-function x(e, v, o, W, P, j) {
-  const b = a("a-empty"), s = a("a-table-column"), C = a("a-button"), y = a("a-table"), R = a("container-item-wrapper");
-  return c((i(), r(R, {
-    style: g({ display: "flex", height: parseFloat(e.tableHeight || 0) + "px" }),
-    widget: o.widget
-  }, {
-    default: l(() => [
-      h(y, {
-        class: w(["tpf-table", [e.customClass]]),
-        ref: "dataTable2",
-        dataSource: o.widget.options.dataSource,
-        rowKey: (t) => t[o.widget.options.rowKey],
-        scroll: { y: parseFloat(e.tableHeight || 0), x: 300 },
-        size: e.widgetSize,
-        bordered: o.widget.options.border,
-        style: g({ width: o.widget.options.tableWidth }),
-        "row-class-name": e.rowClassName,
-        rowSelection: e.handleRowSelection(),
-        pagination: e.fmtPagination,
-        customRow: e.handleCustomRow,
-        rowClassName: e.rowClassName,
-        onChange: e.handleTablePageChange,
-        onResizeColumn: e.handleResizeColumn,
-        loading: e.loading
-      }, {
-        emptyText: l(() => [
-          h(b)
-        ]),
-        default: l(() => [
-          o.widget.options.showIndex ? (i(), r(s, {
-            key: 0,
-            title: "序号",
-            align: "left",
-            width: 80,
-            fixed: "left",
-            resizable: !0,
-            customRender: e.customRenderIndex
-          }, null, 8, ["customRender"])) : d("", !0),
-          (i(!0), m(u, null, p(o.widget.options.tableColumns, (t, n) => (i(), m(u, null, [
-            t.show !== !1 ? (i(), r(s, O({ key: n }, e.handleColumnItem(t), { showSorterTooltip: !1 }), null, 16)) : d("", !0)
-          ], 64))), 256)),
-          o.widget.options.showButtonsColumn ? (i(), r(s, {
-            key: 1,
-            fixed: "right",
-            "class-name": "data-table-buttons-column",
-            align: "center",
-            title: o.widget.options.buttonsColumnTitle,
-            width: o.widget.options.buttonsColumnWidth,
-            resizable: !0
-          }, {
-            default: l((t) => [
-              (i(!0), m(u, null, p(o.widget.options.operationButtons, (n, S) => c((i(), r(C, {
-                key: S,
-                type: n.type,
-                size: n.size,
-                shape: n.shape,
-                disabled: e.disableOperationButton(n, t.index, t.record),
-                onClick: (H) => e.handleOperationButtonClick(n.name, t.index, t.record, t, n),
-                class: w(["data-table-" + n.name + "-button"])
-              }, {
-                default: l(() => [
-                  B(D(e.getOperationButtonLabel(n, t.index, t.record)), 1)
-                ]),
-                _: 2
-              }, 1032, ["type", "size", "shape", "disabled", "onClick", "class"])), [
-                [f, e.showOperationButton(n, t.index, t.record)]
-              ])), 128))
-            ]),
-            _: 1
-          }, 8, ["title", "width"])) : d("", !0)
-        ]),
-        _: 1
-      }, 8, ["dataSource", "rowKey", "scroll", "class", "size", "bordered", "style", "row-class-name", "rowSelection", "pagination", "customRow", "rowClassName", "onChange", "onResizeColumn", "loading"])
-    ]),
-    _: 1
-  }, 8, ["style", "widget"])), [
-    [f, !e.handleHidden()]
-  ]);
-}
-const Z = /* @__PURE__ */ L(M, [["render", x], ["__scopeId", "data-v-18b7a48a"]]);
-export {
-  Z as default
-};