@ctzy-web-client/plugin-component-vue 1.0.0 → 1.0.1

package/lib/application-slot/header-tools-item.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var applicationSlot = require('./application-slot.js');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaHeaderToolsItem"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  setup(__props) {
+    ;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(applicationSlot["default"]), { type: "headerToolItem" }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+var HeaderToolsItem = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "header-tools-item.vue"]]);
+
+exports["default"] = HeaderToolsItem;

package/lib/application-slot/index.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var install = require('element-plus/es/utils/vue/install');
+var applicationSlot = require('./application-slot.js');
+var breadcrumbItem = require('./breadcrumb-item.js');
+var headerToolsItem = require('./header-tools-item.js');
+
+applicationSlot["default"].install = (app) => {
+  applicationSlot["default"]._context = app._context;
+  app.component(applicationSlot["default"].name, applicationSlot["default"]);
+  app.component(breadcrumbItem["default"].name, breadcrumbItem["default"]);
+  app.component(headerToolsItem["default"].name, headerToolsItem["default"]);
+};
+const BwaApplicationSlot = applicationSlot["default"];
+const BwaBreadcrumbItem = install.withInstall(breadcrumbItem["default"]);
+const BwaHeaderToolsItem = install.withInstall(headerToolsItem["default"]);
+
+exports.BwaApplicationSlot = BwaApplicationSlot;
+exports.BwaBreadcrumbItem = BwaBreadcrumbItem;
+exports.BwaHeaderToolsItem = BwaHeaderToolsItem;
+exports["default"] = BwaApplicationSlot;

package/lib/breadcrumb-select/breadcrumb-select.js

@@ -0,0 +1,159 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var ElementPlus = require('element-plus');
+var webBaseClientVue = require('web-base-client-vue');
+var index = require('../advance-select/index.js');
+var advanceOperation = require('../advance-select/advance-operation.js');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
+
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("i", { class: "ptp-caozuo-chakan ptp-icon" }, null, -1);
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("i", { class: "ptp-caozuo-chakan ptp-icon" }, null, -1);
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("i", { class: "ptp-qiehuan ptp-icon" }, null, -1);
+const __default__ = vue.defineComponent({ name: "BwaBreadcrumbSelect" });
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    defaultLabel: {
+      type: String,
+      default: "\u8BF7\u9009\u62E9"
+    },
+    recentEmptyDesc: {
+      type: String,
+      default: "\u6700\u8FD1\u8BBF\u95EE\u9879\u76EE"
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "\u9879\u76EE\u540D\u79F0"
+    },
+    allDesc: {
+      type: String,
+      default: "\u5168\u90E8\u9879\u76EE"
+    },
+    allMine: {
+      type: String,
+      default: "\u6211\u7684\u9879\u76EE"
+    },
+    saveDesc: {
+      type: String,
+      default: "\u65B0\u589E\u9879\u76EE"
+    },
+    showSave: {
+      type: Boolean,
+      default: true
+    },
+    showMine: {
+      type: Boolean,
+      default: false
+    },
+    showAll: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["all", "mine", "save"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const ns = webBaseClientVue.useNamespace("breadcrumb");
+    return (_ctx, _cache) => {
+      const _component_CirclePlus = vue.resolveComponent("CirclePlus");
+      const _component_ArrowDown = vue.resolveComponent("ArrowDown");
+      return vue.openBlock(), vue.createBlock(vue.unref(index.BwaAdvanceSelect), vue.mergeProps(vue.unref(attrs), {
+        showSelection: false,
+        "search-placeholder": __props.searchPlaceholder,
+        multiple: false
+      }), vue.createSlots({
+        contentBottom: vue.withCtx(() => [
+          __props.showAll ? (vue.openBlock(), vue.createBlock(advanceOperation["default"], {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).be("item", "opt")),
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("all"))
+          }, {
+            default: vue.withCtx(() => [
+              _hoisted_1,
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(vue.unref(ns).be("item", "opt-label"))
+              }, vue.toDisplayString(__props.allDesc), 3)
+            ]),
+            _: 1
+          }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+          __props.showMine ? (vue.openBlock(), vue.createBlock(advanceOperation["default"], {
+            key: 1,
+            class: vue.normalizeClass(vue.unref(ns).be("item", "opt")),
+            onClick: _cache[1] || (_cache[1] = ($event) => emit("mine"))
+          }, {
+            default: vue.withCtx(() => [
+              _hoisted_2,
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(vue.unref(ns).be("item", "opt-label"))
+              }, vue.toDisplayString(__props.allMine), 3)
+            ]),
+            _: 1
+          }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+          __props.showSave ? (vue.openBlock(), vue.createBlock(advanceOperation["default"], {
+            key: 2,
+            class: vue.normalizeClass(vue.unref(ns).be("item", "opt")),
+            onClick: _cache[2] || (_cache[2] = ($event) => emit("save"))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(ElementPlus.ElIcon), null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_CirclePlus)
+                ]),
+                _: 1
+              }),
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(vue.unref(ns).be("item", "opt-label"))
+              }, vue.toDisplayString(__props.saveDesc), 3)
+            ]),
+            _: 1
+          }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+        ]),
+        reference: vue.withCtx(({ label }) => [
+          vue.createVNode(vue.unref(ElementPlus.ElButton), {
+            class: vue.normalizeClass(vue.unref(ns).be("item", "dropdown"))
+          }, {
+            default: vue.withCtx(() => [
+              _hoisted_3,
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(vue.unref(ns).be("item", "content"))
+              }, vue.toDisplayString(label || __props.defaultLabel), 3),
+              vue.createVNode(vue.unref(ElementPlus.ElIcon), null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_ArrowDown)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 2
+          }, 1032, ["class"])
+        ]),
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        __props.recentEmptyDesc ? {
+          name: "contentTop",
+          fn: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).be("item", "top"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "recent", {}, () => [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(ns).be("item", "top-empty"))
+                }, vue.toDisplayString(__props.recentEmptyDesc), 3)
+              ])
+            ], 2)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["search-placeholder"]);
+    };
+  }
+});
+var BreadcrumbSelect = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "breadcrumb-select.vue"]]);
+
+exports["default"] = BreadcrumbSelect;

package/lib/breadcrumb-select/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var install = require('element-plus/es/utils/vue/install');
+var breadcrumbSelect = require('./breadcrumb-select.js');
+
+const BwaBreadcrumbSelect = install.withInstall(breadcrumbSelect["default"]);
+
+exports.BwaBreadcrumbSelect = BwaBreadcrumbSelect;
+exports["default"] = BwaBreadcrumbSelect;

package/lib/components.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index = require('./data-form/index.js');
+var index$1 = require('./data-table/index.js');
+var index$2 = require('./filter-panel/index.js');
+var index$3 = require('./advance-select/index.js');
+var index$4 = require('./date-range/index.js');
+var index$6 = require('./application-slot/index.js');
+var index$7 = require('./layout/index.js');
+var index$8 = require('./menu/index.js');
+var index$9 = require('./panel/index.js');
+var index$a = require('./panel-tabs/index.js');
+var index$b = require('./breadcrumb-select/index.js');
+var index$c = require('./datatable-settings/index.js');
+var index$d = require('./drag-list/index.js');
+var index$e = require('./progress/index.js');
+var index$f = require('./dragable/index.js');
+var index$g = require('./pct-filter-panel/index.js');
+var index$h = require('./pct-filter-panel/pct-compents/index.js');
+var index$5 = require('./filter-panel/conditions/index.js');
+
+var components = [index.BwaDataForm, index$1.BwaDataTable, index$2.BwaFilterPanel, index$3.BwaAdvanceSelect, index$4.BwaDateRange, index$5.BwaCondition, index$6.BwaApplicationSlot, index$7.BwaLayout, index$8.BwaMenu, index$9.BwaPanel, index$a.BwaPanelTab, index$b.BwaBreadcrumbSelect, index$c.BwaDataTableSetting, index$d.BwaDraglist, index$e.BwaProgress, index$f.BwaDragable, index$g.BwaPctFilterPanel, index$h.BwaPctMultipleMenuCondition, index$h.BwaPctInputCondition, index$h.BwaPctDateRangeCondition];
+
+exports["default"] = components;

package/lib/contextmenu/contextmenu-item.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var webBaseClientVue = require('web-base-client-vue');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({ name: "BwaContextmenuItem" });
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  setup(__props) {
+    ;
+    const ns = webBaseClientVue.useNamespace("contextmenu-item");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b())
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+var contextmenuItem = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "contextmenu-item.vue"]]);
+
+exports["default"] = contextmenuItem;

package/lib/contextmenu/contextmenu.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var ElementPlus = require('element-plus');
+var webBaseClientVue = require('web-base-client-vue');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
+
+const _hoisted_1 = ["onClick"];
+const __default__ = vue.defineComponent({ name: "BwaContextmenu" });
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    menus: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["select"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = webBaseClientVue.useNamespace("contextmenu");
+    const scrollbarRef = vue.ref(null);
+    const clickHandle = (item) => {
+      emit("select", item);
+    };
+    vue.onMounted(() => {
+      vue.watch(
+        vue.computed(() => props.visible),
+        (visible) => {
+          if (!visible) {
+            return;
+          }
+          vue.unref(scrollbarRef).scrollTo(0, 0);
+        }
+      );
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b())
+      }, [
+        vue.createVNode(vue.unref(ElementPlus.ElScrollbar), {
+          "max-height": "400px",
+          ref_key: "scrollbarRef",
+          ref: scrollbarRef
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.menus, (menu) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                onClick: ($event) => clickHandle(menu),
+                key: menu.id,
+                class: vue.normalizeClass(vue.unref(ns).b("item"))
+              }, vue.toDisplayString(menu.label), 11, _hoisted_1);
+            }), 128))
+          ]),
+          _: 1
+        }, 512)
+      ], 2);
+    };
+  }
+});
+var Contextmenu = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "contextmenu.vue"]]);
+
+exports["default"] = Contextmenu;

package/lib/contextmenu/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var contextmenu = require('./contextmenu.js');
+var useContextmenu = require('./use-contextmenu.js');
+
+contextmenu["default"].install = (app) => {
+  contextmenu["default"]._context = app._context;
+  app.component(contextmenu["default"].name, contextmenu["default"]);
+};
+const BwaContextmenu = contextmenu["default"];
+
+exports.useContextmenu = useContextmenu.useContextmenu;
+exports.BwaContextmenu = BwaContextmenu;
+exports["default"] = BwaContextmenu;

package/lib/contextmenu/use-contextmenu.js

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../node_modules/.pnpm/@vueuse_core@9.6.0_vue@3.2.41/node_modules/@vueuse/core/index.js');
+var webBaseClientVue = require('web-base-client-vue');
+var contextmenu = require('./contextmenu.js');
+
+function useContextmenu({
+  menus = []
+} = {}) {
+  const ns = webBaseClientVue.useNamespace("contextmenu");
+  menus = vue.ref([...menus]);
+  let el = document.createElement("div");
+  const contextmenuWrapper = vue.ref(null);
+  const visible = vue.ref(false);
+  const bounding = vue.ref(null);
+  const position = vue.reactive({
+    x: 0,
+    y: 0
+  });
+  const windowSize = index.useWindowSize();
+  let resolve = null;
+  const contextmenuInstance = vue.createApp({
+    setup() {
+      vue.onMounted(() => {
+        bounding.value = index.useElementBounding(contextmenuWrapper);
+      });
+      return () => vue.withDirectives(vue.h("div", {
+        class: ns.e("wrapper"),
+        ref: contextmenuWrapper,
+        tabIndex: -1,
+        style: {
+          left: position.x + "px",
+          top: position.y + "px"
+        },
+        onContextmenu(e) {
+          e.preventDefault();
+          e.stopPropagation();
+        },
+        onBlur() {
+          resolve == null ? void 0 : resolve(null);
+          visible.value = false;
+        }
+      }, [vue.h(contextmenu["default"], {
+        menus: vue.unref(menus),
+        visible: vue.unref(visible),
+        onSelect(item) {
+          resolve == null ? void 0 : resolve(item);
+          visible.value = false;
+        }
+      })]), [[vue.vShow, vue.unref(visible)]]);
+    }
+  });
+  const showContextmenu = async (x, y) => {
+    if (!Array.isArray(vue.unref(menus)) || !vue.unref(menus).length) {
+      return null;
+    }
+    visible.value = true;
+    let promise = new Promise((_resolve) => {
+      resolve = _resolve;
+    });
+    await vue.nextTick();
+    position.x = x;
+    position.y = y;
+    if (windowSize.height.value - position.y < bounding.value.height) {
+      position.y = windowSize.height.value - bounding.value.height;
+    }
+    if (windowSize.width.value - position.x < bounding.value.width) {
+      position.x = windowSize.width.value - bounding.value.width;
+    }
+    contextmenuWrapper.value.focus();
+    return promise;
+  };
+  vue.onMounted(() => {
+    contextmenuInstance.mount(el);
+    document.body.appendChild(el);
+  });
+  vue.onBeforeUnmount(() => {
+    document.body.removeChild(el);
+    contextmenuInstance.unmount();
+  });
+  return {
+    showContextmenu
+  };
+}
+
+exports.useContextmenu = useContextmenu;

package/lib/data-form/data-form-item.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var ElementPlus = require('element-plus');
+var webBaseClientVue = require('web-base-client-vue');
+var dynamicComponent = require('./dynamic-component.js');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({ name: "BwaDataFormItem" });
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    name: { type: String },
+    isShowLabelColon: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const dataForm = vue.inject(webBaseClientVue.dataFormKey);
+    const formContext = vue.inject(ElementPlus.formContextKey, {});
+    const formColumn = dataForm.getDisplayColumns().find((col) => col.fullAttrName == props.name);
+    const label = vue.computed(() => {
+      return attrs.label || (formColumn ? formColumn.title + (props.isShowLabelColon ? " :" : "") : "");
+    });
+    const _formContext = {};
+    _formContext.disabled = vue.computed(
+      () => formContext.disabled || (formColumn == null ? void 0 : formColumn.disabled)
+    );
+    Reflect.setPrototypeOf(_formContext, formContext);
+    vue.provide(ElementPlus.formContextKey, vue.reactive(_formContext));
+    return (_ctx, _cache) => {
+      return vue.unref(formColumn) && vue.unref(formColumn).visible ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElFormItem), vue.mergeProps({ key: 0 }, vue.unref(attrs), {
+        label: vue.unref(label),
+        class: { custom: !_ctx.$slots.default },
+        prop: vue.unref(formColumn).fullAttrName
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {
+            column: vue.unref(formColumn),
+            record: vue.unref(dataForm).data,
+            dataForm: vue.unref(dataForm)
+          }, () => [
+            vue.createVNode(vue.unref(dynamicComponent["default"]), {
+              column: vue.unref(formColumn),
+              record: vue.unref(dataForm).data
+            }, null, 8, ["column", "record"])
+          ])
+        ]),
+        _: 3
+      }, 16, ["label", "class", "prop"])) : vue.createCommentVNode("v-if", true);
+    };
+  }
+});
+var DataFormItem = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "data-form-item.vue"]]);
+
+exports["default"] = DataFormItem;

package/lib/data-form/data-form.js

@@ -0,0 +1,179 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var ElementPlus = require('element-plus');
+var webBaseClientVue = require('web-base-client-vue');
+var lodash = require('lodash');
+var dataFormItem = require('./data-form-item.js');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({ name: "BwaDataForm" });
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    dataForm: {
+      type: Object
+    },
+    autoLoad: {
+      type: Boolean,
+      default: true
+    },
+    record: {
+      type: Object
+    },
+    recID: {
+      type: String
+    },
+    labelPosition: {
+      type: String
+    },
+    labelWidth: {
+      type: String,
+      default: ""
+    },
+    rules: {
+      type: Object,
+      default: () => ({})
+    },
+    validateOnRuleChange: {
+      type: Boolean,
+      default: false
+    },
+    isShowLabelColon: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props, { expose }) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const dataForm = props.dataForm;
+    const dataFormElRef = vue.ref();
+    const rules = vue.computed(() => {
+      let data = {};
+      dataForm.getDisplayColumns().forEach((item) => {
+        data[item.fullAttrName] = (item.required ? [{ required: true, message: item.title + "\u5FC5\u586B!" }] : []).concat(item.rules);
+      });
+      return lodash.mergeWith(
+        {},
+        data,
+        props.rules,
+        function customizer(objValue, srcValue) {
+          if (lodash.isArray(objValue)) {
+            return objValue.concat(srcValue);
+          }
+        }
+      );
+    });
+    const computedLabelWidth = vue.computed(() => {
+      if (props.labelWidth) {
+        return props.labelWidth;
+      }
+      let labelWidth = 0;
+      if (props.labelPosition != "top") {
+        let maxLabelCharCount = 0;
+        dataForm.getDisplayColumns().forEach((item) => {
+          maxLabelCharCount = Math.max(
+            maxLabelCharCount,
+            item.title.length + (item.required ? 1 : 0)
+          );
+        });
+        labelWidth = (maxLabelCharCount + 1) * 18;
+      }
+      return labelWidth + "px";
+    });
+    if (props.autoLoad) {
+      vue.watch(
+        vue.computed(() => props.record),
+        async () => {
+          if (props.recID) {
+            try {
+              await dataForm.loadDataByRecId(props.recID);
+            } catch (e) {
+              console.error(e);
+              ElementPlus.ElMessage.error("\u83B7\u53D6\u8BB0\u5F55\u5931\u8D25\u3002");
+            }
+            return;
+          }
+          if (props.record) {
+            dataForm.setData(props.record);
+            return;
+          }
+          dataForm.setData();
+        },
+        { immediate: true }
+      );
+    }
+    vue.provide(webBaseClientVue.dataFormKey, dataForm);
+    const validate = (callback) => {
+      return dataFormElRef.value.validate(callback);
+    };
+    window.dataFormElRef = dataFormElRef;
+    window.aaavvv = validate;
+    const submit = (data) => {
+      return validate().then(() => {
+        dataForm.submit(data).then(() => {
+          ElementPlus.ElMessage.info("\u4FDD\u5B58\u6210\u529F!");
+        }).catch((e) => ElementPlus.ElMessage.error(e.message));
+      }).catch((result) => {
+        console.log(result);
+      });
+    };
+    vue.onMounted(() => {
+      vue.unref(dataForm).formValivators.push(vue.unref(dataFormElRef));
+    });
+    vue.onBeforeUnmount(() => {
+      const _dataFormEl = vue.unref(dataFormElRef);
+      vue.unref(dataForm).formValivators = vue.unref(dataForm).formValivators.filter(
+        (validate2) => validate2 !== _dataFormEl
+      );
+    });
+    expose({
+      dataForm,
+      dataFormElRef,
+      validate,
+      submit,
+      rules,
+      computedLabelWidth
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElForm), vue.mergeProps({
+        ref_key: "dataFormElRef",
+        ref: dataFormElRef
+      }, vue.unref(attrs), {
+        model: vue.unref(dataForm).data,
+        "label-position": __props.labelPosition,
+        "label-width": vue.unref(computedLabelWidth),
+        rules: vue.unref(rules),
+        "validate-on-rule-change": __props.validateOnRuleChange,
+        disabled: vue.unref(dataForm).disabled
+      }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", { dataForm: vue.unref(dataForm) }, () => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(dataForm).getDisplayColumns(), (column) => {
+              return vue.openBlock(), vue.createBlock(dataFormItem["default"], {
+                key: column.fullAttrName,
+                name: column.fullAttrName,
+                isShowLabelColon: __props.isShowLabelColon
+              }, {
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "form-item-" + column.fullAttrName, {
+                    column,
+                    record: vue.unref(dataForm).data,
+                    dataForm: vue.unref(dataForm)
+                  })
+                ]),
+                _: 2
+              }, 1032, ["name", "isShowLabelColon"]);
+            }), 128))
+          ])
+        ]),
+        _: 3
+      }, 16, ["model", "label-position", "label-width", "rules", "validate-on-rule-change", "disabled"]);
+    };
+  }
+});
+var DataForm = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "data-form.vue"]]);
+
+exports["default"] = DataForm;