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

package/lib/index.js

@@ -1,4 +1,26 @@
 "use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key2 of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key2) && key2 !== except)
+        __defProp(to, key2, { get: () => from[key2], enumerable: !(desc = __getOwnPropDesc(from, key2)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const antDesignVue = require("ant-design-vue");
@@ -6,7 +28,6 @@ const utils = require("@shy-plugins/utils");
 const use = require("@shy-plugins/use");
 const core = require("@zxcvbn-ts/core");
 const Iconify = require("@purge-icons/generated");
-const tinymce = require("@shy-plugins/tinymce");
 const dayjs = require("dayjs");
 const Sortablejs = require("sortablejs");
 require("xe-utils");
@@ -14,7 +35,7 @@ const vxeTable = require("vxe-table");
 const windiBase = "";
 const windiComponents = "";
 const windiUtilities = "";
-const antd_min = "";
+const reset = "";
 function bound01(n, max) {
   if (isOnePointZero(n)) {
     n = "100%";
@@ -2921,7 +2942,7 @@ function baseAssignIn(object, source) {
 var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
 var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
 var moduleExports = freeModule && freeModule.exports === freeExports;
-var Buffer = moduleExports ? root$1.Buffer : void 0, allocUnsafe = Buffer ? Buffer.allocUnsafe : void 0;
+var Buffer2 = moduleExports ? root$1.Buffer : void 0, allocUnsafe = Buffer2 ? Buffer2.allocUnsafe : void 0;
 function cloneBuffer(buffer, isDeep) {
   if (isDeep) {
     return buffer.slice();
@@ -7131,14 +7152,14 @@ var SwipeDirection;
   SwipeDirection2["LEFT"] = "LEFT";
   SwipeDirection2["NONE"] = "NONE";
 })(SwipeDirection || (SwipeDirection = {}));
-var __defProp = Object.defineProperty;
+var __defProp2 = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
+var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp2(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
 var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
+    if (__hasOwnProp2.call(b, prop))
       __defNormalProp(a, prop, b[prop]);
   if (__getOwnPropSymbols)
     for (var prop of __getOwnPropSymbols(b)) {
@@ -7462,18 +7483,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] },
@@ -7489,12 +7510,12 @@ const _sfc_main$18 = vue.defineComponent({
   props: props$9,
   setup(props2) {
     const loading = vue.ref(false);
-    const { currentCount, isStart, start, reset: reset2 } = useCountdown(props2.count);
+    const { currentCount, isStart, start, reset: reset3 } = useCountdown(props2.count);
     const getButtonText = vue.computed(() => {
       return !vue.unref(isStart) ? "获取验证码" : `${currentCount.value}秒后重新获取`;
     });
     vue.watchEffect(() => {
-      props2.value === void 0 && reset2();
+      props2.value === void 0 && reset3();
     });
     async function handleStart() {
       const { beforeStartFunc } = props2;
@@ -7590,9 +7611,13 @@ const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
   emits: ["change", "input"],
   setup(__props) {
     const props2 = __props;
+    const Tinymce = vue.defineAsyncComponent(async () => {
+      const { Tinymce: Tinymce2 } = await import("@shy-plugins/tinymce");
+      return Tinymce2;
+    });
     const [state] = use.useRuleFormItem(props2);
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(tinymce.Tinymce), {
+      return vue.openBlock(), vue.createBlock(vue.unref(Tinymce), {
         modelValue: vue.unref(state),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(state) ? state.value = $event : null),
         width: "100%"
@@ -7631,7 +7656,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
       default: () => true
     }
   },
-  emits: ["update:value", "change"],
+  emits: ["update:value", "change", "add", "remove"],
   setup(__props, { expose, emit }) {
     const props2 = __props;
     const listFormRefs = vue.ref([]);
@@ -7644,18 +7669,20 @@ const _sfc_main$15 = /* @__PURE__ */ vue.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 = vue.unref(state).filter((item, i) => {
         return index2 !== i;
       });
+      emit("remove", state.value, index2);
     };
     const loadKv = () => {
       const columns = props2.columns;
@@ -7768,10 +7795,9 @@ const _sfc_main$15 = /* @__PURE__ */ vue.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 = "";
-use.useI18n();
 const modalProps = {
   visible: { type: Boolean },
   scrollTop: { type: Boolean, default: true },
@@ -8785,8 +8811,10 @@ const _sfc_main$Z = vue.defineComponent({
     vue.watch(
       () => vue.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));
         vue.nextTick(() => {
           if (props2.scrollTop && v && vue.unref(modalWrapperRef)) {
             vue.unref(modalWrapperRef).scrollTop();
@@ -10334,7 +10362,6 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   emits: ["change", "delete", "preview-delete", "update:value"],
   setup(__props, { emit }) {
     const props2 = __props;
-    defineOptions({ name: "BasicUpload" });
     const attrs = vue.useAttrs();
     const { t: t2 } = use.useI18n();
     const [registerUploadModal, { openModal: openUploadModal }] = useModal();
@@ -10443,7 +10470,6 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   emits: ["change", "update:value", "delete"],
   setup(__props, { emit }) {
     const props2 = __props;
-    defineOptions({ name: "ImageUpload" });
     const { t: t2 } = use.useI18n();
     const { createMessage } = use.useMessage();
     const { accept, helpText, maxNumber, maxSize } = vue.toRefs(props2);
@@ -10735,6 +10761,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]" && !vue.isVNode(s);
 }
@@ -10777,6 +10821,9 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     slots,
     emit
   }) {
+    const {
+      config
+    } = useGlobalConfig("form");
     const {
       schema,
       formProps
@@ -10853,10 +10900,14 @@ const _sfc_main$O = /* @__PURE__ */ vue.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 = vue.computed(() => {
       const {
@@ -11595,7 +11646,9 @@ function useFormEvents({
             if (typeof componentProps === "function") {
               _props = _props({ formModel });
             }
-            formModel[key2] = value ? (_props == null ? void 0 : _props.valueFormat) ? value : utils.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) : utils.dateUtil(value) : null;
           }
         } else {
           formModel[key2] = value;
@@ -11974,23 +12027,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 = vue.defineComponent({
   name: "BasicForm",
   components: { FormItem: _sfc_main$O, Form: antDesignVue.Form, Row: antDesignVue.Row, FormAction, DownOutlined: DownOutlined$1 },
@@ -14684,6 +14720,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;
@@ -14748,13 +14812,14 @@ function handleActionColumn(propsRef, columns) {
     });
   }
 }
-function useColumns$1(propsRef, getPaginationRef, tableAction) {
+function useColumns$1(propsRef, getPaginationRef, tableAction, wrapRef) {
   const columnsRef = vue.ref(vue.unref(propsRef).columns);
   let cacheColumns = vue.unref(propsRef).columns;
   const getColumnsRef = vue.computed(() => {
     const columns = cloneDeep(vue.unref(columnsRef));
     handleIndexColumn(propsRef, getPaginationRef, columns);
     handleActionColumn(propsRef, columns);
+    handleColumnResize(propsRef, columns, wrapRef);
     if (!columns) {
       return [];
     }
@@ -14819,6 +14884,12 @@ function useColumns$1(propsRef, getPaginationRef, tableAction) {
       return vue.reactive(column);
     });
   });
+  const getColumnsSummary = vue.computed(() => {
+    if (propsRef.value.rowSelection) {
+      return [{ flag: "ROW_SELECTION" }, ...getViewColumns.value];
+    }
+    return getViewColumns.value;
+  });
   vue.watch(
     () => vue.unref(propsRef).columns,
     (columns) => {
@@ -14895,7 +14966,8 @@ function useColumns$1(propsRef, getPaginationRef, tableAction) {
     getColumns,
     setColumns,
     getViewColumns,
-    setCacheColumnsByField
+    setCacheColumnsByField,
+    getColumnsSummary
   };
 }
 function sortFixedColumn(columns) {
@@ -14958,6 +15030,19 @@ function useDataSource(propsRef, {
   vue.watchEffect(() => {
     tableData.value = vue.unref(dataSourceRef);
   });
+  const summaryTotalData = vue.computed(() => {
+    const { summaryTotalFields } = vue.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;
+  });
   vue.watch(
     () => vue.unref(propsRef).dataSource,
     () => {
@@ -15241,7 +15326,8 @@ function useDataSource(propsRef, {
     deleteTableDataRecord,
     insertTableDataRecord,
     findTableDataRecord,
-    handleTableChange
+    handleTableChange,
+    summaryTotalData
   };
 }
 function useLoading$1(props2) {
@@ -15271,7 +15357,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
     };
   });
   vue.watch(
@@ -15771,7 +15859,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     }
     let sortable;
     let sortableOrder = [];
-    function reset2() {
+    function reset3() {
       state.checkedList = [...state.defaultCheckList];
       state.checkAll = true;
       plainOptions.value = vue.unref(cachePlainOptions);
@@ -15913,7 +16001,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
                 vue.createVNode(_component_a_button, {
                   size: "small",
                   type: "link",
-                  onClick: reset2
+                  onClick: reset3
                 }, {
                   default: vue.withCtx(() => [
                     vue.createTextVNode(vue.toDisplayString(vue.unref(t2)("common.resetText")), 1)
@@ -17236,6 +17324,11 @@ const basicProps$3 = vue.reactive({
     type: Array,
     default: null
   },
+  summaryTotalFields: {
+    type: Array,
+    default: null
+  },
+  showSummaryTotal: Boolean,
   indentSize: {
     type: Number,
     default: 24
@@ -17309,6 +17402,7 @@ const basicProps$3 = vue.reactive({
     default: null
   },
   ellipsis: { type: Boolean, default: true },
+  resizable: { type: Boolean, default: false },
   isCanResizeParent: { type: Boolean, default: false },
   canResize: { type: Boolean, default: true },
   clearSelectOnPageChange: {
@@ -17641,7 +17735,10 @@ const _sfc_main$q = vue.defineComponent({
     BasicForm,
     HeaderCell: _sfc_main$E,
     Empty: antDesignVue.Empty,
-    TableGlobalSearch
+    TableGlobalSearch,
+    TableSummaryRow: antDesignVue.TableSummaryRow,
+    TableSummaryCell: antDesignVue.TableSummaryCell,
+    TableSummary: antDesignVue.TableSummary
   },
   props: basicProps$3,
   emits: [
@@ -17712,7 +17809,8 @@ const _sfc_main$q = vue.defineComponent({
       getRowKey,
       reload,
       getAutoCreateKey,
-      updateTableData
+      updateTableData,
+      summaryTotalData
     } = useDataSource(
       getProps,
       {
@@ -17739,8 +17837,9 @@ const _sfc_main$q = vue.defineComponent({
       setCacheColumnsByField,
       setColumns,
       getColumnsRef,
-      getCacheColumns
-    } = useColumns$1(getProps, getPaginationInfo, tableActionRef);
+      getCacheColumns,
+      getColumnsSummary
+    } = useColumns$1(getProps, getPaginationInfo, tableActionRef, wrapRef);
     const { getScrollRef, redoHeight } = useTableScroll(
       getProps,
       tableElRef,
@@ -17938,7 +18037,12 @@ const _sfc_main$q = vue.defineComponent({
       handleAdvancedEnsure,
       isVisibleGlobalSearch,
       schemasAdvancedSearchString,
-      schemasAdvancedSearchGlobal
+      schemasAdvancedSearchGlobal,
+      getColumns,
+      getColumnsRef,
+      summaryTotalData,
+      getProps,
+      getColumnsSummary
     };
   }
 });
@@ -17953,6 +18057,9 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_TableGlobalSearch = vue.resolveComponent("TableGlobalSearch");
   const _component_HeaderCell = vue.resolveComponent("HeaderCell");
   const _component_Empty = vue.resolveComponent("Empty");
+  const _component_TableSummaryCell = vue.resolveComponent("TableSummaryCell");
+  const _component_TableSummaryRow = vue.resolveComponent("TableSummaryRow");
+  const _component_TableSummary = vue.resolveComponent("TableSummary");
   const _component_Table = vue.resolveComponent("Table");
   return vue.openBlock(), vue.createElementBlock("div", {
     ref: "wrapRef",
@@ -18018,7 +18125,45 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
                 vue.renderSlot(_ctx.$slots, item, vue.normalizeProps(vue.guardReactiveProps(data || {})))
               ])
             };
-          })
+          }),
+          _ctx.getProps.showSummaryTotal ? {
+            name: "summary",
+            fn: vue.withCtx(() => [
+              vue.createVNode(_component_TableSummary, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_TableSummaryRow, null, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.getColumnsSummary, (item, index2) => {
+                        return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
+                          index2 === 0 ? (vue.openBlock(), vue.createBlock(_component_TableSummaryCell, {
+                            key: 0,
+                            align: "center",
+                            index: 0
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(" 总计 ")
+                            ]),
+                            _: 1
+                          })) : (vue.openBlock(), vue.createBlock(_component_TableSummaryCell, {
+                            key: 1,
+                            index: index2
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(vue.toDisplayString(_ctx.summaryTotalData[item.dataIndex] || ""), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["index"]))
+                        ], 64);
+                      }), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
         ]), 1040, ["rowClassName", "onChange", "onResizeColumn"]), [
           [vue.vShow, _ctx.getEmptyDataIsShowTable]
         ])
@@ -18593,14 +18738,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 = vue.reactive({
   schema: {
     type: Array,
     default: () => []
   },
   labelAlign: {
-    type: String,
-    default: () => "right"
+    type: String
   },
   labelWidth: {
     type: Number,
@@ -18614,11 +18758,15 @@ const basicProps$2 = {
     type: Object,
     default: () => ({})
   },
+  bordered: {
+    type: Boolean,
+    default: () => false
+  },
   customRender: {
     type: Object,
     default: () => null
   }
-};
+});
 const DescriptionGroup = /* @__PURE__ */ vue.defineComponent({
   props: {
     label: {
@@ -18664,6 +18812,33 @@ const Description = /* @__PURE__ */ vue.defineComponent({
         createMessage.error("无法复制文本到剪贴板");
       });
     };
+    const isBordered = vue.computed(() => getProps.value.bordered);
+    const labelAlignCss = vue.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 = vue.computed(() => {
       let element = null;
       return getProps.value.schema.map((item) => {
@@ -18687,7 +18862,8 @@ const Description = /* @__PURE__ */ vue.defineComponent({
               field: getProps.value.data[`${item.field}`]
             }) : getProps.value.data[`${item.field}`];
           }
-          return vue.createVNode("div", {
+          const ifShow = utils.isBoolean(item == null ? void 0 : item.ifShow) || utils.isFunction(item == null ? void 0 : item.ifShow) ? utils.isFunction(item.ifShow) ? item.ifShow(getProps.value.data) : item.ifShow : true;
+          return ifShow ? vue.createVNode("div", {
             "class": `${prefixCls2}-row`,
             "style": {
               flex: `0 0 ${(((_b = item == null ? void 0 : item.colProps) == null ? void 0 : _b.span) || basicColProps) / 24 * 100}%`
@@ -18695,7 +18871,7 @@ const Description = /* @__PURE__ */ vue.defineComponent({
           }, [(slots == null ? void 0 : slots[`${item.field}Label`]) || item.label ? vue.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 : {}
             },
@@ -18703,7 +18879,14 @@ const Description = /* @__PURE__ */ vue.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) ? ":" : ""]) : vue.createVNode(vue.Fragment, null, [vue.createTextVNode(" ")]), vue.createVNode("span", {
+          }) : item.label, (item == null ? void 0 : item.helpMessage) ? vue.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) ? "：" : ""]) : vue.createVNode(vue.Fragment, null, [vue.createTextVNode(" ")]), vue.createVNode("span", {
             "class": `${prefixCls2}-value`,
             "style": {
               ...((_g = getProps.value) == null ? void 0 : _g.contentStyle) ? (_h = getProps.value) == null ? void 0 : _h.contentStyle : {},
@@ -18717,7 +18900,7 @@ const Description = /* @__PURE__ */ vue.defineComponent({
               color: "#458ef9",
               marginLeft: "5px"
             }
-          }, null)]) : null])]);
+          }, null)]) : null])]) : null;
         }
       });
     });
@@ -18725,31 +18908,36 @@ const Description = /* @__PURE__ */ vue.defineComponent({
       setDescProps
     });
     return () => vue.createVNode("div", {
-      "class": `${prefixCls2}-wrapper`
+      "class": isBordered.value ? `${prefixCls2}-wrapper ${prefixCls2}-wrapper-bordered` : `${prefixCls2}-wrapper`
     }, [rows.value]);
   }
 });
 function useDescription(props2) {
-  if (!vue.getCurrentInstance()) {
-    throw new Error(
-      "useDescription() can only be used inside setup() or functional components!"
-    );
-  }
-  const desc = vue.ref(null);
+  const descRef = vue.ref(null);
   const loaded = vue.ref(false);
+  async function getDescription() {
+    const desc = vue.unref(descRef);
+    if (!desc) {
+      utils.error(
+        "useDescription() can only be used inside setup() or functional components!"
+      );
+    }
+    await vue.nextTick();
+    return desc;
+  }
   function register(instance) {
     vue.onUnmounted(() => {
-      desc.value = null;
+      descRef.value = null;
       loaded.value = false;
     });
-    if (vue.unref(loaded) && instance === vue.unref(desc))
+    if (vue.unref(loaded) && instance === vue.unref(descRef))
       return;
-    desc.value = instance;
+    descRef.value = instance;
     loaded.value = true;
     vue.watch(
       () => props2,
       () => {
-        props2 && instance.setDescProps(props2);
+        props2 && instance.setDescProps(utils.getDynamicProps(props2));
       },
       {
         immediate: true,
@@ -18758,9 +18946,9 @@ function useDescription(props2) {
     );
   }
   const methods2 = {
-    setDescProps: (descProps) => {
-      var _a2;
-      (_a2 = vue.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];
@@ -19015,7 +19203,9 @@ const _sfc_main$i = vue.defineComponent({
       () => visibleRef.value,
       (visible) => {
         vue.nextTick(() => {
+          var _a2;
           emit("visible-change", visible);
+          instance && ((_a2 = drawerInstance.emitVisible) == null ? void 0 : _a2.call(drawerInstance, visible, instance.uid));
         });
       }
     );
@@ -21047,7 +21237,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);
@@ -22671,7 +22861,7 @@ const _sfc_main$e = vue.defineComponent({
       run();
       source.value = props2.endVal;
     }
-    function reset2() {
+    function reset3() {
       source.value = props2.startVal;
       run();
     }
@@ -22702,7 +22892,7 @@ const _sfc_main$e = vue.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) {
@@ -23357,7 +23547,7 @@ const _sfc_main$8 = vue.defineComponent({
     );
     let sortable;
     let sortableOrder = [];
-    function reset2() {
+    function reset3() {
       sortable.sort(sortableOrder);
       plainOptions.value = JSON.parse(JSON.stringify(cachePlainOptions.value));
       plainSortOptions.value = JSON.parse(
@@ -23406,7 +23596,7 @@ const _sfc_main$8 = vue.defineComponent({
       ...vue.toRefs(state),
       onCheckAllChange,
       plainOptions,
-      reset: reset2,
+      reset: reset3,
       prefixCls: prefixCls2,
       columnListRef,
       checkIndex,
@@ -24183,6 +24373,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                       column,
                       onHandleSortChange: handleSortChange
                     }, null, 8, ["column"])) : (vue.openBlock(), vue.createBlock(vue.unref(vxeTable.VxeColumn), vue.mergeProps({ key: 1 }, column, {
+                      "show-overflow": "title",
                       "edit-render": (column == null ? void 0 : column.editRender) || void 0
                     }), {
                       default: vue.withCtx((config) => [
@@ -24393,13 +24584,53 @@ const basicContainerProps = vue.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) => {
@@ -24408,13 +24639,22 @@ const setDefaultConfig$1 = (config) => {
 const _sfc_main$1 = vue.defineComponent({
   components: {
     Button: antDesignVue.Button,
-    ArrowLeftOutlined: ArrowLeftOutlined$1
+    ArrowLeftOutlined: ArrowLeftOutlined$1,
+    LoadingOutlined: LoadingOutlined$1
   },
   props: basicContainerProps,
-  emit: ["submit", "cancel"],
+  emits: ["submit", "cancel", "save"],
   setup(props2, { emit }) {
     const { prefixCls: prefixCls2 } = use.useDesign("basic-container");
+    const cancelAlignRef = vue.computed(() => {
+      return `${prefixCls2}-footer-cancel-${props2.cancelAlign}`;
+    });
+    const footerAlignRef = vue.computed(() => {
+      return `${prefixCls2}-footer-${props2.footerAlign}`;
+    });
     return {
+      cancelAlignRef,
+      footerAlignRef,
       prefixCls: prefixCls2,
       emit
     };
@@ -24423,22 +24663,31 @@ const _sfc_main$1 = vue.defineComponent({
 const BasicContainer_vue_vue_type_style_index_0_lang = "";
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ArrowLeftOutlined = vue.resolveComponent("ArrowLeftOutlined");
+  const _component_LoadingOutlined = vue.resolveComponent("LoadingOutlined");
   const _component_Button = vue.resolveComponent("Button");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.prefixCls)
   }, [
-    vue.createElementVNode("div", {
+    _ctx.isShowHeader ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
       class: vue.normalizeClass(`${_ctx.prefixCls}-header`)
     }, [
       vue.createElementVNode("div", {
         class: vue.normalizeClass(`${_ctx.prefixCls}-header-title`)
       }, [
-        vue.createElementVNode("div", {
+        !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
           class: vue.normalizeClass(`${_ctx.prefixCls}-header-title-icon`),
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.emit("cancel"))
         }, [
-          vue.createVNode(_component_ArrowLeftOutlined, { style: { fontSize: `14px` } })
-        ], 2),
+          vue.createVNode(_component_ArrowLeftOutlined, { style: { fontSize: `16px` } })
+        ], 2)) : vue.createCommentVNode("", true),
+        _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: vue.normalizeClass(`${_ctx.prefixCls}-header-title-loading-icon`)
+        }, [
+          vue.createVNode(_component_LoadingOutlined, { style: { fontSize: `16px` } })
+        ], 2)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(`${_ctx.prefixCls}-header-title-text`)
         }, vue.toDisplayString(_ctx.title), 3)
@@ -24448,34 +24697,61 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         vue.renderSlot(_ctx.$slots, "extra")
       ], 2)
-    ], 2),
+    ], 2)) : vue.createCommentVNode("", true),
     vue.createElementVNode("div", {
       class: vue.normalizeClass(`${_ctx.prefixCls}-content`)
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2),
-    vue.createElementVNode("div", {
-      class: vue.normalizeClass(`${_ctx.prefixCls}-footer`)
+    _ctx.isShowFooter ? (vue.openBlock(), vue.createElementBlock("div", {
+      key: 1,
+      class: vue.normalizeClass(`${_ctx.prefixCls}-footer ${_ctx.footerAlignRef}`)
     }, [
-      vue.renderSlot(_ctx.$slots, "buttons"),
-      vue.createVNode(_component_Button, {
-        type: "primary",
-        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.emit("submit"))
-      }, {
-        default: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.submitBtnText), 1)
-        ]),
-        _: 1
-      }),
-      vue.createVNode(_component_Button, {
-        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.emit("cancel"))
-      }, {
-        default: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.cancelBtnText), 1)
-        ]),
-        _: 1
-      })
-    ], 2)
+      _ctx.isShowBtn ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: vue.normalizeClass(`${_ctx.prefixCls}-footer-buttons ${_ctx.cancelAlignRef}`)
+      }, [
+        _ctx.isShowCancelBtn ? (vue.openBlock(), vue.createBlock(_component_Button, {
+          key: 0,
+          class: vue.normalizeClass(`${_ctx.prefixCls}-footer-cancel-button`),
+          loading: _ctx.loading,
+          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.emit("cancel"))
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.cancelBtnText), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "loading"])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(`${_ctx.prefixCls}-footer-fn-buttons`)
+        }, [
+          _ctx.isShowSaveBtn ? (vue.openBlock(), vue.createBlock(_component_Button, {
+            key: 0,
+            type: "primary",
+            loading: _ctx.loading,
+            onClick: _cache[2] || (_cache[2] = ($event) => _ctx.emit("save"))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.saveBtnText), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])) : vue.createCommentVNode("", true),
+          _ctx.isShowSubmitBtn ? (vue.openBlock(), vue.createBlock(_component_Button, {
+            key: 1,
+            type: "primary",
+            loading: _ctx.loading,
+            onClick: _cache[3] || (_cache[3] = ($event) => _ctx.emit("submit"))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.submitBtnText), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "buttons")
+        ], 2)
+      ], 2)) : vue.createCommentVNode("", true),
+      vue.renderSlot(_ctx.$slots, "footer")
+    ], 2)) : vue.createCommentVNode("", true)
   ], 2);
 }
 const BasicContainer = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);