3h1-ui 3.0.0-next.2 → 3.0.0-next.3

package/es/index.js

@@ -1,10 +1,9 @@
-import { h, nextTick, createVNode, defineComponent, ref, computed, unref, watchEffect, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createSlots, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, onMounted, normalizeClass, createCommentVNode, normalizeStyle, Transition, toHandlers, useSlots, withDirectives, vShow, getCurrentInstance, inject, onUnmounted, provide, onBeforeUnmount, resolveDynamicComponent, reactive, toRef, toRefs, TransitionGroup, getCurrentScope, onScopeDispose, readonly, isRef, shallowRef, isVNode, toRaw, useAttrs as useAttrs$2, shallowReactive, withKeys, withModifiers, render as render$1, resolveDirective, pushScopeId, popScopeId, useCssVars } from "vue";
-import { Radio, Select, Tree, TreeSelect, Cascader, Transfer, Input, Tooltip, Skeleton, Popover, Pagination, Empty, Button as Button$1, Table as Table$1, Form, FormItem, DatePicker, InputNumber, Modal as Modal$2, Popconfirm, Menu, Dropdown, Divider as Divider$1, Image, Progress, Tag, Alert, Upload, Space, AutoComplete, Switch, Checkbox, Slider, Rate, TimePicker, Col, Row, MenuItem, MenuDivider, Spin, PageHeader, CheckboxGroup, Badge, FormItemRest, Drawer, Avatar, Descriptions, DescriptionsItem } from "ant-design-vue";
+import { h, nextTick, createVNode, defineComponent, ref, computed, unref, watchEffect, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createSlots, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, onMounted, normalizeClass, createCommentVNode, normalizeStyle, Transition, toHandlers, useSlots, withDirectives, vShow, getCurrentInstance, inject, onUnmounted, provide, onBeforeUnmount, resolveDynamicComponent, reactive, toRef, toRefs, TransitionGroup, getCurrentScope, onScopeDispose, readonly, defineAsyncComponent, isRef, shallowRef, isVNode, toRaw, useAttrs as useAttrs$2, shallowReactive, withKeys, withModifiers, render as render$1, resolveDirective, pushScopeId, popScopeId, useCssVars } from "vue";
+import { Radio, Select, Tree, TreeSelect, Cascader, Transfer, Input, Tooltip, Skeleton, Popover, Pagination, Empty, Button as Button$1, Table as Table$1, Form, FormItem, DatePicker, InputNumber, Modal as Modal$2, Popconfirm, Menu, Dropdown, Divider as Divider$1, Image, Progress, Tag, Alert, Upload, Space, AutoComplete, Switch, Checkbox, Slider, Rate, TimePicker, Col, Row, MenuItem, MenuDivider, Spin, PageHeader, CheckboxGroup, TableSummaryRow, TableSummaryCell, TableSummary, Badge, FormItemRest, Drawer, Avatar, Descriptions, DescriptionsItem } from "ant-design-vue";
 import { isFunction as isFunction$4, isString as isString$3, isArray as isArray$3, getSlot as getSlot$1, addClass as addClass$1, removeClass as removeClass$1, getPopupContainer as getPopupContainer$1, triggerWindowResize, off, on, addResizeListener, removeResizeListener, withInstall as withInstall$5, extendSlots as extendSlots$1, isBoolean, isNumber as isNumber$2, isDef as isDef$1, buildUUID, warn as warn$1, downloadByUrl, isObject as isObject$3, isNull, dateUtil, isNullOrUnDef, error as error$1, deepMerge as deepMerge$1, getDynamicProps, buildProps, createBEM, forEach as forEach$1, isClient as isClient$1, filter, treeToList, eachTree, isEmpty, isServer, formatToDate, isMap as isMap$2, findNodeAll, getViewportOffset, isNullAndUnDef, dataURLtoBlob, deepMergeObjects } from "@shy-plugins/utils";
 import { useAttrs as useAttrs$1, useRuleFormItem, useTimeoutFn as useTimeoutFn$2, useScrollTo as useScrollTo$1, useIntersectionObserver, useCopyToClipboard, useMessage, usePagination as usePagination$2, useI18n as useI18n$1, useDesign as useDesign$1, useSortable, createContext as createContext$1, useContext as useContext$2, useBreakpoint, useContentHeight, useWindowSizeFn as useWindowSizeFn$1, onMountedOrActivated, useEventListener as useEventListener$1 } from "@shy-plugins/use";
 import { zxcvbn } from "@zxcvbn-ts/core";
 import Iconify from "@purge-icons/generated";
-import { Tinymce } from "@shy-plugins/tinymce";
 import dayjs from "dayjs";
 import Sortablejs from "sortablejs";
 import "xe-utils";
@@ -12,7 +11,7 @@ import { VxeColgroup, VxeColumn, VxeTable } from "vxe-table";
 const windiBase = "";
 const windiComponents = "";
 const windiUtilities = "";
-const antd_min = "";
+const reset = "";
 function bound01(n, max) {
   if (isOnePointZero(n)) {
     n = "100%";
@@ -7460,18 +7459,18 @@ function useCountdown(count) {
       }
     }, 1e3);
   }
-  function reset2() {
+  function reset3() {
     currentCount.value = count;
     stop();
   }
   function restart() {
-    reset2();
+    reset3();
     start();
   }
   tryOnUnmounted(() => {
-    reset2();
+    reset3();
   });
-  return { start, reset: reset2, restart, clear: clear2, stop, currentCount, isStart };
+  return { start, reset: reset3, restart, clear: clear2, stop, currentCount, isStart };
 }
 const props$9 = {
   value: { type: [Object, Number, String, Array] },
@@ -7487,12 +7486,12 @@ const _sfc_main$18 = defineComponent({
   props: props$9,
   setup(props2) {
     const loading = ref(false);
-    const { currentCount, isStart, start, reset: reset2 } = useCountdown(props2.count);
+    const { currentCount, isStart, start, reset: reset3 } = useCountdown(props2.count);
     const getButtonText = computed(() => {
       return !unref(isStart) ? "获取验证码" : `${currentCount.value}秒后重新获取`;
     });
     watchEffect(() => {
-      props2.value === void 0 && reset2();
+      props2.value === void 0 && reset3();
     });
     async function handleStart() {
       const { beforeStartFunc } = props2;
@@ -7588,6 +7587,10 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
   emits: ["change", "input"],
   setup(__props) {
     const props2 = __props;
+    const Tinymce = defineAsyncComponent(async () => {
+      const { Tinymce: Tinymce2 } = await import("@shy-plugins/tinymce");
+      return Tinymce2;
+    });
     const [state] = useRuleFormItem(props2);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Tinymce), {
@@ -7629,7 +7632,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       default: () => true
     }
   },
-  emits: ["update:value", "change"],
+  emits: ["update:value", "change", "add", "remove"],
   setup(__props, { expose, emit }) {
     const props2 = __props;
     const listFormRefs = ref([]);
@@ -7642,18 +7645,20 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
         customRender: ({ index: index2 }) => {
           return `${index2 + 1}`;
         },
-        minWidth: 50,
+        width: 50,
         align: "center"
       };
       return [indexColumn, ...props2.columns];
     });
     const plusClickEvent = () => {
       state.value = [{}, ...state.value];
+      emit("add", state.value);
     };
     const rowClickEvent = (index2) => {
       state.value = unref(state).filter((item, i) => {
         return index2 !== i;
       });
+      emit("remove", state.value, index2);
     };
     const loadKv = () => {
       const columns = props2.columns;
@@ -7766,10 +7771,9 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Table_vue_vue_type_style_index_0_scoped_d00bfbbb_lang = "";
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-d00bfbbb"]]);
+const Table_vue_vue_type_style_index_0_scoped_cb71007d_lang = "";
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__scopeId", "data-v-cb71007d"]]);
 const modal = "";
-useI18n$1();
 const modalProps = {
   visible: { type: Boolean },
   scrollTop: { type: Boolean, default: true },
@@ -8783,8 +8787,10 @@ const _sfc_main$Z = defineComponent({
     watch(
       () => unref(visibleRef),
       (v) => {
+        var _a2;
         emit("visible-change", v);
         emit("update:visible", v);
+        instance && ((_a2 = modalMethods.emitVisible) == null ? void 0 : _a2.call(modalMethods, v, instance.uid));
         nextTick(() => {
           if (props2.scrollTop && v && unref(modalWrapperRef)) {
             unref(modalWrapperRef).scrollTop();
@@ -10332,7 +10338,6 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   emits: ["change", "delete", "preview-delete", "update:value"],
   setup(__props, { emit }) {
     const props2 = __props;
-    defineOptions({ name: "BasicUpload" });
     const attrs = useAttrs$2();
     const { t: t2 } = useI18n$1();
     const [registerUploadModal, { openModal: openUploadModal }] = useModal();
@@ -10441,7 +10446,6 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
   emits: ["change", "update:value", "delete"],
   setup(__props, { emit }) {
     const props2 = __props;
-    defineOptions({ name: "ImageUpload" });
     const { t: t2 } = useI18n$1();
     const { createMessage } = useMessage();
     const { accept, helpText, maxNumber, maxSize } = toRefs(props2);
@@ -10733,6 +10737,24 @@ function useItemLabelWidth(schemaItemRef, propsRef) {
     };
   });
 }
+const globalConfig = {
+  form: {},
+  table: {},
+  formInputNumber: {}
+};
+const registerGlobalConfig = (config) => {
+  Object.keys(config).forEach((key2) => {
+    const value = config[key2];
+    globalConfig[key2] = value;
+  });
+};
+const useGlobalConfig = (key2) => {
+  const config = globalConfig[key2];
+  const setConfig = (value) => {
+    globalConfig[key2] = value;
+  };
+  return { config, setConfig };
+};
 function _isSlot$2(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -10775,6 +10797,9 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     slots,
     emit
   }) {
+    const {
+      config
+    } = useGlobalConfig("form");
     const {
       schema,
       formProps
@@ -10851,10 +10876,14 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           showSearch: true,
           filterOption: (input, option) => {
             return option[label].toLowerCase().indexOf(input.toLowerCase()) >= 0;
-          }
+          },
+          getPopupContainer: () => document.body
         });
       }
-      return componentProps;
+      return {
+        ...config[schema2 == null ? void 0 : schema2.component] || {},
+        ...componentProps
+      };
     });
     const getDisable = computed(() => {
       const {
@@ -11593,7 +11622,9 @@ function useFormEvents({
             if (typeof componentProps === "function") {
               _props = _props({ formModel });
             }
-            formModel[key2] = value ? (_props == null ? void 0 : _props.valueFormat) ? value : dateUtil(value) : null;
+            if (typeof value !== "string")
+              value = dayjs(value);
+            formModel[key2] = value ? (_props == null ? void 0 : _props.valueFormat) ? dayjs(value).format(_props == null ? void 0 : _props.valueFormat) : dateUtil(value) : null;
           }
         } else {
           formModel[key2] = value;
@@ -11972,23 +12003,6 @@ const basicProps$4 = {
     default: () => []
   }
 };
-const globalConfig = {
-  form: {},
-  table: {}
-};
-const registerGlobalConfig = (config) => {
-  Object.keys(config).forEach((key2) => {
-    const value = config[key2];
-    globalConfig[key2] = value;
-  });
-};
-const useGlobalConfig = (key2) => {
-  const config = globalConfig[key2];
-  const setConfig = (value) => {
-    globalConfig[key2] = value;
-  };
-  return { config, setConfig };
-};
 const _sfc_main$M = defineComponent({
   name: "BasicForm",
   components: { FormItem: _sfc_main$O, Form, Row, FormAction, DownOutlined: DownOutlined$1 },
@@ -14682,6 +14696,34 @@ function handleItem(item, ellipsis) {
     handleChildren(children, !!ellipsis);
   }
 }
+function handleColumnResize(propsRef, columns, wrapRef) {
+  var _a2, _b, _c, _d, _e, _f;
+  const tableWidth = ((_c = (_b = (_a2 = wrapRef.value) == null ? void 0 : _a2.querySelector) == null ? void 0 : _b.call(_a2, ".ant-table-body")) == null ? void 0 : _c.clientWidth) - 7 || ((_f = (_e = (_d = wrapRef.value) == null ? void 0 : _d.querySelector) == null ? void 0 : _e.call(_d, ".ant-table-content")) == null ? void 0 : _f.clientWidth);
+  const selectWidth = propsRef.value.rowSelection ? 60 : 0;
+  const [sumWidth, sumLength] = columns.reduce(
+    ([sumWidth2, length2], cur) => {
+      if (typeof cur.width === "number") {
+        return [sumWidth2 + cur.width, ++length2];
+      }
+      return [sumWidth2, length2];
+    },
+    [0, 0]
+  );
+  const length = columns.length;
+  const colWidth = tableWidth ? (tableWidth - sumWidth - selectWidth) / (length - sumLength) : 100;
+  columns.forEach((item) => {
+    if (item.flag)
+      return;
+    if (propsRef.value.resizable) {
+      item.width = item.width || colWidth;
+      item.resizable = item.resizable === void 0 ? true : item.resizable;
+    } else {
+      if (item.resizable) {
+        item.width = item.width || colWidth;
+      }
+    }
+  });
+}
 function handleChildren(children, ellipsis) {
   if (!children)
     return;
@@ -14746,13 +14788,14 @@ function handleActionColumn(propsRef, columns) {
     });
   }
 }
-function useColumns$1(propsRef, getPaginationRef, tableAction) {
+function useColumns$1(propsRef, getPaginationRef, tableAction, wrapRef) {
   const columnsRef = ref(unref(propsRef).columns);
   let cacheColumns = unref(propsRef).columns;
   const getColumnsRef = computed(() => {
     const columns = cloneDeep(unref(columnsRef));
     handleIndexColumn(propsRef, getPaginationRef, columns);
     handleActionColumn(propsRef, columns);
+    handleColumnResize(propsRef, columns, wrapRef);
     if (!columns) {
       return [];
     }
@@ -14817,6 +14860,12 @@ function useColumns$1(propsRef, getPaginationRef, tableAction) {
       return reactive(column);
     });
   });
+  const getColumnsSummary = computed(() => {
+    if (propsRef.value.rowSelection) {
+      return [{ flag: "ROW_SELECTION" }, ...getViewColumns.value];
+    }
+    return getViewColumns.value;
+  });
   watch(
     () => unref(propsRef).columns,
     (columns) => {
@@ -14893,7 +14942,8 @@ function useColumns$1(propsRef, getPaginationRef, tableAction) {
     getColumns,
     setColumns,
     getViewColumns,
-    setCacheColumnsByField
+    setCacheColumnsByField,
+    getColumnsSummary
   };
 }
 function sortFixedColumn(columns) {
@@ -14956,6 +15006,19 @@ function useDataSource(propsRef, {
   watchEffect(() => {
     tableData.value = unref(dataSourceRef);
   });
+  const summaryTotalData = computed(() => {
+    const { summaryTotalFields } = unref(propsRef);
+    if (!summaryTotalFields)
+      return {};
+    const obj = {};
+    summaryTotalFields.forEach((field) => {
+      const total = dataSourceRef.value.reduce((acc, cur) => {
+        return acc + (cur[field] || 0);
+      }, 0);
+      obj[field] = Number.parseFloat(total.toFixed(2)).toLocaleString("en-US");
+    });
+    return obj;
+  });
   watch(
     () => unref(propsRef).dataSource,
     () => {
@@ -15239,7 +15302,8 @@ function useDataSource(propsRef, {
     deleteTableDataRecord,
     insertTableDataRecord,
     findTableDataRecord,
-    handleTableChange
+    handleTableChange,
+    summaryTotalData
   };
 }
 function useLoading$1(props2) {
@@ -15269,7 +15333,9 @@ function useRowSelection(propsRef, tableData, emit) {
       onChange: (selectedRowKeys) => {
         setSelectedRowKeys(selectedRowKeys);
       },
-      ...omit$1(rowSelection, ["onChange"])
+      ...omit$1(rowSelection, ["onChange"]),
+      fixed: rowSelection.fixed ?? "left",
+      columnWidth: rowSelection.columnWidth ?? 60
     };
   });
   watch(
@@ -15769,7 +15835,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     }
     let sortable;
     let sortableOrder = [];
-    function reset2() {
+    function reset3() {
       state.checkedList = [...state.defaultCheckList];
       state.checkAll = true;
       plainOptions.value = unref(cachePlainOptions);
@@ -15911,7 +15977,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                 createVNode(_component_a_button, {
                   size: "small",
                   type: "link",
-                  onClick: reset2
+                  onClick: reset3
                 }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(unref(t2)("common.resetText")), 1)
@@ -17234,6 +17300,11 @@ const basicProps$3 = reactive({
     type: Array,
     default: null
   },
+  summaryTotalFields: {
+    type: Array,
+    default: null
+  },
+  showSummaryTotal: Boolean,
   indentSize: {
     type: Number,
     default: 24
@@ -17307,6 +17378,7 @@ const basicProps$3 = reactive({
     default: null
   },
   ellipsis: { type: Boolean, default: true },
+  resizable: { type: Boolean, default: false },
   isCanResizeParent: { type: Boolean, default: false },
   canResize: { type: Boolean, default: true },
   clearSelectOnPageChange: {
@@ -17639,7 +17711,10 @@ const _sfc_main$q = defineComponent({
     BasicForm,
     HeaderCell: _sfc_main$E,
     Empty,
-    TableGlobalSearch
+    TableGlobalSearch,
+    TableSummaryRow,
+    TableSummaryCell,
+    TableSummary
   },
   props: basicProps$3,
   emits: [
@@ -17710,7 +17785,8 @@ const _sfc_main$q = defineComponent({
       getRowKey,
       reload,
       getAutoCreateKey,
-      updateTableData
+      updateTableData,
+      summaryTotalData
     } = useDataSource(
       getProps,
       {
@@ -17737,8 +17813,9 @@ const _sfc_main$q = defineComponent({
       setCacheColumnsByField,
       setColumns,
       getColumnsRef,
-      getCacheColumns
-    } = useColumns$1(getProps, getPaginationInfo, tableActionRef);
+      getCacheColumns,
+      getColumnsSummary
+    } = useColumns$1(getProps, getPaginationInfo, tableActionRef, wrapRef);
     const { getScrollRef, redoHeight } = useTableScroll(
       getProps,
       tableElRef,
@@ -17936,7 +18013,12 @@ const _sfc_main$q = defineComponent({
       handleAdvancedEnsure,
       isVisibleGlobalSearch,
       schemasAdvancedSearchString,
-      schemasAdvancedSearchGlobal
+      schemasAdvancedSearchGlobal,
+      getColumns,
+      getColumnsRef,
+      summaryTotalData,
+      getProps,
+      getColumnsSummary
     };
   }
 });
@@ -17951,6 +18033,9 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_TableGlobalSearch = resolveComponent("TableGlobalSearch");
   const _component_HeaderCell = resolveComponent("HeaderCell");
   const _component_Empty = resolveComponent("Empty");
+  const _component_TableSummaryCell = resolveComponent("TableSummaryCell");
+  const _component_TableSummaryRow = resolveComponent("TableSummaryRow");
+  const _component_TableSummary = resolveComponent("TableSummary");
   const _component_Table = resolveComponent("Table");
   return openBlock(), createElementBlock("div", {
     ref: "wrapRef",
@@ -18016,7 +18101,45 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
                 renderSlot(_ctx.$slots, item, normalizeProps(guardReactiveProps(data || {})))
               ])
             };
-          })
+          }),
+          _ctx.getProps.showSummaryTotal ? {
+            name: "summary",
+            fn: withCtx(() => [
+              createVNode(_component_TableSummary, null, {
+                default: withCtx(() => [
+                  createVNode(_component_TableSummaryRow, null, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.getColumnsSummary, (item, index2) => {
+                        return openBlock(), createElementBlock(Fragment, { key: index2 }, [
+                          index2 === 0 ? (openBlock(), createBlock(_component_TableSummaryCell, {
+                            key: 0,
+                            align: "center",
+                            index: 0
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" 总计 ")
+                            ]),
+                            _: 1
+                          })) : (openBlock(), createBlock(_component_TableSummaryCell, {
+                            key: 1,
+                            index: index2
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(_ctx.summaryTotalData[item.dataIndex] || ""), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["index"]))
+                        ], 64);
+                      }), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
         ]), 1040, ["rowClassName", "onChange", "onResizeColumn"]), [
           [vShow, _ctx.getEmptyDataIsShowTable]
         ])
@@ -18591,14 +18714,13 @@ const ApiModalSelect_vue_vue_type_style_index_0_scoped_5427533c_lang = "";
 const ApiModalSelect = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-5427533c"]]);
 const Description$1 = "";
 const basicColProps = 24;
-const basicProps$2 = {
+const basicProps$2 = reactive({
   schema: {
     type: Array,
     default: () => []
   },
   labelAlign: {
-    type: String,
-    default: () => "right"
+    type: String
   },
   labelWidth: {
     type: Number,
@@ -18612,11 +18734,15 @@ const basicProps$2 = {
     type: Object,
     default: () => ({})
   },
+  bordered: {
+    type: Boolean,
+    default: () => false
+  },
   customRender: {
     type: Object,
     default: () => null
   }
-};
+});
 const DescriptionGroup = /* @__PURE__ */ defineComponent({
   props: {
     label: {
@@ -18662,6 +18788,33 @@ const Description = /* @__PURE__ */ defineComponent({
         createMessage.error("无法复制文本到剪贴板");
       });
     };
+    const isBordered = computed(() => getProps.value.bordered);
+    const labelAlignCss = computed(() => {
+      switch (getProps.value.labelAlign) {
+        case "left":
+          return {
+            justifyContent: "flex-start"
+          };
+        case "center":
+          return {
+            justifyContent: "center"
+          };
+        case "right":
+          return {
+            justifyContent: "flex-end"
+          };
+        default:
+          if (getProps.value.bordered) {
+            return {
+              justifyContent: "center"
+            };
+          } else {
+            return {
+              justifyContent: "flex-end"
+            };
+          }
+      }
+    });
     const rows = computed(() => {
       let element = null;
       return getProps.value.schema.map((item) => {
@@ -18685,7 +18838,8 @@ const Description = /* @__PURE__ */ defineComponent({
               field: getProps.value.data[`${item.field}`]
             }) : getProps.value.data[`${item.field}`];
           }
-          return createVNode("div", {
+          const ifShow = isBoolean(item == null ? void 0 : item.ifShow) || isFunction$4(item == null ? void 0 : item.ifShow) ? isFunction$4(item.ifShow) ? item.ifShow(getProps.value.data) : item.ifShow : true;
+          return ifShow ? createVNode("div", {
             "class": `${prefixCls2}-row`,
             "style": {
               flex: `0 0 ${(((_b = item == null ? void 0 : item.colProps) == null ? void 0 : _b.span) || basicColProps) / 24 * 100}%`
@@ -18693,7 +18847,7 @@ const Description = /* @__PURE__ */ defineComponent({
           }, [(slots == null ? void 0 : slots[`${item.field}Label`]) || item.label ? createVNode("span", {
             "style": {
               width: `${getProps.value.labelWidth}px`,
-              textAlign: getProps.value.labelAlign,
+              ...labelAlignCss.value,
               ...((_c = getProps.value) == null ? void 0 : _c.labelStyle) ? (_d = getProps.value) == null ? void 0 : _d.labelStyle : {},
               ...(item == null ? void 0 : item.labelStyle) ? item == null ? void 0 : item.labelStyle : {}
             },
@@ -18701,7 +18855,14 @@ const Description = /* @__PURE__ */ defineComponent({
           }, [slots[`${item.field}Label`] ? (_e = slots[`${item.field}Label`]) == null ? void 0 : _e.call(slots, {
             model: getProps.value.data,
             field: item.label
-          }) : item.label, ((_f = getProps.value) == null ? void 0 : _f.isShowColon) ? ":" : ""]) : createVNode(Fragment, null, [createTextVNode(" ")]), createVNode("span", {
+          }) : item.label, (item == null ? void 0 : item.helpMessage) ? createVNode(_sfc_main$1g, {
+            "style": {
+              paddingTop: "5px"
+            },
+            "placement": "top",
+            "class": "mx-1",
+            "text": item == null ? void 0 : item.helpMessage
+          }, null) : "", ((_f = getProps.value) == null ? void 0 : _f.isShowColon) ? "：" : ""]) : createVNode(Fragment, null, [createTextVNode(" ")]), createVNode("span", {
             "class": `${prefixCls2}-value`,
             "style": {
               ...((_g = getProps.value) == null ? void 0 : _g.contentStyle) ? (_h = getProps.value) == null ? void 0 : _h.contentStyle : {},
@@ -18715,7 +18876,7 @@ const Description = /* @__PURE__ */ defineComponent({
               color: "#458ef9",
               marginLeft: "5px"
             }
-          }, null)]) : null])]);
+          }, null)]) : null])]) : null;
         }
       });
     });
@@ -18723,31 +18884,36 @@ const Description = /* @__PURE__ */ defineComponent({
       setDescProps
     });
     return () => createVNode("div", {
-      "class": `${prefixCls2}-wrapper`
+      "class": isBordered.value ? `${prefixCls2}-wrapper ${prefixCls2}-wrapper-bordered` : `${prefixCls2}-wrapper`
     }, [rows.value]);
   }
 });
 function useDescription(props2) {
-  if (!getCurrentInstance()) {
-    throw new Error(
-      "useDescription() can only be used inside setup() or functional components!"
-    );
-  }
-  const desc = ref(null);
+  const descRef = ref(null);
   const loaded = ref(false);
+  async function getDescription() {
+    const desc = unref(descRef);
+    if (!desc) {
+      error$1(
+        "useDescription() can only be used inside setup() or functional components!"
+      );
+    }
+    await nextTick();
+    return desc;
+  }
   function register(instance) {
     onUnmounted(() => {
-      desc.value = null;
+      descRef.value = null;
       loaded.value = false;
     });
-    if (unref(loaded) && instance === unref(desc))
+    if (unref(loaded) && instance === unref(descRef))
       return;
-    desc.value = instance;
+    descRef.value = instance;
     loaded.value = true;
     watch(
       () => props2,
       () => {
-        props2 && instance.setDescProps(props2);
+        props2 && instance.setDescProps(getDynamicProps(props2));
       },
       {
         immediate: true,
@@ -18756,9 +18922,9 @@ function useDescription(props2) {
     );
   }
   const methods2 = {
-    setDescProps: (descProps) => {
-      var _a2;
-      (_a2 = unref(desc)) == null ? void 0 : _a2.setDescProps(descProps);
+    setDescProps: async (descProps) => {
+      const desc = await getDescription();
+      desc == null ? void 0 : desc.setDescProps(descProps);
     }
   };
   return [register, methods2];
@@ -19013,7 +19179,9 @@ const _sfc_main$i = defineComponent({
       () => visibleRef.value,
       (visible) => {
         nextTick(() => {
+          var _a2;
           emit("visible-change", visible);
+          instance && ((_a2 = drawerInstance.emitVisible) == null ? void 0 : _a2.call(drawerInstance, visible, instance.uid));
         });
       }
     );
@@ -21045,7 +21213,7 @@ var methods = {
     return this;
   },
   // Reset the image and crop box to their initial states
-  reset: function reset() {
+  reset: function reset2() {
     if (this.ready && !this.disabled) {
       this.imageData = assign({}, this.initialImageData);
       this.canvasData = assign({}, this.initialCanvasData);
@@ -22669,7 +22837,7 @@ const _sfc_main$e = defineComponent({
       run();
       source.value = props2.endVal;
     }
-    function reset2() {
+    function reset3() {
       source.value = props2.startVal;
       run();
     }
@@ -22700,7 +22868,7 @@ const _sfc_main$e = defineComponent({
       }
       return prefix + x1 + x2 + suffix;
     }
-    return { value, start, reset: reset2 };
+    return { value, start, reset: reset3 };
   }
 });
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
@@ -23355,7 +23523,7 @@ const _sfc_main$8 = defineComponent({
     );
     let sortable;
     let sortableOrder = [];
-    function reset2() {
+    function reset3() {
       sortable.sort(sortableOrder);
       plainOptions.value = JSON.parse(JSON.stringify(cachePlainOptions.value));
       plainSortOptions.value = JSON.parse(
@@ -23404,7 +23572,7 @@ const _sfc_main$8 = defineComponent({
       ...toRefs(state),
       onCheckAllChange,
       plainOptions,
-      reset: reset2,
+      reset: reset3,
       prefixCls: prefixCls2,
       columnListRef,
       checkIndex,
@@ -24181,6 +24349,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                       column,
                       onHandleSortChange: handleSortChange
                     }, null, 8, ["column"])) : (openBlock(), createBlock(unref(VxeColumn), mergeProps({ key: 1 }, column, {
+                      "show-overflow": "title",
                       "edit-render": (column == null ? void 0 : column.editRender) || void 0
                     }), {
                       default: withCtx((config) => [
@@ -24391,13 +24560,53 @@ const basicContainerProps = reactive({
   title: {
     type: String
   },
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  isShowHeader: {
+    type: Boolean,
+    default: true
+  },
+  isShowFooter: {
+    type: Boolean,
+    default: true
+  },
+  isShowBtn: {
+    type: Boolean,
+    default: true
+  },
+  isShowSaveBtn: {
+    type: Boolean,
+    default: true
+  },
+  isShowSubmitBtn: {
+    type: Boolean,
+    default: true
+  },
+  isShowCancelBtn: {
+    type: Boolean,
+    default: true
+  },
+  saveBtnText: {
+    type: String,
+    default: "保存"
+  },
   submitBtnText: {
     type: String,
     default: "提交"
   },
   cancelBtnText: {
     type: String,
-    default: "返回"
+    default: "取消"
+  },
+  cancelAlign: {
+    type: String,
+    default: "left"
+  },
+  footerAlign: {
+    type: String,
+    default: "right"
   }
 });
 const setDefaultConfig$1 = (config) => {
@@ -24406,13 +24615,22 @@ const setDefaultConfig$1 = (config) => {
 const _sfc_main$1 = defineComponent({
   components: {
     Button: Button$1,
-    ArrowLeftOutlined: ArrowLeftOutlined$1
+    ArrowLeftOutlined: ArrowLeftOutlined$1,
+    LoadingOutlined: LoadingOutlined$1
   },
   props: basicContainerProps,
-  emit: ["submit", "cancel"],
+  emits: ["submit", "cancel", "save"],
   setup(props2, { emit }) {
     const { prefixCls: prefixCls2 } = useDesign$1("basic-container");
+    const cancelAlignRef = computed(() => {
+      return `${prefixCls2}-footer-cancel-${props2.cancelAlign}`;
+    });
+    const footerAlignRef = computed(() => {
+      return `${prefixCls2}-footer-${props2.footerAlign}`;
+    });
     return {
+      cancelAlignRef,
+      footerAlignRef,
       prefixCls: prefixCls2,
       emit
     };
@@ -24421,22 +24639,31 @@ const _sfc_main$1 = defineComponent({
 const BasicContainer_vue_vue_type_style_index_0_lang = "";
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ArrowLeftOutlined = resolveComponent("ArrowLeftOutlined");
+  const _component_LoadingOutlined = resolveComponent("LoadingOutlined");
   const _component_Button = resolveComponent("Button");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.prefixCls)
   }, [
-    createElementVNode("div", {
+    _ctx.isShowHeader ? (openBlock(), createElementBlock("div", {
+      key: 0,
       class: normalizeClass(`${_ctx.prefixCls}-header`)
     }, [
       createElementVNode("div", {
         class: normalizeClass(`${_ctx.prefixCls}-header-title`)
       }, [
-        createElementVNode("div", {
+        !_ctx.loading ? (openBlock(), createElementBlock("div", {
+          key: 0,
           class: normalizeClass(`${_ctx.prefixCls}-header-title-icon`),
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.emit("cancel"))
         }, [
-          createVNode(_component_ArrowLeftOutlined, { style: { fontSize: `14px` } })
-        ], 2),
+          createVNode(_component_ArrowLeftOutlined, { style: { fontSize: `16px` } })
+        ], 2)) : createCommentVNode("", true),
+        _ctx.loading ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(`${_ctx.prefixCls}-header-title-loading-icon`)
+        }, [
+          createVNode(_component_LoadingOutlined, { style: { fontSize: `16px` } })
+        ], 2)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(`${_ctx.prefixCls}-header-title-text`)
         }, toDisplayString(_ctx.title), 3)
@@ -24446,34 +24673,61 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         renderSlot(_ctx.$slots, "extra")
       ], 2)
-    ], 2),
+    ], 2)) : createCommentVNode("", true),
     createElementVNode("div", {
       class: normalizeClass(`${_ctx.prefixCls}-content`)
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 2),
-    createElementVNode("div", {
-      class: normalizeClass(`${_ctx.prefixCls}-footer`)
+    _ctx.isShowFooter ? (openBlock(), createElementBlock("div", {
+      key: 1,
+      class: normalizeClass(`${_ctx.prefixCls}-footer ${_ctx.footerAlignRef}`)
     }, [
-      renderSlot(_ctx.$slots, "buttons"),
-      createVNode(_component_Button, {
-        type: "primary",
-        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.emit("submit"))
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.submitBtnText), 1)
-        ]),
-        _: 1
-      }),
-      createVNode(_component_Button, {
-        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.emit("cancel"))
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.cancelBtnText), 1)
-        ]),
-        _: 1
-      })
-    ], 2)
+      _ctx.isShowBtn ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(`${_ctx.prefixCls}-footer-buttons ${_ctx.cancelAlignRef}`)
+      }, [
+        _ctx.isShowCancelBtn ? (openBlock(), createBlock(_component_Button, {
+          key: 0,
+          class: normalizeClass(`${_ctx.prefixCls}-footer-cancel-button`),
+          loading: _ctx.loading,
+          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.emit("cancel"))
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.cancelBtnText), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "loading"])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(`${_ctx.prefixCls}-footer-fn-buttons`)
+        }, [
+          _ctx.isShowSaveBtn ? (openBlock(), createBlock(_component_Button, {
+            key: 0,
+            type: "primary",
+            loading: _ctx.loading,
+            onClick: _cache[2] || (_cache[2] = ($event) => _ctx.emit("save"))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.saveBtnText), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])) : createCommentVNode("", true),
+          _ctx.isShowSubmitBtn ? (openBlock(), createBlock(_component_Button, {
+            key: 1,
+            type: "primary",
+            loading: _ctx.loading,
+            onClick: _cache[3] || (_cache[3] = ($event) => _ctx.emit("submit"))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.submitBtnText), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "buttons")
+        ], 2)
+      ], 2)) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "footer")
+    ], 2)) : createCommentVNode("", true)
   ], 2);
 }
 const BasicContainer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);