yxuse 3.0.91 → 3.0.92

package/lib/index.es5.js

@@ -9,28 +9,37 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var _elId;
 import { b as getCommentUntreatedCount, c as getUserThemeList } from "./index.es4.js";
-import { ref, defineComponent, onBeforeMount, onMounted, nextTick, watch, createVNode, withModifiers, resolveComponent, mergeProps, isVNode, createElementBlock, openBlock, createStaticVNode, createElementVNode, withDirectives, toDisplayString, vShow, createBlock, Transition, withCtx, normalizeClass, createCommentVNode, normalizeStyle, Fragment, renderList, resolveDynamicComponent, useCssVars, version, createApp } from "vue";
-import "xlsx";
+import { defineComponent, useSlots, useAttrs, ref, onMounted, nextTick, watch, onBeforeMount, createBlock, openBlock, resolveDynamicComponent, createVNode, Fragment, resolveComponent, mergeProps, withDirectives, withModifiers, isVNode, h, createApp, reactive, createElementBlock, createElementVNode, createTextVNode, unref, getCurrentInstance, onUnmounted, createStaticVNode, toDisplayString, vShow, Transition, withCtx, normalizeClass, createCommentVNode, normalizeStyle, renderList, useCssVars, version, onActivated, onDeactivated, renderSlot } from "vue";
+import * as XLSX from "xlsx";
 import "./vendor-file-saver.es.js";
 import "xlsx-js-style";
 import { S as Sortable } from "./vendor-sortablejs.es.js";
-import "element-plus";
-import { e as changeSystemConfig, f as getSystemConfig, a as http, B as BC_LANG_NAME, i as BC_THEME_NAME, k as setSystemConfig } from "./index.es12.js";
-import { i as isColorEqual } from "./index.es13.js";
-import { y as yxSubscribe } from "./index.es14.js";
+import ElementPlus, { ElMessageBox, ElDialog, ElButton, ElMessage, ElIcon, ElDropdown, ElDropdownMenu, ElDropdownItem, ElPopover, ElCheckbox, ElScrollbar, ElCheckboxGroup, ElTooltip, ElDivider } from "element-plus";
+import "element-plus/es/components/divider/style/index";
+import "element-plus/es/components/tooltip/style/index";
+import "element-plus/es/components/dropdown/style/index";
+import "element-plus/es/components/dropdown-menu/style/index";
+import "element-plus/es/components/dropdown-item/style/index";
+import "element-plus/es/components/icon/style/index";
+import "element-plus/es/components/popover/style/index";
+import "element-plus/es/components/scrollbar/style/index";
+import "element-plus/es/components/checkbox-group/style/index";
+import "element-plus/es/components/checkbox/style/index";
+import "element-plus/es/components/button/style/index";
+import { e as changeSystemConfig, f as getSystemConfig, a as http, B as BC_LANG_NAME, i as BC_THEME_NAME, k as setSystemConfig } from "./index.es11.js";
+import { d as deepClone, i as isColorEqual } from "./index.es12.js";
 import "element-plus/es/components/message/style/index";
 import "element-plus/es/components/loading/style/index";
 import "element-plus/es/components/message/style/css";
 import "element-plus/es/components/loading/style/css";
 import "./vendor-mqtt.es.js";
+import { y as yxSubscribe } from "./index.es13.js";
 import { l as localforage } from "./vendor-localforage.es.js";
 import "element-plus/es/components/message-box/style/index";
-import "./vendor-dayjs.es.js";
+import { d as dayjs } from "./vendor-dayjs.es.js";
 import { _ } from "./vendor-lodash.es.js";
 import "./index.es7.js";
-import "./index.es11.js";
 import "element-plus/es/components/dialog/style/index";
-import "element-plus/es/components/button/style/index";
 import "element-plus/es/components/drawer/style/index";
 const YX_TITLE = "@font-face {font-family: 'YX-TITLE';font-size: 16px; src: url('https://yx-picture.obs.cn-north-4.myhuaweicloud.com/ttc/bucket/1699612675710_ALIBABAPUHUITI-2-105-HEAVY.TTF') format('woff'), url('https://yx-picture.obs.cn-north-4.myhuaweicloud.com/ttc/bucket/1699612675710_ALIBABAPUHUITI-2-105-HEAVY.TTF') format('woff2'); font-style: normal;font-display: swap;}";
 const YX_SP_TITLE = "@font-face { font-family: 'YX-SP-TITLE'; font-size: 16px; src: url('https://yx-picture.obs.cn-north-4.myhuaweicloud.com/ttc/bucket/1699844184489_bt.ttf') format('woff'),url('https://yx-picture.obs.cn-north-4.myhuaweicloud.com/ttc/bucket/1699844184489_bt.ttf') format('woff2');font-style: normal; font-display: swap}";
@@ -54,6 +63,1648 @@ const defaultConfig = {
   isTranslateApi: false,
   whitelistTranslateApi: []
 };
+const exportToExcel = ({ header, tableData, fileName }) => {
+  const tHeader = header.map((col) => col.label);
+  const data = tableData.map((row) => {
+    return header.map((col) => row[col.prop]);
+  });
+  const finalData = [tHeader, ...data];
+  const ws = XLSX.utils.aoa_to_sheet(finalData);
+  const wb = XLSX.utils.book_new();
+  XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
+  XLSX.writeFile(wb, `${fileName}.xlsx`);
+};
+function _isSlot$2(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "YxTable",
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: {
+    tableData: {},
+    rowKey: {
+      default: "id"
+    },
+    columns: {},
+    pageInfo: {},
+    sort: {
+      type: Boolean
+    },
+    config: {
+      default: () => ({
+        headerOverflowHide: true
+      })
+    },
+    sortHandle: {}
+  },
+  emits: ["operate-handle", "sort-end", "update-page"],
+  setup(__props, {
+    expose: __expose,
+    emit: __emit
+  }) {
+    const props = __props;
+    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(() => {
+        startSort();
+      });
+    });
+    watch(() => props.columns, () => {
+      initTable();
+    });
+    onBeforeMount(async () => {
+      await initTable();
+    });
+    const initTable = async () => {
+      columns.value = typeof props.columns === "function" ? await props.columns() : props.columns;
+      columns.value.forEach((col) => {
+        var _a, _b;
+        if (col.required || ((_a = col.rules) == null ? void 0 : _a.length)) {
+          isFormTable.value = true;
+        }
+        if ((col == null ? void 0 : col.renderType) && ["select", "cascader"].includes(col == null ? void 0 : col.renderType) && ((_b = col == null ? void 0 : col.config) == null ? void 0 : _b.loadOptions)) {
+          loadOptions2(col.config);
+        }
+      });
+      if (isFormTable.value) {
+        getRules();
+      }
+    };
+    const loadOptions2 = async (config2) => {
+      if ((config2 == null ? void 0 : config2.options) && (config2 == null ? void 0 : config2.options.length) === 0 && (config2 == null ? void 0 : config2.loadOptions) && typeof (config2 == null ? void 0 : config2.loadOptions) === "function") {
+        config2.options = await (config2 == null ? void 0 : config2.loadOptions());
+      }
+    };
+    const startSort = () => {
+      var _a, _b;
+      if (!props.sort) return;
+      const sortDom = (_b = (_a = tableRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.querySelector(".el-table__body tbody");
+      Sortable.create(sortDom, {
+        animation: 200,
+        // group: "el-table__row table-row",
+        sort: true,
+        handle: props.sortHandle ? `.${props.sortHandle}` : null,
+        onEnd: ({
+          oldIndex,
+          newIndex
+        }) => {
+          emit("sort-end", oldIndex, newIndex);
+        }
+      });
+    };
+    const dynamicComponent2 = (column, {
+      $index,
+      row
+    }) => {
+      let _slot;
+      const {
+        renderType,
+        event = {},
+        prop,
+        label,
+        config: config2 = {},
+        required,
+        rules
+      } = column;
+      if (!prop || !renderType) return null;
+      const Component = resolveComponent("el-" + renderType);
+      const {
+        options = [],
+        ...restConfig
+      } = config2;
+      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] = (config2 == null ? void 0 : config2.type) === "number" ? Number(val) : val;
+      };
+      const component = createVNode(Component, mergeProps({
+        "modelValue": modelValue,
+        "onUpdate:modelValue": updateModelValue,
+        "placeholder": `请${isSelect ? "选择" : "输入"}${label}`
+      }, event, restConfig), _isSlot$2(_slot = renderChildComponent()) ? _slot : {
+        default: () => [_slot]
+      });
+      if (!isFormCell) return component;
+      return renderForm(prop, $index, component);
+    };
+    const renderForm = (prop, index, component) => {
+      return createVNode(resolveComponent("el-form-item"), {
+        "prop": "tableData." + index + "." + prop,
+        "rules": formTableRules.value[prop]
+      }, _isSlot$2(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 observeWeakMap = /* @__PURE__ */ new WeakMap();
+    const vAutoTooltip = {
+      mounted(el, binding) {
+        const observer2 = new IntersectionObserver((entries) => {
+          entries.forEach((entry) => {
+            if (entry.isIntersecting) {
+              requestAnimationFrame(() => {
+                const styles = getComputedStyle(entry.target);
+                const height = parseFloat(styles.height);
+                const lineHeight = parseFloat(styles.lineHeight);
+                const isOverflow = Number(height) > Number(lineHeight);
+                if (isOverflow) {
+                  const item = columns.value.find((item2) => item2.prop === binding.value);
+                  if (item) {
+                    item.headerTooltip = isOverflow;
+                  }
+                }
+              });
+            }
+          });
+        });
+        observer2.observe(el);
+        observeWeakMap.set(el, observer2);
+      },
+      unmounted(el) {
+        const observer2 = observeWeakMap.get(el);
+        if (observer2) {
+          observer2.disconnect();
+          observeWeakMap.delete(el);
+        }
+      }
+    };
+    const render2 = (props2) => {
+      let _slot2;
+      const {
+        rowKey,
+        tableData,
+        pageInfo
+      } = props2;
+      const columnSlots = (cell, scope) => {
+        var _a;
+        return cell.slotName && ((_a = slots[cell.slotName]) == null ? void 0 : _a.call(slots, scope));
+      };
+      const renderColumn = (columns2) => {
+        return columns2.filter((cell) => !cell.show || cell.show(cell)).map((cell, index) => {
+          const {
+            children,
+            ...cellConf
+          } = cell;
+          return createVNode(resolveComponent("el-table-column"), cellConf, {
+            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") {
+                return dynamicComponent2(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 = ["symbol", "object"].includes(typeof (renderResult == null ? void 0 : renderResult.type));
+                if (needsValidation && isFragment) {
+                  return renderForm(cell.prop, scope.$index, renderResult);
+                }
+                return renderResult;
+              }
+              if (children && (children == null ? void 0 : children.length) > 0) return renderColumn(children);
+              if (cell == null ? void 0 : cell.tooltip) {
+                return createVNode(resolveComponent("el-tooltip"), {
+                  "content": scope.row[scope.column.property]
+                }, {
+                  default: () => [createVNode("span", {
+                    "class": "truncate"
+                  }, [scope.row[scope.column.property]])]
+                });
+              }
+              return (cell == null ? void 0 : cell.slotName) && columnSlots(cell, scope);
+            },
+            header: (scope) => {
+              var _a, _b;
+              if (cell == null ? void 0 : cell.headerRender) return cell == null ? void 0 : cell.headerRender(scope.row);
+              if (cell == null ? void 0 : cell.headerSlotName) return (_a = slots[cell == null ? void 0 : cell.headerSlotName]) == null ? void 0 : _a.call(slots, scope);
+              if (attrs.border) {
+                return createVNode("span", null, [scope == null ? void 0 : scope.column.label]);
+              }
+              if (cell.headerTooltip) {
+                return createVNode(resolveComponent("el-tooltip"), {
+                  "content": (_b = scope == null ? void 0 : scope.column) == null ? void 0 : _b.label,
+                  "placement": "top"
+                }, {
+                  default: () => {
+                    var _a2;
+                    return [createVNode("span", {
+                      "class": `${cell.required ? "required" : ""} truncate`
+                    }, [(_a2 = scope == null ? void 0 : scope.column) == null ? void 0 : _a2.label])];
+                  }
+                });
+              }
+              return withDirectives(createVNode("div", {
+                "class": cell.required ? "required" : ""
+              }, [scope == null ? void 0 : scope.column.label]), [[vAutoTooltip, cell.prop]]);
+            }
+          });
+        });
+      };
+      const renderOperate = (cell, scope) => {
+        var _a, _b;
+        return createVNode("div", {
+          "class": `flex justify-center items-center cursor-pointer gap-10 ${((_a = cell.config) == null ? void 0 : _a.className) ?? ""}`
+        }, [(_b = cell.operate) == null ? void 0 : _b.filter((op) => !op.show || op.show(scope.row)).map((op) => {
+          if (op == null ? void 0 : op.render) return op.render(scope.row, scope.$index);
+          const disabled = typeof (op == null ? void 0 : op.disabled) === "function" ? op.disabled(scope.row, scope.$index) : (op == null ? void 0 : op.disabled) ?? false;
+          return createVNode("span", {
+            "onClick": withModifiers(() => {
+              if (!disabled) {
+                (op == null ? void 0 : op.onClick) && (op == null ? void 0 : op.onClick(scope.row));
+                emit("operate-handle", op.key, scope.row, scope.$index);
+              }
+            }, ["stop"]),
+            "class": `table-handle whitespace-nowrap ${(op == null ? void 0 : op.className) ?? ""} ${disabled ? "table-handle-disabled" : ""}`
+          }, [op.label]);
+        })]);
+      };
+      const pagination = () => {
+        if (!pageInfo) return null;
+        const handleSizeChange = (e) => {
+          emit("update-page", "pageSize", e);
+        };
+        const handleCurrentChange = (e) => {
+          emit("update-page", "pageIndex", e);
+        };
+        return createVNode("div", {
+          "class": "pagination-wrap"
+        }, [createVNode(resolveComponent("el-pagination"), {
+          "currentPage": pageInfo.pageIndex,
+          "onUpdate:currentPage": ($event) => pageInfo.pageIndex = $event,
+          "pageSize": pageInfo.pageSize,
+          "onUpdate:pageSize": ($event) => pageInfo.pageSize = $event,
+          "disabled": false,
+          "page-sizes": pageInfo.sizes ?? [10, 20, 50, 100],
+          "layout": (pageInfo == null ? void 0 : pageInfo.layout) ? pageInfo == null ? void 0 : pageInfo.layout : "total,sizes,prev, pager, next",
+          "background": false,
+          "total": pageInfo.total,
+          "onSizeChange": handleSizeChange,
+          "onCurrentChange": handleCurrentChange
+        }, null)]);
+      };
+      if (!columns.value) return;
+      return createVNode(Fragment, null, [isFormTable.value ? createVNode(resolveComponent("el-form"), {
+        "model": props2,
+        "ref": tableFormRef
+      }, _isSlot$2(_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$2(_slot3 = renderColumn(columns.value)) ? _slot3 : {
+          default: () => [_slot3]
+        });
+      }
+    };
+    const exportDataToExcel = (fileName) => {
+      const header = columns.value.filter((cell) => cell.prop);
+      const tableData = props.tableData;
+      exportToExcel({
+        header,
+        tableData,
+        fileName: fileName || Date.now()
+      });
+    };
+    const updateColumns = async (newColumns) => {
+      if (!columns.value) return;
+      columns.value = typeof newColumns === "function" ? await newColumns() : newColumns;
+    };
+    __expose({
+      tableRef,
+      exportDataToExcel,
+      updateColumns,
+      tableFormValidate
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(render2(props)));
+    };
+  }
+});
+const defaultPageConfig = {
+  isPage: true,
+  gap: 10,
+  reset: true,
+  create: true,
+  pageSize: 10,
+  pageIndex: 1,
+  sizes: [10, 20, 50, 100],
+  layout: "total,sizes,prev, pager, next",
+  tableBar: true
+};
+const defaultSearchFormConfig = {
+  gap: "10px",
+  labelWidth: "fit-content"
+};
+const defaultFormConfig = {
+  gap: "10px",
+  row: 2,
+  labelWidth: "fit-content"
+};
+const searchFormRef = ref();
+function createButton(props, text) {
+  if (!props.show) return;
+  return h(_sfc_main, props, {
+    default: () => text
+  });
+}
+const searchRender = (searchProps, {
+  search,
+  create,
+  name,
+  reset,
+  createHandle
+}) => {
+  const { btnSlots } = searchProps;
+  return h(
+    "div",
+    {
+      class: "flex items-center gap-10"
+    },
+    [
+      h(YxForm, {
+        ...searchProps,
+        formStyle: {
+          ...defaultSearchFormConfig,
+          row: searchProps.formList.length,
+          ...searchProps.formStyle
+        },
+        ref: searchFormRef
+      }),
+      h(
+        "div",
+        {
+          class: "flex items-center gap-10 flex-1"
+        },
+        [
+          h("div", { class: "flex items-center gap-10" }, [
+            createButton(
+              {
+                onClick: search,
+                show: true,
+                enter: true
+              },
+              "搜索"
+            ),
+            createButton(
+              {
+                plain: true,
+                show: reset,
+                onClick: async () => {
+                  searchFormRef.value.formRef.resetFields();
+                  await search();
+                }
+              },
+              "重置"
+            )
+          ]),
+          h("div", { class: "flex items-center justify-end gap-10 flex-1" }, [
+            createButton(
+              {
+                onClick: createHandle,
+                show: create
+              },
+              `新增${name ?? ""}`
+            ),
+            btnSlots && h(btnSlots)
+          ])
+        ]
+      )
+    ]
+  );
+};
+const getSearchFormData = () => {
+  return searchFormRef.value.formData;
+};
+const tableRender = (tableProps, slots) => {
+  return h(
+    _sfc_main$4,
+    {
+      ...tableProps
+    },
+    slots
+  );
+};
+const pageProps = {
+  searchProps: {
+    required: false,
+    type: Object,
+    default: () => ({})
+  },
+  tableProps: {
+    required: true,
+    type: Object,
+    default: () => ({})
+  },
+  formProps: {
+    required: false,
+    type: Object,
+    default: () => ({})
+  },
+  tableBarProps: {
+    required: false,
+    type: Object,
+    default: () => ({})
+  },
+  pageConfig: {
+    required: false,
+    type: Object,
+    default: () => ({
+      isPage: true,
+      gap: 10,
+      pageSize: 10,
+      pageIndex: 1
+    })
+  },
+  requestConfig: {
+    required: true,
+    type: Object,
+    default: () => ({})
+  }
+};
+const paginationRender = (pageInfo, updatePage) => {
+  if (!pageInfo) return null;
+  const handleSizeChange = (e) => {
+    updatePage("pageSize", e);
+  };
+  const handleCurrentChange = (e) => {
+    updatePage("pageIndex", e);
+  };
+  return createVNode("div", {
+    "class": "flex items-center justify-end"
+  }, [createVNode(resolveComponent("el-pagination"), {
+    "currentPage": pageInfo.pageIndex,
+    "onUpdate:currentPage": ($event) => pageInfo.pageIndex = $event,
+    "pageSize": pageInfo.pageSize,
+    "onUpdate:pageSize": ($event) => pageInfo.pageSize = $event,
+    "disabled": false,
+    "page-sizes": pageInfo.sizes ?? [10, 20, 50, 100],
+    "layout": (pageInfo == null ? void 0 : pageInfo.layout) ? pageInfo == null ? void 0 : pageInfo.layout : "total,sizes,prev, pager, next",
+    "background": false,
+    "total": pageInfo.total,
+    "onSizeChange": handleSizeChange,
+    "onCurrentChange": handleCurrentChange
+  }, null)]);
+};
+const time = ref("");
+let _timer;
+const useTime = () => {
+  const timedExecution = () => {
+    _timer = setTimeout(() => {
+      time.value = dayjs().format("YYYY-MM-DD HH:mm:ss");
+      _timer && clearTimeout(_timer);
+      timedExecution();
+    }, 1e3);
+  };
+  timedExecution();
+  return { time };
+};
+const useConfirm = (content, confirmCallback, options = {}) => {
+  ElMessageBox.confirm(content, (options == null ? void 0 : options.title) || "提示", {
+    confirmButtonText: "确定",
+    cancelButtonText: "取消",
+    type: "warning",
+    ...options
+  }).then(() => {
+    confirmCallback();
+  }).catch(() => {
+  });
+};
+const diaConfig = {
+  width: "30%",
+  showFooter: true,
+  autoClose: true,
+  confirmText: "确认",
+  cancelText: "取消",
+  draggable: true,
+  closeOnClickModal: false,
+  destroyOnClose: true
+};
+const useDialog = async (options) => {
+  let app;
+  const visible = ref(true);
+  const loading = ref(false);
+  const mergeOptions = { ...diaConfig, ...options };
+  const { showFooter, autoClose, submit, cancel, beforeOpen, beforeSubmit, confirmText, cancelText, content } = mergeOptions;
+  if (beforeOpen) {
+    await beforeOpen();
+  }
+  const dialogWrapper = defineComponent({
+    setup() {
+      const close = () => {
+        visible.value = false;
+      };
+      const selfSubmit = async () => {
+        try {
+          const shouldProceed = beforeSubmit ? await beforeSubmit() : true;
+          if (shouldProceed) {
+            loading.value = true;
+            const isSuccess = await (submit == null ? void 0 : submit());
+            if (isSuccess && autoClose) {
+              visible.value = false;
+            }
+          }
+        } finally {
+          loading.value = false;
+        }
+      };
+      return {
+        open,
+        close,
+        selfSubmit
+      };
+    },
+    render() {
+      const footer = () => {
+        return h("div", { class: "flex justify-end gap-10" }, [
+          h(ElButton, { onClick: this.close, plain: true }, { default: () => cancelText }),
+          h(
+            _sfc_main,
+            {
+              onClick: this.selfSubmit
+            },
+            {
+              default: () => confirmText
+            }
+          )
+        ]);
+      };
+      return h(
+        ElDialog,
+        {
+          modelValue: visible.value,
+          ...mergeOptions,
+          beforeClose: () => {
+            this.close();
+            cancel && cancel();
+          },
+          onClosed: () => {
+            app.unmount();
+            document.body.removeChild(container);
+          }
+        },
+        {
+          default: () => content && content instanceof Function ? content() : content,
+          footer: () => showFooter ? footer() : null
+        }
+      );
+    }
+  });
+  const container = document.createElement("div");
+  document.body.appendChild(container);
+  app = createApp(dialogWrapper);
+  app.use(ElementPlus).mount(container);
+  return () => {
+    visible.value = false;
+  };
+};
+const useMessage = (arg) => {
+  if (arg) {
+    const { data, callback, isShowError = false } = arg;
+    try {
+      if (data == null ? void 0 : data.isSuccess) {
+        ElMessage.success((data == null ? void 0 : data.resultMsg) || "操作成功");
+        callback && callback();
+      } else {
+        if (isShowError) {
+          ElMessage.error((data == null ? void 0 : data.resultMsg) || "操作失败");
+        }
+      }
+    } catch (error) {
+    }
+  }
+  return {
+    success: (msg) => ElMessage.success(msg),
+    error: (msg) => ElMessage.error(msg),
+    warning: (msg) => ElMessage.warning(msg)
+  };
+};
+const formRef = ref();
+const formRender = (formProps) => {
+  return h(YxForm, {
+    formLayout: "vertical",
+    ...formProps,
+    formStyle: {
+      ...defaultFormConfig,
+      ...formProps.formStyle
+    },
+    ref: formRef
+  });
+};
+const formValidate = async () => {
+  return await formRef.value.formValidate();
+};
+const getFormData = () => {
+  return formRef.value.formData;
+};
+const page = defineComponent({
+  props: pageProps,
+  setup(props, { expose, slots }) {
+    const { tableBarProps: tableBarProps2, searchProps, formProps, tableProps, pageConfig, requestConfig } = props;
+    const { searchCallback, createCallback, updateCallback, deleteCallback, getDetailCallback } = requestConfig;
+    const newConfig = Object.assign({}, defaultPageConfig, pageConfig);
+    const { tableBar, sizes, layout, pageIndex, pageSize, isPage, gap, create, reset, name, searchFormToBarTitle } = newConfig;
+    onMounted(async () => {
+      await search();
+    });
+    const pageData = reactive({
+      pageIndex,
+      pageSize,
+      total: 0,
+      sizes,
+      layout
+    });
+    const search = async () => {
+      if (!searchCallback) return;
+      const searchData = await getSearchFormData();
+      const data = await searchCallback({
+        ...searchData,
+        pageIndex: isPage ? pageData.pageIndex : void 0,
+        pageSize: isPage ? pageData.pageSize : void 0
+      });
+      if (isPage) {
+        const { records, total } = data;
+        pageData.total = total;
+        tableProps.tableData = records;
+      } else {
+        tableProps.tableData = data;
+      }
+    };
+    const initPageInfo = () => {
+      pageData.pageIndex = pageIndex;
+      pageData.pageSize = pageSize;
+      pageData.total = 0;
+    };
+    const updatePage = async (type, e) => {
+      pageData[type] = e;
+      await search();
+    };
+    let closeDialog;
+    const createHandle = () => {
+      formProps.formParams = {};
+      if (!createCallback) return;
+      showDialog(`新增${name ?? ""}`, createCallback);
+    };
+    const updateHandle = async (data) => {
+      if (!updateCallback) return;
+      await asyncFormData(data);
+      showDialog(`编辑${name ?? ""}`, updateCallback);
+    };
+    const asyncFormData = async (data) => {
+      let params = getDetailCallback ? await getDetailCallback() : data;
+      if (typeof formProps.formList === "object") {
+        formProps.formList.forEach((item) => {
+          formProps.formParams && (formProps.formParams[item.prop] = params[item.prop]);
+        });
+      } else {
+        formProps.formParams = params;
+      }
+    };
+    const showDialog = async (title, callback) => {
+      closeDialog = await useDialog({
+        title,
+        content: () => formRender(formProps),
+        confirmText: "确定",
+        cancelText: "取消",
+        beforeSubmit: async () => await formValidate(),
+        submit: async () => {
+          const isSuccess = await callback(getFormData());
+          if (isSuccess) {
+            useMessage().success("操作成功");
+            closeDialog && closeDialog();
+            initPageInfo();
+            await search();
+          }
+        }
+      });
+    };
+    let operateHandle;
+    if (tableProps.onOperateHandle) {
+      operateHandle = tableProps.onOperateHandle;
+      tableProps.onOperateHandle = (type, data, index) => {
+        if (type === "del") {
+          useConfirm(`是否确认删除此${name ?? ""}?`, async () => {
+            if (!deleteCallback) return;
+            const isSuccess = await deleteCallback(data, index);
+            if (isSuccess) {
+              useMessage().success("删除成功");
+              initPageInfo();
+              search();
+            }
+          });
+        } else if (type === "edit") {
+          updateHandle(data);
+        } else {
+          operateHandle(type, data, index);
+        }
+      };
+    }
+    expose({
+      search,
+      closeDialog,
+      getFormData,
+      createHandle,
+      getSearchFormData
+    });
+    return () => {
+      var _a, _b;
+      return h(
+        "div",
+        {
+          class: `flex flex-col w-full h-full gap-${gap}`
+        },
+        [
+          !searchFormToBarTitle && searchRender(searchProps, {
+            search,
+            create,
+            name,
+            reset,
+            createHandle
+          }),
+          tableBar ? h(
+            YxTableBar,
+            {
+              class: "flex-1 min-h-0",
+              columns: tableProps.columns,
+              onRefresh: search
+            },
+            {
+              default: ({ dynamicColumns, tableStyle, border }) => h(
+                _sfc_main$4,
+                {
+                  ...tableProps,
+                  columns: dynamicColumns,
+                  style: tableStyle,
+                  border
+                },
+                slots
+              ),
+              barTitle: searchFormToBarTitle ? searchRender(searchProps, {
+                search,
+                create,
+                name,
+                reset,
+                createHandle
+              }) : ((_a = slots == null ? void 0 : slots.barTitle) == null ? void 0 : _a.call(slots)) || ((_b = tableBarProps2 == null ? void 0 : tableBarProps2.barTitle) == null ? void 0 : _b.call(tableBarProps2))
+            }
+          ) : tableRender(tableProps, slots),
+          // tableRender(tableProps, slots),
+          paginationRender(pageData, updatePage)
+        ]
+      );
+    };
+  }
+});
+const _hoisted_1$f = { viewBox: "0 0 24 24" };
+function render$c(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$f, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"
+    }, null, -1)
+  ]));
+}
+const Refresh = { render: render$c };
+const _hoisted_1$e = {
+  width: "32",
+  height: "32",
+  viewBox: "0 0 24 24"
+};
+function render$b(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$e, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M13.79 10.21a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42l-2.5-2.5a1 1 0 0 0-.33-.21 1 1 0 0 0-.76 0 1 1 0 0 0-.33.21l-2.5 2.5a1 1 0 0 0 1.42 1.42l.79-.8v5.18l-.79-.8a1 1 0 0 0-1.42 1.42l2.5 2.5a1 1 0 0 0 .33.21.94.94 0 0 0 .76 0 1 1 0 0 0 .33-.21l2.5-2.5a1 1 0 0 0-1.42-1.42l-.79.8V9.41ZM7 4h10a1 1 0 0 0 0-2H7a1 1 0 0 0 0 2m10 16H7a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2"
+    }, null, -1)
+  ]));
+}
+const Collapse = { render: render$b };
+const _hoisted_1$d = { viewBox: "0 0 24 24" };
+function render$a(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$d, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M3.34 17a10 10 0 0 1-.978-2.326 3 3 0 0 0 .002-5.347A10 10 0 0 1 4.865 4.99a3 3 0 0 0 4.631-2.674 10 10 0 0 1 5.007.002 3 3 0 0 0 4.632 2.672A10 10 0 0 1 20.66 7c.433.749.757 1.53.978 2.326a3 3 0 0 0-.002 5.347 10 10 0 0 1-2.501 4.337 3 3 0 0 0-4.631 2.674 10 10 0 0 1-5.007-.002 3 3 0 0 0-4.632-2.672A10 10 0 0 1 3.34 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.071 1.499.001A5 5 0 0 1 15 17.197a5 5 0 0 1 3.525-.565q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334a8 8 0 0 0-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.499-.001A5 5 0 0 1 9 6.803a5 5 0 0 1-3.525.565 8 8 0 0 0-.748 1.298A5 5 0 0 1 6 12a5 5 0 0 1-1.273 3.334 8 8 0 0 0 .75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2"
+    }, null, -1)
+  ]));
+}
+const Settings = { render: render$a };
+const _hoisted_1$c = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function render$9(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$c, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z"
+    }, null, -1)
+  ]));
+}
+const FullScreen = { render: render$9 };
+const _hoisted_1$b = {
+  "aria-hidden": "false",
+  viewBox: "0 0 24 24"
+};
+function render$8(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$b, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M18 7h4v2h-6V3h2zM8 9H2V7h4V3h2zm10 8v4h-2v-6h6v2zM8 15v6H6v-4H2"
+    }, null, -1)
+  ]));
+}
+const ExitScreen = { render: render$8 };
+const _hoisted_1$a = {
+  width: "32",
+  height: "32",
+  fill: "currentColor",
+  "data-icon": "holder",
+  viewBox: "64 64 896 896"
+};
+function render$7(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$a, _cache[0] || (_cache[0] = [
+    createElementVNode("path", { d: "M300 276.5a56 56 0 1 0 56-97 56 56 0 0 0-56 97m0 284a56 56 0 1 0 56-97 56 56 0 0 0-56 97M640 228a56 56 0 1 0 112 0 56 56 0 0 0-112 0m0 284a56 56 0 1 0 112 0 56 56 0 0 0-112 0M300 844.5a56 56 0 1 0 56-97 56 56 0 0 0-56 97M640 796a56 56 0 1 0 112 0 56 56 0 0 0-112 0" }, null, -1)
+  ]));
+}
+const DragIcon = { render: render$7 };
+const _hoisted_1$9 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function render$6(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$9, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21H5q-.825 0-1.412-.587T3 19m10-6v6h6v-6zm0-2h6V5h-6zm-2 0V5H5v6zm0 2H5v6h6z"
+    }, null, -1)
+  ]));
+}
+const Border = { render: render$6 };
+const _hoisted_1$8 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function render$5(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$8, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M12 9q-.425 0-.712-.288T11 8t.288-.712T12 7t.713.288T13 8t-.288.713T12 9m-4 4q-.425 0-.712-.288T7 12t.288-.712T8 11t.713.288T9 12t-.288.713T8 13m4 0q-.425 0-.712-.288T11 12t.288-.712T12 11t.713.288T13 12t-.288.713T12 13m4 0q-.425 0-.712-.288T15 12t.288-.712T16 11t.713.288T17 12t-.288.713T16 13m-4 4q-.425 0-.712-.288T11 16t.288-.712T12 15t.713.288T13 16t-.288.713T12 17M4 5q-.425 0-.712-.288T3 4t.288-.712T4 3t.713.288T5 4t-.288.713T4 5m4 0q-.425 0-.712-.288T7 4t.288-.712T8 3t.713.288T9 4t-.288.713T8 5m4 0q-.425 0-.712-.288T11 4t.288-.712T12 3t.713.288T13 4t-.288.713T12 5m4 0q-.425 0-.712-.288T15 4t.288-.712T16 3t.713.288T17 4t-.288.713T16 5m4 0q-.425 0-.712-.288T19 4t.288-.712T20 3t.713.288T21 4t-.288.713T20 5M4 9q-.425 0-.712-.288T3 8t.288-.712T4 7t.713.288T5 8t-.288.713T4 9m16 0q-.425 0-.712-.288T19 8t.288-.712T20 7t.713.288T21 8t-.288.713T20 9M4 13q-.425 0-.712-.288T3 12t.288-.712T4 11t.713.288T5 12t-.288.713T4 13m16 0q-.425 0-.712-.288T19 12t.288-.712T20 11t.713.288T21 12t-.288.713T20 13M4 17q-.425 0-.712-.288T3 16t.288-.712T4 15t.713.288T5 16t-.288.713T4 17m16 0q-.425 0-.712-.288T19 16t.288-.712T20 15t.713.288T21 16t-.288.713T20 17M4 21q-.425 0-.712-.288T3 20t.288-.712T4 19t.713.288T5 20t-.288.713T4 21m4 0q-.425 0-.712-.288T7 20t.288-.712T8 19t.713.288T9 20t-.288.713T8 21m4 0q-.425 0-.712-.288T11 20t.288-.712T12 19t.713.288T13 20t-.288.713T12 21m4 0q-.425 0-.712-.288T15 20t.288-.712T16 19t.713.288T17 20t-.288.713T16 21m4 0q-.425 0-.712-.288T19 20t.288-.712T20 19t.713.288T21 20t-.288.713T20 21"
+    }, null, -1)
+  ]));
+}
+const NoBorder = { render: render$5 };
+const renderIcon = (name, callback) => {
+  return h(ElIcon, {
+    size: 16,
+    class: "cursor-pointer",
+    onClick: () => {
+      callback && callback();
+    }
+  }, {
+    default: () => h(name)
+  });
+};
+const tableBarConfig = [{
+  icon: Refresh,
+  label: "刷新",
+  key: "refresh",
+  render: (item, options) => renderIcon(item.icon, options.refresh)
+}, {
+  icon: Collapse,
+  label: "字体",
+  key: "font",
+  render: (item, options) => renderDropdown(item, options)
+}, {
+  icon: Settings,
+  label: "列设置",
+  key: "column",
+  render: (item, options) => setColumn(item, options)
+  // render: (item, props: YxTableBarProps) =>  renderIcon(item.icon)
+}, {
+  icon: NoBorder,
+  iconActive: Border,
+  label: "边框",
+  key: "border",
+  render: (item, options) => renderIcon((options == null ? void 0 : options.isBorder.value) ? item.iconActive : item.icon, options.setBorder)
+}, {
+  icon: FullScreen,
+  iconActive: ExitScreen,
+  label: "全屏",
+  key: "fullscreen",
+  render: (item, options) => renderIcon((options == null ? void 0 : options.isFullscreen.value) ? item.iconActive : item.icon, options.fullScreen)
+}];
+const checkAll = ref(true);
+const checkedColumns = ref([]);
+const checkColumnList = ref([]);
+const setColumn = (item, {
+  props,
+  updateColumns,
+  reset,
+  sortColumns,
+  dynamicColumns
+}) => {
+  checkColumnList.value = dynamicColumns.value.map((item2) => item2.label);
+  checkedColumns.value = checkColumnList.value;
+  const isFixedColumn = (label) => {
+    return dynamicColumns.value.find((item2) => item2.label === label).fixed ? true : false;
+  };
+  const rowDrop = (event) => {
+    event.preventDefault();
+    nextTick(() => {
+      sortColumns();
+    });
+  };
+  return createVNode(Fragment, null, [createVNode("div", {
+    "class": "flex items-center justify-center cursor-pointer"
+  }, [createVNode(ElPopover, {
+    "placement": "bottom",
+    "trigger": "click",
+    "width": 200,
+    "popper-style": {
+      padding: "5px 10px"
+    }
+  }, {
+    default: () => [createVNode("div", {
+      "class": "w-full flex flex-col gap-5"
+    }, [createVNode("div", {
+      "class": "flex items-center justify-between"
+    }, [createVNode(ElCheckbox, {
+      "modelValue": checkAll.value,
+      "onUpdate:modelValue": ($event) => checkAll.value = $event,
+      "label": "列展示"
+    }, null), createVNode(ElButton, {
+      "link": true,
+      "size": "small",
+      "onClick": reset
+    }, {
+      default: () => [createTextVNode("重置")]
+    })]), createVNode("div", {
+      "class": "h-1 w-full bg-[var(--border-deep-color)]"
+    }, null), createVNode(ElScrollbar, {
+      "maxHeight": "36vh"
+    }, {
+      default: () => [createVNode(ElCheckboxGroup, {
+        "ref": `GroupRef${unref(props.tableKey)}`,
+        "modelValue": checkedColumns.value,
+        "onUpdate:modelValue": ($event) => checkedColumns.value = $event,
+        "onChange": (value) => updateColumns(value)
+      }, {
+        default: () => [createVNode("div", {
+          "class": "flex flex-col"
+        }, [checkColumnList.value.map((item2) => {
+          return createVNode("div", {
+            "class": "flex items-center gap-10",
+            "key": item2
+          }, [createVNode(ElIcon, {
+            "size": 16,
+            "class": ["drag-btn", isFixedColumn(item2) ? "cursor-no-drop" : "cursor-move"],
+            "onMouseenter": (event) => rowDrop(event)
+          }, {
+            default: () => [createVNode(DragIcon, null, null)]
+          }), createVNode(ElCheckbox, {
+            "onChange": (value) => updateColumns(value, item2),
+            "label": item2
+          }, {
+            default: () => [createVNode("span", null, [item2])]
+          })]);
+        })])]
+      })]
+    })])],
+    reference: () => renderIcon(item.icon)
+  })])]);
+};
+const renderDropdown = (item, {
+  setCollapse
+}) => {
+  const list = [{
+    label: "大号",
+    value: 1.5
+  }, {
+    label: "默认",
+    value: 1
+  }, {
+    label: "小号",
+    value: 0.8
+  }];
+  return h(ElDropdown, {
+    placement: "bottom",
+    trigger: "click"
+  }, {
+    default: () => renderIcon(item.icon),
+    dropdown: () => h(ElDropdownMenu, {}, {
+      default: () => list.map((item2) => {
+        return h(ElDropdownItem, {
+          onClick: () => setCollapse(item2.value)
+        }, {
+          default: () => item2.label
+        });
+      })
+    })
+  });
+};
+const tableBarProps = {
+  columns: {
+    type: Object,
+    default: () => []
+  },
+  barLayout: {
+    type: String,
+    default: () => "refresh,font,column,border,fullscreen"
+  },
+  barStyle: {
+    type: Object,
+    default: {
+      padding: "10px"
+    }
+  },
+  tableKey: {
+    type: [String, Number],
+    default: "0"
+  }
+};
+const renderTableBar = (options) => {
+  var _a;
+  const layout = (_a = options == null ? void 0 : options.props) == null ? void 0 : _a.barLayout;
+  const showLayout = layout ? layout.split(",") : [];
+  const renderTableBar2 = tableBarConfig.filter((item) => showLayout.includes(item.key));
+  return renderTableBar2.map((item, index) => {
+    return [
+      h(
+        "div",
+        {
+          class: "flex items-center justify-center cursor-pointer"
+        },
+        [
+          h(
+            ElTooltip,
+            {
+              placement: "top",
+              content: item.label
+            },
+            {
+              default: () => item == null ? void 0 : item.render(item, options)
+            }
+          )
+        ]
+      ),
+      index !== renderTableBar2.length - 1 && h(ElDivider, {
+        direction: "vertical"
+      })
+    ];
+  });
+};
+const YxTableBar = defineComponent({
+  name: "YxTableBar",
+  props: tableBarProps,
+  emit: ["refresh"],
+  setup(props, { slots, emit }) {
+    const dynamicColumns = ref(deepClone(props == null ? void 0 : props.columns));
+    const instance = getCurrentInstance();
+    const tableCss = getGroupColor("table");
+    const defaultTableCss = {
+      "--table-body-font-size": parseInt(tableCss["body-font-size"]),
+      "--table-header-font-size": parseInt(tableCss["header-font-size"]),
+      "--table-header-height": parseInt(tableCss["header-height"]),
+      "--table-header-border-radius": parseInt(tableCss["header-border-radius"]),
+      "--table-row-height": parseInt(tableCss["row-height"])
+    };
+    const tableStyle = reactive({});
+    const updateColumns = (value, label) => {
+      if (label) {
+        const columns = dynamicColumns.value.find((item) => item.label === label);
+        if (!columns) return;
+        columns.show = () => value;
+      } else {
+        dynamicColumns.value.forEach((item) => item.show = () => value);
+      }
+    };
+    const reset = () => {
+      dynamicColumns.value = deepClone(props == null ? void 0 : props.columns);
+    };
+    const sortColumns = () => {
+      var _a;
+      const wrapper = ((_a = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a.$refs[`GroupRef${unref(props == null ? void 0 : props.tableKey)}`]).$el.firstElementChild;
+      Sortable.create(wrapper, {
+        animation: 300,
+        handle: ".drag-btn",
+        onEnd: ({ newIndex, oldIndex, item }) => {
+          const targetThElem = item;
+          const wrapperElem = targetThElem.parentNode;
+          const oldColumn = dynamicColumns.value[oldIndex];
+          const newColumn = dynamicColumns.value[newIndex];
+          if ((oldColumn == null ? void 0 : oldColumn.fixed) || (newColumn == null ? void 0 : newColumn.fixed)) {
+            const oldThElem = wrapperElem.children[oldIndex];
+            if (newIndex > oldIndex) {
+              wrapperElem.insertBefore(targetThElem, oldThElem);
+            } else {
+              wrapperElem.insertBefore(targetThElem, oldThElem ? oldThElem.nextElementSibling : oldThElem);
+            }
+            return;
+          }
+          const currentRow = dynamicColumns.value.splice(oldIndex, 1)[0];
+          dynamicColumns.value.splice(newIndex, 0, currentRow);
+        }
+      });
+    };
+    const setCollapse = (value) => {
+      const newTableCss = {};
+      Object.keys(defaultTableCss).forEach((key) => {
+        newTableCss[key] = (defaultTableCss[key] * value).toFixed(0) + "px";
+      });
+      Object.assign(tableStyle, newTableCss);
+    };
+    const refresh = () => {
+      emit("refresh");
+    };
+    const isFullscreen = ref(false);
+    const fullScreen = () => {
+      isFullscreen.value = !isFullscreen.value;
+    };
+    const isBorder = ref(false);
+    const setBorder = () => {
+      isBorder.value = !isBorder.value;
+    };
+    return () => {
+      var _a, _b;
+      return h(
+        "div",
+        {
+          class: `h-full flex flex-col ${isFullscreen.value ? "h-full z-2002 fixed inset-0 p-10 box-border" : ""}`
+        },
+        [
+          h(
+            "div",
+            {
+              class: "flex items-center justify-between",
+              style: props == null ? void 0 : props.barStyle
+            },
+            [
+              ((_a = slots == null ? void 0 : slots.barTitle) == null ? void 0 : _a.call(slots)) ?? h("div"),
+              h(
+                "div",
+                {
+                  class: "flex items-center"
+                },
+                renderTableBar({
+                  updateColumns,
+                  reset,
+                  props,
+                  sortColumns,
+                  setCollapse,
+                  refresh,
+                  fullScreen,
+                  isFullscreen,
+                  setBorder,
+                  isBorder,
+                  dynamicColumns
+                })
+              )
+            ]
+          ),
+          (_b = slots.default) == null ? void 0 : _b.call(slots, { dynamicColumns: dynamicColumns.value, tableStyle, border: isBorder.value })
+        ]
+      );
+    };
+  }
+});
+const _hoisted_1$7 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function render$4(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$7, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      fill: "currentColor",
+      d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592q0-64.416-42.24-101.376c-28.16-25.344-65.472-37.312-111.232-37.312m-12.672 406.208a54.27 54.27 0 0 0-38.72 14.784 49.4 49.4 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.85 54.85 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.97 51.97 0 0 0-15.488-38.016 55.94 55.94 0 0 0-39.424-14.784"
+    }, null, -1)
+  ]));
+}
+const Question = { render: render$4 };
+function _isSlot$1(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "YxForm"
+  },
+  __name: "index",
+  props: {
+    formParams: {},
+    formList: {},
+    formLayout: {
+      default: "horizontal"
+    },
+    formStyle: {
+      default: () => ({
+        row: 3,
+        gap: "15px",
+        labelWidth: "100px",
+        alignItems: "start"
+      })
+    },
+    rules: {}
+  },
+  setup(__props, {
+    expose: __expose
+  }) {
+    const formData = ref({});
+    const formRules = ref({});
+    const formColumn = ref([]);
+    const attrs = useAttrs();
+    const props = __props;
+    const isOptionsComponent = (type) => type && ["select", "cascader"].includes(type);
+    const initForm = async () => {
+      var _a;
+      const {
+        formList,
+        formParams
+      } = props;
+      formColumn.value = typeof formList === "function" ? await formList() : formList;
+      if (!Array.isArray(formColumn.value) || formColumn.value.length === 0) {
+        return;
+      }
+      const initialData = {};
+      const fillFormData = (item) => {
+        if (item.prop && !(item.prop in initialData)) {
+          initialData[item.prop] = void 0;
+        }
+        if (isOptionsComponent(item == null ? void 0 : item.renderType)) {
+          loadOptions2(item);
+        }
+        if (Array.isArray(item.children)) {
+          item.children.forEach(fillFormData);
+        }
+        handleLinkOptions(item);
+      };
+      formColumn.value.forEach((item) => fillFormData(item));
+      if (formParams && Object.keys(formParams).length > 0) {
+        if (hasLoadOptions()) {
+          for (const item of formColumn.value) {
+            if (!item.prop) continue;
+            const isAsyncOption = ((_a = item.config) == null ? void 0 : _a.loadOptions) && typeof item.config.loadOptions === "function";
+            if (!(isAsyncOption && formParams[item.prop] !== void 0)) {
+              formData.value[item.prop] = formParams[item.prop];
+            }
+          }
+        } else {
+          formData.value = formParams;
+        }
+      } else {
+        formData.value = initialData;
+      }
+    };
+    const handleLinkOptions = (item) => {
+      var _a, _b;
+      if (!((_a = item.config) == null ? void 0 : _a.linkOptions) || (item == null ? void 0 : item._linkedHandled)) return;
+      const linkOptions = item.config.linkOptions;
+      const originOnChange = (_b = item.event) == null ? void 0 : _b.onChange;
+      const newOnChange = async (e) => {
+        var _a2;
+        const updateForm = formColumn.value.find((form) => (form == null ? void 0 : form.prop) === linkOptions);
+        if (!updateForm || !((_a2 = updateForm == null ? void 0 : updateForm.config) == null ? void 0 : _a2.loadOptions)) return;
+        const options = await updateForm.config.loadOptions(e);
+        updateForm.config.options = options;
+        if (typeof originOnChange === "function") {
+          originOnChange(e);
+        }
+      };
+      item.event = {
+        ...item.event,
+        onChange: newOnChange
+      };
+      item._linkedHandled = true;
+    };
+    const hasLoadOptions = () => {
+      return formColumn.value.some((item) => {
+        var _a;
+        return ((_a = item.config) == null ? void 0 : _a.loadOptions) && typeof item.config.loadOptions === "function";
+      });
+    };
+    const loadOptions2 = async ({
+      config: config2,
+      prop
+    }) => {
+      var _a;
+      if (!config2 || config2.notAutoLoadOptions) return;
+      const {
+        loadOptions: loadOptions3,
+        options
+      } = config2;
+      if (!options || typeof loadOptions3 !== "function") return;
+      const {
+        formParams
+      } = props;
+      const parentProp = (_a = formColumn.value.find((item) => {
+        var _a2;
+        return ((_a2 = item == null ? void 0 : item.config) == null ? void 0 : _a2.linkOptions) === prop;
+      })) == null ? void 0 : _a.prop;
+      const parentValue = parentProp ? formParams == null ? void 0 : formParams[parentProp] : void 0;
+      try {
+        config2.options = await loadOptions3(parentValue);
+        if (prop && (formParams == null ? void 0 : formParams[prop])) {
+          formData.value[prop] = formParams[prop];
+        }
+      } catch (err) {
+      }
+    };
+    watch(() => props.formList, (formList) => {
+      if (formList.length > 0) {
+        initForm();
+        getRules();
+      }
+    });
+    watch(() => props.formParams, (formParams) => {
+      if (formParams) {
+        initForm();
+      }
+    });
+    const getRules = () => {
+      var _a;
+      const rules = {};
+      if (!((_a = formColumn.value) == null ? void 0 : _a.length)) 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];
+        }
+      };
+      formColumn.value.forEach((form) => {
+        var _a2;
+        (_a2 = form.children) == null ? void 0 : _a2.forEach(handleRule);
+        handleRule(form);
+      });
+      formRules.value = rules;
+    };
+    onBeforeMount(async () => {
+      if (props.formList) {
+        await initForm();
+        getRules();
+      }
+    });
+    onUnmounted(() => {
+    });
+    const formRef2 = ref();
+    const getFormStyle = () => {
+      const {
+        formStyle
+      } = props;
+      const {
+        row,
+        gap,
+        ...style
+      } = formStyle;
+      return {
+        "grid-template-columns": `repeat(${row}, 1fr)`,
+        "grid-gap": gap,
+        ...style
+      };
+    };
+    const getGroupStyle = (groupStyle) => {
+      if (!groupStyle) return {};
+      const {
+        row,
+        gap,
+        ...style
+      } = groupStyle;
+      return {
+        "grid-template-columns": `repeat(${row}, 1fr)`,
+        "grid-gap": gap,
+        ...style
+      };
+    };
+    const dynamicComponent2 = ({
+      renderType,
+      event,
+      prop,
+      label,
+      config: config2
+    }) => {
+      let _slot;
+      if (!prop) return;
+      const {
+        options,
+        ...conf
+      } = config2 || {};
+      if (renderType === "cascader") return createVNode(resolveComponent("el-cascader"), mergeProps(event, conf, {
+        "options": options,
+        "modelValue": formData.value[prop],
+        "onUpdate:modelValue": ($event) => formData.value[prop] = $event,
+        "placeholder": `请选择${label}`
+      }), null);
+      const Component = resolveComponent("el-" + renderType);
+      const renderChildComponent = () => {
+        if (renderType === "select" && (config2 == null ? void 0 : config2.options)) {
+          return config2 == null ? void 0 : config2.options.map((item) => createVNode(resolveComponent("el-option"), {
+            "label": item.label,
+            "value": item.value
+          }, null));
+        } else if (renderType === "radio-group" && (config2 == null ? void 0 : config2.options)) {
+          return config2 == null ? void 0 : config2.options.map((item) => createVNode(resolveComponent("el-radio"), {
+            "label": item.label,
+            "value": item.value
+          }, null));
+        } else {
+          return null;
+        }
+      };
+      const isSelect = renderType && ["select", "cascader"].includes(renderType);
+      return createVNode(Component, mergeProps(event, {
+        "placeholder": `请${isSelect ? "选择" : "输入"}${label}`
+      }, conf, {
+        "modelValue": formData.value[prop],
+        "onUpdate:modelValue": ($event) => formData.value[prop] = $event
+      }), _isSlot$1(_slot = renderChildComponent()) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+    const render2 = (props2) => {
+      var _a;
+      let _slot2;
+      const {
+        formStyle,
+        formLayout
+      } = props2;
+      if (!((_a = formColumn.value) == null ? void 0 : _a.length)) return;
+      const slots = useSlots();
+      const formItemSlots = (form) => {
+        var _a2;
+        return form.slotName && ((_a2 = slots[form.slotName]) == null ? void 0 : _a2.call(slots, formData.value));
+      };
+      const renderFormItem = (formList) => {
+        const renderForm = (form) => {
+          const {
+            className,
+            prop,
+            config: config2,
+            renderType,
+            ...formProps
+          } = form;
+          return createVNode(resolveComponent("el-form-item"), mergeProps({
+            "class": `${formLayout === "vertical" ? "flex flex-col " : ""} ${(formStyle == null ? void 0 : formStyle.formItemClassName) ?? ""} ${className ?? ""} ${!form.label ? "no-label-item" : ""}`,
+            "prop": form.prop,
+            "labelWidth": formStyle == null ? void 0 : formStyle.labelWidth,
+            "labelPosition": formStyle == null ? void 0 : formStyle.labelPosition,
+            "key": form.prop
+          }, formProps), {
+            default: () => {
+              if (form == null ? void 0 : form.render) return form == null ? void 0 : form.render(formData.value);
+              if (form.renderType) return dynamicComponent2(form);
+              return (form == null ? void 0 : form.slotName) && formItemSlots(form);
+            },
+            label: () => {
+              var _a2;
+              return form.label ? createVNode("div", {
+                "class": `flex items-center gap-5 ${form.labelClassName ?? ""}`
+              }, [form.label, form.promptConf ? createVNode(resolveComponent("el-tooltip"), (_a2 = form.promptConf) == null ? void 0 : _a2.tooltipConf, {
+                default: () => {
+                  var _a3, _b;
+                  return [createVNode(resolveComponent("el-icon"), {
+                    "size": ((_a3 = form.promptConf) == null ? void 0 : _a3.size) ?? 15,
+                    "color": (_b = form.promptConf) == null ? void 0 : _b.color
+                  }, {
+                    default: () => [createVNode(Question, null, null)]
+                  })];
+                }
+              }) : ""]) : null;
+            }
+          });
+        };
+        return formList.filter((form) => !form.show || form.show(formData.value)).map((form) => {
+          if (form.children && form.children.length > 0) {
+            return createVNode("div", {
+              "class": `flex flex-col ${form.groupWrapClassName ?? ""}`,
+              "style": {
+                ...form == null ? void 0 : form.groupWrapStyle
+              }
+            }, [createVNode("div", {
+              "class": form.groupTitleClassName ?? "",
+              "style": {
+                ...form == null ? void 0 : form.groupTitleStyle
+              }
+            }, [form.groupName]), createVNode("div", {
+              "class": `grid ${form.groupClassName ?? ""}`,
+              "style": {
+                ...getGroupStyle((form == null ? void 0 : form.groupStyle) ?? {})
+              }
+            }, [form.children.filter((form2) => !form2.show || form2.show(formData.value)).map((form2) => renderForm(form2))])]);
+          } else {
+            return renderForm(form);
+          }
+        });
+      };
+      return createVNode(Fragment, null, [createVNode(resolveComponent("el-form"), mergeProps({
+        "scroll-to-error": true,
+        "model": formData.value,
+        "rules": formRules.value,
+        "class": "grid",
+        "ref": formRef2,
+        "validate-on-rule-change": false
+      }, attrs, {
+        "style": {
+          ...getFormStyle()
+        }
+      }), _isSlot$1(_slot2 = renderFormItem(formColumn.value)) ? _slot2 : {
+        default: () => [_slot2]
+      })]);
+    };
+    const formValidate2 = async () => {
+      if (!formRef2.value) return Promise.resolve(false);
+      return await formRef2.value.validate(() => Promise.resolve());
+    };
+    __expose({
+      formData,
+      formValidate: formValidate2,
+      formRef: formRef2
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(render2(props)));
+    };
+  }
+});
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -61,6 +1712,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
+const YxForm = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4548eea9"]]);
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -904,7 +2556,7 @@ const translate2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   loadCustomThesaurus,
   whitelistApi
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$1 = {
+const _sfc_main$2 = {
   props: {
     value: {
       typeof: Number
@@ -919,8 +2571,8 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, $props.value > 0]
   ]);
 }
-const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$2], ["__scopeId", "data-v-588a1297"]]);
-const _sfc_main = {
+const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-588a1297"]]);
+const _sfc_main$1 = {
   components: { theme, issue, Badge, lang },
   props: {
     showTool: {
@@ -1148,7 +2800,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   });
 }
-const ToolbarContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render$1], ["__scopeId", "data-v-adceffc6"]]);
+const ToolbarContainer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-adceffc6"]]);
 const _hoisted_1$1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "50",
@@ -1335,13 +2987,69 @@ const _Toolbar = class _Toolbar {
       return createApp(ToolbarApp).mount(`#${__privateGet(this, _elId)}`);
     } else {
       const Vue = require("vue");
-      return new Vue({ render: (h) => h(ToolbarApp) }).$mount(`#${__privateGet(this, _elId)}`);
+      return new Vue({ render: (h2) => h2(ToolbarApp) }).$mount(`#${__privateGet(this, _elId)}`);
     }
   }
 };
 _elId = new WeakMap();
 _Toolbar.instance = null;
 let Toolbar = _Toolbar;
+function useEnterKey(callback) {
+  const handleKeyUp = (event) => {
+    if (event.key === "Enter") {
+      callback();
+    }
+  };
+  onMounted(() => {
+    window.addEventListener("keyup", handleKeyUp);
+  });
+  onUnmounted(() => {
+    window.removeEventListener("keyup", handleKeyUp);
+  });
+  onActivated(() => {
+    window.addEventListener("keyup", handleKeyUp);
+  });
+  onDeactivated(() => {
+    window.removeEventListener("keyup", handleKeyUp);
+  });
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    onClick: {},
+    noLoading: { type: Boolean, default: false },
+    enter: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const loading = ref(false);
+    const handleClick = async () => {
+      if (props.onClick) {
+        const result = props.onClick();
+        if (result instanceof Promise && !props.noLoading) {
+          try {
+            loading.value = true;
+            await result;
+          } finally {
+            loading.value = false;
+          }
+        }
+      }
+    };
+    if (props.enter) {
+      useEnterKey(handleClick);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createBlock(_component_el_button, mergeProps({ loading: loading.value }, _ctx.$attrs, { onClick: handleClick }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["loading"]);
+    };
+  }
+});
 const TTC_THTEME_KEY = "ttcGlobalState";
 const install = async (config2) => {
   var _a;
@@ -1569,30 +3277,39 @@ const BC$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty
   BC
 }, Symbol.toStringTag, { value: "Module" }));
 export {
+  getCurTheme as A,
   BC$1 as B,
+  getCurThemeCssVar as C,
+  getGroupColor as D,
+  findColorByTheme as E,
+  installCssVarInSystemTheme as F,
   Toolbar as T,
-  YxTablePro as Y,
+  YxForm as Y,
   _export_sfc as _,
   theme2 as a,
-  BC as b,
-  changeLang as c,
-  getWordByYxI18nThesaurus as d,
-  getZhWordByYxI18nThesaurus as e,
-  install as f,
-  getLang as g,
-  handleTranslation as h,
-  initTranslate as i,
-  changeTheme as j,
-  setCssVar as k,
-  loadCustomThesaurus as l,
-  getDefaultThemeUrl as m,
-  getCurTheme as n,
-  getCurThemeCssVar as o,
-  getGroupColor as p,
-  findColorByTheme as q,
-  installCssVarInSystemTheme as r,
+  useConfirm as b,
+  useDialog as c,
+  useMessage as d,
+  BC as e,
+  _sfc_main as f,
+  _sfc_main$4 as g,
+  YxTableBar as h,
+  YxTablePro as i,
+  initTranslate as j,
+  changeLang as k,
+  getLang as l,
+  getWordByYxI18nThesaurus as m,
+  getZhWordByYxI18nThesaurus as n,
+  loadCustomThesaurus as o,
+  page as p,
+  handleTranslation as q,
+  install as r,
   saveCssVar as s,
   translate2 as t,
-  updateTheme as u,
-  whitelistApi as w
+  useTime as u,
+  changeTheme as v,
+  whitelistApi as w,
+  updateTheme as x,
+  setCssVar as y,
+  getDefaultThemeUrl as z
 };