@maxax/ui 1.1.73 → 1.1.75

package/dist/index.mjs

@@ -11,7 +11,7 @@ import dayjs from "dayjs";
 import { useBoolean, useMergedState as useMergedState$1, useEventListener as useEventListener$1, useBreakpoint } from "@maxax/hooks";
 import { format } from "date-fns";
 import elementResizeDetectorMaker from "element-resize-detector";
-import { z as zhCN } from "./zh-cn-BiMi9UU7.js";
+import { z as zhCN } from "./zh-cn-KPfh6ZPA.js";
 function tryOnScopeDispose(fn, failSilently) {
   if (getCurrentScope()) {
     onScopeDispose(fn, failSilently);
@@ -7853,20 +7853,21 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       return createVNode("span", null, [getLabel]);
     }
     function renderComponent() {
+      var _a;
       const {
         renderComponentContent
       } = props.schema;
       const {
         size
       } = props.buttonGroupProps;
+      const icon = (_a = props.schema.icon) != null ? _a : unref(getComponentsProps).icon;
       const propsData = {
-        clearable: true,
         size,
-        type: "primary",
         ...unref(getComponentsProps),
         disabled: unref(getDisable),
         loading: unref(getLoading)
       };
+      delete propsData.icon;
       const on = {
         onClick: (ev) => {
           if (!props.schema.validate) {
@@ -7907,18 +7908,25 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
         ...propsData,
         ...on
       };
+      const iconSlot = icon ? {
+        icon: () => createVNode(XBasicSvgIcon, {
+          "icon": icon
+        }, null)
+      } : {};
       if (!renderComponentContent) {
-        let _slot;
-        return createVNode(NButton, compAttr, _isSlot$3(_slot = renderButtonLabel()) ? _slot : {
-          default: () => [_slot]
+        return createVNode(NButton, compAttr, {
+          default: () => renderButtonLabel(),
+          ...iconSlot
         });
       }
       const compSlot = isFunction$1(renderComponentContent) ? {
         ...renderComponentContent(unref(getValues), {
           disabled: unref(getDisable)
-        })
+        }),
+        ...iconSlot
       } : {
-        default: () => renderComponentContent
+        default: () => renderComponentContent,
+        ...iconSlot
       };
       return createVNode(NButton, compAttr, _isSlot$3(compSlot) ? compSlot : {
         default: () => [compSlot]
@@ -8074,9 +8082,24 @@ function useButtonGroupEvents({ getSchema, schemaRef }) {
     setSchema
   };
 }
+const DEFAULT_RETURN_BUTTON_SCHEMA = {
+  field: "buttonReturn",
+  component: "Button",
+  label: () => t("max.basic.back"),
+  message: () => t("max.basic.confirmReturn"),
+  confirm: () => window.history.back(),
+  componentProps: {
+    type: "default",
+    bordered: true
+  }
+};
 function useButtonGroupSchema({ getProps, schemaRef }) {
   const getSchema = computed(() => {
-    const schemas = cloneDeep$2(unref(schemaRef) || unref(getProps).schemas || []);
+    const props = unref(getProps);
+    const schemas = cloneDeep$2(unref(schemaRef) || props.schemas || []);
+    if (props.showReturnButton && !schemas.some((schema) => schema.field === DEFAULT_RETURN_BUTTON_SCHEMA.field)) {
+      schemas.unshift(cloneDeep$2(DEFAULT_RETURN_BUTTON_SCHEMA));
+    }
     return schemas;
   });
   return { getSchema };
@@ -8084,18 +8107,20 @@ function useButtonGroupSchema({ getProps, schemaRef }) {
 const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonGroup",
   props: {
-    showReturnButton: { type: Boolean },
+    showReturnButton: { type: Boolean, default: true },
     size: {},
     disabled: { type: Boolean },
     readonly: { type: Boolean },
     schemas: { default: () => [] },
     mergeDynamicData: {},
+    placement: { default: "left" },
     compact: { type: Boolean }
   },
   emits: ["click"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const { t: t2 } = useLocale();
+    const { e } = useNamespace("basic-button-group");
     const attrs = useAttrs();
     const schemaRef = ref(null);
     ref(null);
@@ -8111,6 +8136,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       schemaRef
     });
     const getBindValue = computed(() => ({ ...omit$1(attrs, ["data-max-id"]), ...unref(getProps) }));
+    const getLeftSchema = computed(() => unref(getSchema).filter((schema) => {
+      var _a;
+      return ((_a = schema.placement) != null ? _a : unref(getProps).placement) === "left";
+    }));
+    const getRightSchema = computed(() => unref(getSchema).filter((schema) => {
+      var _a;
+      return ((_a = schema.placement) != null ? _a : unref(getProps).placement) === "right";
+    }));
     watch(
       () => props.schemas,
       (schemas) => {
@@ -8140,12 +8173,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     function handleClick({ values: values2 }) {
       var _a;
       const { field, schema } = values2;
-      if (field === "buttonReturn") {
-        window.history.back();
-        return;
-      }
-      if (schema.message) {
-        XBasicMessageBox.confirm(schema.message, t2("max.basic.warning"), schema.messageBoxProps || {}).then(() => {
+      const message = isFunction$1(schema.message) ? schema.message(values2) : schema.message;
+      if (message) {
+        XBasicMessageBox.confirm(message, t2("max.basic.warning"), schema.messageBoxProps || {}).then(() => {
           var _a2;
           (_a2 = schema.confirm) == null ? void 0 : _a2.call(schema, { field, schema, action: "confirm" });
         }).catch(() => {
@@ -8161,24 +8191,55 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: unref(getWrapperClass) }, getBindValue.value), [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSchema), (schema) => {
-          return openBlock(), createBlock(_sfc_main$H, {
-            key: schema.field,
-            schema,
-            "button-group-action-type": buttonGroupActionType,
-            "button-group-props": getProps.value,
-            onClick: handleClick
-          }, createSlots({ _: 2 }, [
-            renderList(Object.keys(unref(slots)), (item) => {
-              return {
-                name: item,
-                fn: withCtx((data) => [
-                  renderSlot(_ctx.$slots, item, mergeProps({ ref_for: true }, data || {}))
-                ])
-              };
-            })
-          ]), 1032, ["schema", "button-group-props"]);
-        }), 128))
+        createElementVNode("div", {
+          class: normalizeClass(unref(e)("left"))
+        }, [
+          renderSlot(_ctx.$slots, "left-left"),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(getLeftSchema.value, (schema) => {
+            return openBlock(), createBlock(_sfc_main$H, {
+              key: schema.field,
+              schema,
+              "button-group-action-type": buttonGroupActionType,
+              "button-group-props": getProps.value,
+              onClick: handleClick
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(unref(slots)), (item) => {
+                return {
+                  name: item,
+                  fn: withCtx((data) => [
+                    renderSlot(_ctx.$slots, item, mergeProps({ ref_for: true }, data || {}))
+                  ])
+                };
+              })
+            ]), 1032, ["schema", "button-group-props"]);
+          }), 128)),
+          renderSlot(_ctx.$slots, "left-right")
+        ], 2),
+        getRightSchema.value.length || unref(slots)["right-left"] || unref(slots)["right-right"] ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(e)("right"))
+        }, [
+          renderSlot(_ctx.$slots, "right-left"),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(getRightSchema.value, (schema) => {
+            return openBlock(), createBlock(_sfc_main$H, {
+              key: schema.field,
+              schema,
+              "button-group-action-type": buttonGroupActionType,
+              "button-group-props": getProps.value,
+              onClick: handleClick
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(unref(slots)), (item) => {
+                return {
+                  name: item,
+                  fn: withCtx((data) => [
+                    renderSlot(_ctx.$slots, item, mergeProps({ ref_for: true }, data || {}))
+                  ])
+                };
+              })
+            ]), 1032, ["schema", "button-group-props"]);
+          }), 128)),
+          renderSlot(_ctx.$slots, "right-right")
+        ], 2)) : createCommentVNode("", true)
       ], 16);
     };
   }