yxuse 3.0.60 → 3.0.62

package/lib/index.es6.js

@@ -1,11 +1,11 @@
-import { defineComponent, reactive, resolveComponent, createBlock, openBlock, createSlots, withCtx, renderSlot, createElementVNode, createVNode, createTextVNode, watch, resolveDynamicComponent, mergeProps, createElementBlock, createCommentVNode, Fragment, renderList, useSlots, useAttrs, ref, onMounted, nextTick, onBeforeMount, withModifiers, isVNode, onUnmounted, toDisplayString, unref, normalizeStyle, normalizeClass, version, createApp } from "vue";
+import { defineComponent, reactive, resolveComponent, createBlock, openBlock, createSlots, withCtx, renderSlot, createElementVNode, createVNode, createTextVNode, useSlots, useAttrs, ref, onMounted, nextTick, watch, onBeforeMount, resolveDynamicComponent, Fragment, mergeProps, withModifiers, isVNode, createElementBlock, onUnmounted, toDisplayString, renderList, unref, normalizeStyle, normalizeClass, createCommentVNode, version, createApp } from "vue";
 import { S as Sortable, _ as _export_sfc, T as Toolbar } from "./index.es5.js";
 import { genFileId } from "element-plus";
 import { j as jumpToHome, b as getUserConfig } from "./index.es12.js";
 import "element-plus/es/components/message/style/index";
 import { u as uploadResourceApi } from "./index.es13.js";
 const _hoisted_1$4 = { class: "dialog-footer flex justify-end" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const dialogOptions = reactive({
@@ -98,7 +98,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$3 = { class: "dialog-footer flex justify-end" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const drawerOptions = reactive({
@@ -190,51 +190,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    conf: {},
-    model: {}
-  },
-  emits: ["change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    watch(
-      () => {
-        var _a;
-        return props.model[(_a = props.conf) == null ? void 0 : _a.prop];
-      },
-      () => {
-        emit("change", props.model);
-      }
-    );
-    return (_ctx, _cache) => {
-      var _a, _b, _c;
-      return openBlock(), createBlock(resolveDynamicComponent(`el-${(_a = _ctx.conf) == null ? void 0 : _a.renderType}`), mergeProps({
-        modelValue: _ctx.model[(_b = _ctx.conf) == null ? void 0 : _b.prop],
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => {
-          var _a2;
-          return _ctx.model[(_a2 = _ctx.conf) == null ? void 0 : _a2.prop] = $event;
-        })
-      }, (_c = _ctx.conf) == null ? void 0 : _c.config), {
-        default: withCtx(() => {
-          var _a2, _b2;
-          return [
-            _ctx.conf.renderType === "select" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(((_b2 = (_a2 = _ctx.conf) == null ? void 0 : _a2.config) == null ? void 0 : _b2.options) ?? [], (op) => {
-              return openBlock(), createBlock(resolveDynamicComponent(`el-option`), {
-                key: op.value,
-                label: op.label,
-                value: op.value
-              }, null, 8, ["label", "value"]);
-            }), 128)) : createCommentVNode("", true)
-          ];
-        }),
-        _: 1
-      }, 16, ["modelValue"]);
-    };
-  }
-});
 /*! xlsx.js (C) 2013-present SheetJS -- http://sheetjs.com */
 var XLSX = {};
 XLSX.version = "0.18.5";
@@ -20411,7 +20366,8 @@ function _isSlot$1(s) {
 }
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
-    name: "YxTable"
+    name: "YxTable",
+    inheritAttrs: false
   },
   __name: "index",
   props: {
@@ -20435,7 +20391,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const attrs = useAttrs();
     const tableRef = ref();
+    const tableFormRef = ref();
     const columns = ref([]);
+    const isFormTable = ref(false);
+    const formTableRules = ref({});
     const emit = __emit;
     onMounted(() => {
       nextTick(() => {
@@ -20451,12 +20410,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const initTable = async () => {
       columns.value = typeof props.columns === "function" ? await props.columns() : props.columns;
       columns.value.forEach((col) => {
-        var _a;
+        var _a, _b;
         if (!col.renderType) return;
         if (["select", "cascader"].includes(col.renderType) && ((_a = col == null ? void 0 : col.config) == null ? void 0 : _a.loadOptions)) {
           loadOptions(col.config);
         }
+        if (col.required || ((_b = col.rules) == null ? void 0 : _b.length)) {
+          isFormTable.value = true;
+        }
       });
+      if (isFormTable.value) {
+        getRules();
+      }
     };
     const loadOptions = async (config) => {
       if ((config == null ? void 0 : config.options) && (config == null ? void 0 : config.options.length) === 0 && (config == null ? void 0 : config.loadOptions) && typeof (config == null ? void 0 : config.loadOptions) === "function") {
@@ -20480,8 +20445,110 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         }
       });
     };
-    const render2 = (props2) => {
+    const dynamicComponent = (column, {
+      $index,
+      row
+    }) => {
       let _slot;
+      const {
+        renderType,
+        event = {},
+        prop,
+        label,
+        config = {},
+        required,
+        rules
+      } = column;
+      if (!prop || !renderType) return null;
+      const Component = resolveComponent("el-" + renderType);
+      const {
+        options = [],
+        ...restConfig
+      } = config;
+      const renderChildComponent = () => {
+        if (!options || options.length === 0) return null;
+        if (renderType === "select") {
+          return options.map((item) => createVNode(resolveComponent("el-option"), {
+            "label": item.label,
+            "value": item.value,
+            "key": item.value
+          }, null));
+        }
+        if (renderType === "radio-group") {
+          return options.map((item) => createVNode(resolveComponent("el-radio"), {
+            "label": item.value,
+            "key": item.value
+          }, {
+            default: () => [item.label]
+          }));
+        }
+        return null;
+      };
+      if (renderType === "cascader") {
+        return createVNode(resolveComponent("el-cascader"), mergeProps({
+          "modelValue": row[prop],
+          "onUpdate:modelValue": ($event) => row[prop] = $event,
+          "placeholder": `请选择${label}`,
+          "options": options
+        }, event, restConfig), null);
+      }
+      const isSelect = ["select", "cascader"].includes(renderType);
+      const isFormCell = required || (rules == null ? void 0 : rules.length);
+      const modelValue = row[prop];
+      const updateModelValue = (val) => {
+        row[prop] = (config == null ? void 0 : config.type) === "number" ? Number(val) : val;
+      };
+      const component = createVNode(Component, mergeProps({
+        "modelValue": modelValue,
+        "onUpdate:modelValue": updateModelValue,
+        "placeholder": `请${isSelect ? "选择" : "输入"}${label}`
+      }, event, restConfig), _isSlot$1(_slot = renderChildComponent()) ? _slot : {
+        default: () => [_slot]
+      });
+      if (!isFormCell) return component;
+      return renderForm(prop, $index, component);
+    };
+    const renderForm = (prop, index2, component) => {
+      return createVNode(resolveComponent("el-form-item"), {
+        "prop": "tableData." + index2 + "." + prop,
+        "label": " ",
+        "rules": formTableRules.value[prop]
+      }, _isSlot$1(component) ? component : {
+        default: () => [component]
+      });
+    };
+    const getRules = () => {
+      const rules = {};
+      if (!isFormTable.value) return;
+      const handleRule = (item) => {
+        if (!item.prop) return;
+        const isSelect = (item == null ? void 0 : item.renderType) && ["select", "cascader"].includes(item == null ? void 0 : item.renderType);
+        const defaultRule = {
+          required: true,
+          message: `${item.label ?? "该字段"}不能为空`,
+          trigger: isSelect ? "change" : "blur"
+        };
+        if (item.required) {
+          rules[item.prop] = [defaultRule];
+        }
+        if (item.rules && item.rules.length > 0) {
+          rules[item.prop] = [...rules[item == null ? void 0 : item.prop] || [], ...item.rules];
+        }
+      };
+      columns.value.filter((cell) => ((cell == null ? void 0 : cell.renderType) || (cell == null ? void 0 : cell.render)) && ((cell == null ? void 0 : cell.required) || (cell == null ? void 0 : cell.rules))).forEach((form) => {
+        var _a;
+        (_a = form.children) == null ? void 0 : _a.forEach(handleRule);
+        handleRule(form);
+      });
+      formTableRules.value = rules;
+    };
+    const tableFormValidate = async () => {
+      if (!isFormTable.value) return Promise.resolve(true);
+      if (!tableFormRef.value) return Promise.resolve(false);
+      return await tableFormRef.value.validate(() => Promise.resolve());
+    };
+    const render2 = (props2) => {
+      let _slot2;
       const {
         rowKey,
         tableData,
@@ -20501,18 +20568,17 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             default: (scope) => {
               if ((cell == null ? void 0 : cell.renderType) === "operate") return renderOperate(cell, scope);
               if ((cell == null ? void 0 : cell.renderType) && (cell == null ? void 0 : cell.renderType) !== "operate") {
-                const conf = {
-                  renderType: cell.renderType,
-                  prop: cell.prop,
-                  config: cell.config
-                };
-                return createVNode(_sfc_main$6, {
-                  "conf": conf,
-                  "model": scope.row,
-                  "onChange": cell == null ? void 0 : cell.change
-                }, null);
+                return dynamicComponent(cell, scope);
+              }
+              if (cell == null ? void 0 : cell.render) {
+                const renderResult = cell.render(scope.row, scope.$index, cell);
+                const needsValidation = cell.required || cell.rules;
+                const isFragment = typeof (renderResult == null ? void 0 : renderResult.type) === "symbol";
+                if (needsValidation && isFragment) {
+                  return renderForm(cell.prop, scope.$index, renderResult);
+                }
+                return renderResult;
               }
-              if (cell == null ? void 0 : cell.render) return cell == null ? void 0 : cell.render(scope.row);
               if (children && (children == null ? void 0 : children.length) > 0) return renderColumn(children);
               return (cell == null ? void 0 : cell.slotName) && columnSlots(cell, scope);
             },
@@ -20565,14 +20631,23 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         }, null)]);
       };
       if (!columns.value) return;
-      return createVNode(Fragment, null, [createVNode(resolveComponent("el-table"), mergeProps({
-        "ref": tableRef
-      }, attrs, {
-        "row-key": rowKey,
-        "data": tableData
-      }), _isSlot$1(_slot = renderColumn(columns.value)) ? _slot : {
-        default: () => [_slot]
-      }), pagination()]);
+      return createVNode(Fragment, null, [isFormTable.value ? createVNode(resolveComponent("el-form"), {
+        "model": props2,
+        "ref": tableFormRef
+      }, _isSlot$1(_slot2 = renderTable()) ? _slot2 : {
+        default: () => [_slot2]
+      }) : renderTable(), pagination()]);
+      function renderTable() {
+        let _slot3;
+        return createVNode(resolveComponent("el-table"), mergeProps({
+          "ref": tableRef
+        }, attrs, {
+          "row-key": rowKey,
+          "data": tableData
+        }), _isSlot$1(_slot3 = renderColumn(columns.value)) ? _slot3 : {
+          default: () => [_slot3]
+        });
+      }
     };
     const exportDataToExcel = (fileName) => {
       const header = columns.value.filter((cell) => cell.prop);
@@ -20590,7 +20665,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     __expose({
       tableRef,
       exportDataToExcel,
-      updateColumns
+      updateColumns,
+      tableFormValidate
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(render2(props)));
@@ -20952,7 +21028,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-99f2b938"]]);
+const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-8f175b2c"]]);
 let versionKey, curVersion, updateApp;
 const updateSysVersion = () => {
   localStorage.setItem(versionKey, curVersion);
@@ -21222,8 +21298,8 @@ const components2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
   LogoTitleRender,
   Toolbar,
   Update,
-  YxDialog: _sfc_main$8,
-  YxDrawer: _sfc_main$7,
+  YxDialog: _sfc_main$7,
+  YxDrawer: _sfc_main$6,
   YxForm: index$1,
   YxIcon: index,
   YxTable: _sfc_main$5,
@@ -21232,8 +21308,8 @@ const components2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
 export {
   LogoTitleRender as L,
   Update as U,
-  _sfc_main$8 as _,
-  _sfc_main$7 as a,
+  _sfc_main$7 as _,
+  _sfc_main$6 as a,
   _sfc_main$5 as b,
   components2 as c,
   index as d,