sard-uniapp 1.20.1 → 1.21.0

package/CHANGELOG.md

@@ -1,3 +1,29 @@
+# [1.21.0](https://github.com/sutras/sard-uniapp/compare/v1.20.2...v1.21.0) (2025-07-04)
+
+
+### Bug Fixes
+
+* upload组件修改beforeChoose，多返回一个参数sourceType，用于区分当前选择项 ([d440c7e](https://github.com/sutras/sard-uniapp/commit/d440c7e166db4987507e642bda8d3fb6aa2a4c9b))
+* 修复 fab 图标设置失败问题 ([da00f11](https://github.com/sutras/sard-uniapp/commit/da00f11ce8cd19ab712572d106ce94856739a228))
+
+
+### Features
+
+* list 新增隐藏边框属性 ([6fbab69](https://github.com/sutras/sard-uniapp/commit/6fbab69ad4e637bc1bb12dea360e12413e398c74))
+* upload组件选择前置允许配置 ([5f2a753](https://github.com/sutras/sard-uniapp/commit/5f2a7538f985a85226e52c19aa11699fa1c6aa9f))
+* 新增瀑布流组件 ([8da700b](https://github.com/sutras/sard-uniapp/commit/8da700b367a63725f074d4431ac72e26b3e64cae))
+
+
+
+## [1.20.2](https://github.com/sutras/sard-uniapp/compare/v1.20.1...v1.20.2) (2025-07-02)
+
+
+### Features
+
+* dialog, notify, toast 新增事件 ([54e5c4b](https://github.com/sutras/sard-uniapp/commit/54e5c4b8c8240df6dd77edb01bfee9e8ecabae96))
+
+
+
 ## [1.20.1](https://github.com/sutras/sard-uniapp/compare/v1.20.0...v1.20.1) (2025-07-02)
 
 

package/README.md

@@ -25,7 +25,7 @@
 
 ## 特性
 
-- 🧩 95+个高质量组件，覆盖移动端主流场景
+- 🧩 96+个高质量组件，覆盖移动端主流场景
 - 💪 支持一套代码同时开发 H5 / 小程序 / App
 - 🌿 支持按需引入和 `Tree Shaking`
 - 📖 详尽的文档和案例展示
@@ -49,7 +49,8 @@
 ### 前提条件
 
 - 确保 node >= 20
-- 建议使用 pnpm
+- 建议使用 pnpm 包管理器
+- 建议使用 vscode 编辑器
 
 ### 克隆仓库到本地
 

package/components/config/index.d.ts

@@ -479,6 +479,11 @@ export declare const defaultConfig: {
     uploadPreview: {
         status: UploadPreviewProps["status"];
     };
+    waterfall: {
+        columns: number;
+        columnGap: number;
+        rowGap: number;
+    };
 };
 export type ConfigOptions = typeof defaultConfig;
 export declare function setConfig(...optionsArgs: DeepPartial<ConfigOptions>[]): void;

package/components/config/index.js

@@ -433,6 +433,11 @@ export const defaultConfig = {
     uploadPreview: {
         status: 'pending',
     },
+    waterfall: {
+        columns: 2,
+        columnGap: 16,
+        rowGap: 16,
+    },
 };
 function extendProps(source, target) {
     Object.keys(target).forEach((key) => {

package/components/crop-image-agent/common.js

@@ -1,4 +1,4 @@
-import { getAvailableImperative } from '../../use/useImperative';
+import { getAvailableImperative } from '../../use';
 import { defaultConfig } from '../config';
 import { defaultCropImageProps } from '../crop-image/common';
 export const defaultCropImageAgentProps = () => ({

package/components/crop-image-agent/crop-image-agent.vue

@@ -10,7 +10,7 @@ import {
   defaultCropImageAgentProps,
   imperativeName
 } from "./common";
-import { useImperative } from "../../use/useImperative";
+import { useImperative } from "../../use";
 export default  _defineComponent({
   components: {
     SarCropImage,

package/components/dialog/README.md

@@ -139,9 +139,25 @@ type DialogBeforeClose = (
 
 继承 [`DialogProps`](#DialogProps) 并有以下额外属性。
 
-| 属性 | 描述            | 类型   | 默认值   |
-| ---- | --------------- | ------ | -------- |
-| id   | 对话框组件的 id | string | 'dialog' |
+| 属性                                | 描述                        | 类型                               | 默认值   |
+| ----------------------------------- | --------------------------- | ---------------------------------- | -------- |
+| id                                  | 对话框组件的 id             | string                             | 'dialog' |
+| onClose <sup>1.20.2+</sup>          | 点击关闭按钮或遮罩时调用    | () => void                         |
+| onCancel <sup>1.20.2+</sup>         | 点击取消按钮时调用          | () => void                         |
+| onConfirm <sup>1.20.2+</sup>        | 点击确定按钮时调用          | () => void                         |
+| onVisibleHook <sup>1.20.2+</sup>    | 入场/退场动画状态改变时调用 | (name: TransitionHookName) => void |
+| onBeforeEnter <sup>1.20.2+</sup>    | 入场动画开始前调用          | () => void                         |
+| onEnter <sup>1.20.2+</sup>          | 入场动画开始时调用          | () => void                         |
+| onAfterEnter <sup>1.20.2+</sup>     | 入场动画结束时调用          | () => void                         |
+| onEnterCancelled <sup>1.20.2+</sup> | 入场动画取消时调用          | () => void                         |
+| onBeforeLeave <sup>1.20.2+</sup>    | 退场动画开始前调用          | () => void                         |
+| onLeave <sup>1.20.2+</sup>          | 退场动画开始时调用          | () => void                         |
+| onAfterLeave <sup>1.20.2+</sup>     | 退场动画结束时调用          | () => void                         |
+| onLeaveCancelled <sup>1.20.2+</sup> | 退场动画取消时调用          | () => void                         |
+
+### DialogAgentEmits <sup>1.20.2+</sup>
+
+继承 [`DialogEmits`](#DialogEmits)。
 
 ### 命令式方法
 

package/components/dialog/common.d.ts

@@ -25,7 +25,6 @@ export interface DialogProps {
     duration?: number;
     cancelProps?: ButtonProps;
     confirmProps?: ButtonProps;
-    id?: string;
 }
 export declare const defaultDialogProps: {
     headed: boolean;

package/components/dialog/dialog.vue

@@ -156,8 +156,7 @@ export default  _defineComponent({
     beforeClose: { type: Function, required: false },
     duration: { type: Number, required: false },
     cancelProps: { type: Object, required: false },
-    confirmProps: { type: Object, required: false },
-    id: { type: String, required: false }
+    confirmProps: { type: Object, required: false }
   }, defaultDialogProps),
   emits: ["update:visible", "close", "cancel", "confirm", "before-enter", "enter", "after-enter", "enter-cancelled", "before-leave", "leave", "after-leave", "leave-cancelled", "visible-hook"],
   setup(__props, { expose: __expose, emit: __emit }) {

package/components/dialog-agent/common.d.ts

@@ -1,5 +1,6 @@
-import { type DialogProps } from '../dialog/common';
-export interface DialogAgentProps extends DialogProps {
+import { type DialogEmits, type DialogProps } from '../dialog/common';
+import { type TransitionHookCallbacks } from '../popup/common';
+export interface DialogAgentProps extends DialogProps, TransitionHookCallbacks {
     id?: string;
     onClose?: () => void;
     onCancel?: () => void;
@@ -14,6 +15,8 @@ export declare const defaultDialogAgentProps: () => {
     overlayClosable: boolean;
     duration: number;
 };
+export interface DialogAgentEmits extends DialogEmits {
+}
 export declare const imperativeName = "dialog";
 export interface DialogImperative {
     show(newProps: Record<string, any>): void;

package/components/dialog-agent/common.js

@@ -1,6 +1,6 @@
-import { defaultDialogProps } from '../dialog/common';
+import { defaultDialogProps, } from '../dialog/common';
 import { defaultConfig } from '../config';
-import { getAllImperatives, getAvailableImperative, getImperatives, } from '../../use/useImperative';
+import { getAllImperatives, getAvailableImperative, getImperatives, } from '../../use';
 export const defaultDialogAgentProps = () => ({
     ...defaultDialogProps,
     ...defaultConfig.dialogAgent,

package/components/dialog-agent/dialog-agent.d.ts

@@ -1,5 +1,11 @@
 import { type DialogAgentProps } from './common';
-declare const _default: import("vue").DefineComponent<DialogAgentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DialogAgentProps> & Readonly<{}>, {
+declare const _default: import("vue").DefineComponent<DialogAgentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
+}, string, import("vue").PublicProps, Readonly<DialogAgentProps> & Readonly<{
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+}>, {
     id: string;
     buttonType: "round" | "text";
     showConfirm: boolean;

package/components/dialog-agent/dialog-agent.vue

@@ -1,10 +1,36 @@
 <template>
   <sar-dialog
-    v-bind="innerProps"
-    v-model:visible="innerProps.visible"
-    @confirm="innerProps.onConfirm"
-    @close="innerProps.onClose"
-    @cancel="innerProps.onCancel"
+    :root-style="innerProps.rootStyle"
+    :root-class="innerProps.rootClass"
+    :popup-style="innerProps.popupStyle"
+    :popup-class="innerProps.popupClass"
+    :visible="innerProps.visible"
+    :title="innerProps.title"
+    :message="innerProps.message"
+    :headed="innerProps.headed"
+    :button-type="innerProps.buttonType"
+    :show-cancel="innerProps.showCancel"
+    :cancel-text="innerProps.cancelText"
+    :show-confirm="innerProps.showConfirm"
+    :confirm-text="innerProps.confirmText"
+    :overlay-closable="innerProps.overlayClosable"
+    :before-close="innerProps.beforeClose"
+    :duration="innerProps.duration"
+    :cancel-props="innerProps.cancelProps"
+    :confirm-props="innerProps.confirmProps"
+    @update:visible="onUpdateVisible"
+    @confirm="onConfirm"
+    @close="onClose"
+    @cancel="onCancel"
+    @visible-hook="onVisibleHook"
+    @before-enter="onBeforeEnter"
+    @enter="onEnter"
+    @after-enter="onAfterEnter"
+    @enter-cancelled="onEnterCancelled"
+    @before-leave="onBeforeLeave"
+    @leave="onLeave"
+    @after-leave="onAfterLeave"
+    @leave-cancelled="onLeaveCancelled"
   />
 </template>
 
@@ -16,7 +42,7 @@ import {
   defaultDialogAgentProps,
   imperativeName
 } from "./common";
-import { useImperative } from "../../use/useImperative";
+import { useImperative } from "../../use";
 /**
  * @property {string} rootClass 对话框根元素类名，默认值：-。
  * @property {StyleValue} rootStyle 对话框根元素样式，默认值：-。
@@ -37,6 +63,31 @@ import { useImperative } from "../../use/useImperative";
  * @property {ButtonProps} confirmProps 设置确定按钮 props，默认值：-。
  * @property {ButtonProps} cancelProps 设置取消按钮 props，默认值：-。
  * @property {string} id 对话框组件的 id，默认值：'dialog'。
+ * @property {() => void} onClose 点击关闭按钮或遮罩时调用，默认值：undefined。
+ * @property {() => void} onCancel 点击取消按钮时调用，默认值：undefined。
+ * @property {() => void} onConfirm 点击确定按钮时调用，默认值：undefined。
+ * @property {(name: TransitionHookName) => void} onVisibleHook 入场/退场动画状态改变时调用，默认值：undefined。
+ * @property {() => void} onBeforeEnter 入场动画开始前调用，默认值：undefined。
+ * @property {() => void} onEnter 入场动画开始时调用，默认值：undefined。
+ * @property {() => void} onAfterEnter 入场动画结束时调用，默认值：undefined。
+ * @property {() => void} onEnterCancelled 入场动画取消时调用，默认值：undefined。
+ * @property {() => void} onBeforeLeave 退场动画开始前调用，默认值：undefined。
+ * @property {() => void} onLeave 退场动画开始时调用，默认值：undefined。
+ * @property {() => void} onAfterLeave 退场动画结束时调用，默认值：undefined。
+ * @property {() => void} onLeaveCancelled 退场动画取消时调用，默认值：undefined。
+ * @event {(visible: boolean) => void} update 对话框显隐时触发
+ * @event {() => void} close 点击关闭按钮或遮罩时触发
+ * @event {() => void} cancel 点击取消按钮时触发
+ * @event {() => void} confirm 点击确定按钮时触发
+ * @event {(name: TransitionHookName) => void} visible-hook 入场/退场动画状态改变时触发
+ * @event {() => void} before-enter 入场动画开始前触发
+ * @event {() => void} enter 入场动画开始时触发
+ * @event {() => void} after-enter 入场动画结束时触发
+ * @event {() => void} enter-cancelled 入场动画取消时触发
+ * @event {() => void} before-leave 退场动画开始前触发
+ * @event {() => void} leave 退场动画开始时触发
+ * @event {() => void} after-leave 退场动画结束时触发
+ * @event {() => void} leave-cancelled 退场动画取消时触发
  */
 export default  _defineComponent({
   components: {
@@ -71,11 +122,22 @@ export default  _defineComponent({
     beforeClose: { type: Function, required: false },
     duration: { type: Number, required: false },
     cancelProps: { type: Object, required: false },
-    confirmProps: { type: Object, required: false }
+    confirmProps: { type: Object, required: false },
+    onVisibleHook: { type: Function, required: false },
+    onBeforeEnter: { type: Function, required: false },
+    onEnter: { type: Function, required: false },
+    onAfterEnter: { type: Function, required: false },
+    onEnterCancelled: { type: Function, required: false },
+    onBeforeLeave: { type: Function, required: false },
+    onLeave: { type: Function, required: false },
+    onAfterLeave: { type: Function, required: false },
+    onLeaveCancelled: { type: Function, required: false }
   }, defaultDialogAgentProps()),
-  setup(__props, { expose: __expose }) {
+  emits: ["update:visible", "close", "cancel", "confirm", "before-enter", "enter", "after-enter", "enter-cancelled", "before-leave", "leave", "after-leave", "leave-cancelled", "visible-hook"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
+    const emit = __emit;
     const innerProps = ref({ ...props });
     const imperative = {
       show(newProps) {
@@ -92,12 +154,64 @@ export default  _defineComponent({
         };
       }
     };
+    const onConfirm = () => {
+      emit("confirm");
+      innerProps.value.onConfirm?.();
+    };
+    const onClose = () => {
+      emit("close");
+      innerProps.value.onClose?.();
+    };
+    const onCancel = () => {
+      emit("cancel");
+      innerProps.value.onCancel?.();
+    };
+    const onUpdateVisible = (visible) => {
+      innerProps.value.visible = visible;
+      emit("update:visible", visible);
+    };
+    const onVisibleHook = (name) => {
+      emit("visible-hook", name);
+      innerProps.value.onVisibleHook?.(name);
+    };
+    const onBeforeEnter = () => {
+      emit("before-enter");
+      innerProps.value.onBeforeEnter?.();
+    };
+    const onEnter = () => {
+      emit("enter");
+      innerProps.value.onEnter?.();
+    };
+    const onAfterEnter = () => {
+      emit("after-enter");
+      innerProps.value.onAfterEnter?.();
+    };
+    const onEnterCancelled = () => {
+      emit("enter-cancelled");
+      innerProps.value.onEnterCancelled?.();
+    };
+    const onBeforeLeave = () => {
+      emit("before-leave");
+      innerProps.value.onBeforeLeave?.();
+    };
+    const onLeave = () => {
+      emit("leave");
+      innerProps.value.onLeave?.();
+    };
+    const onAfterLeave = () => {
+      emit("after-leave");
+      innerProps.value.onAfterLeave?.();
+    };
+    const onLeaveCancelled = () => {
+      emit("leave-cancelled");
+      innerProps.value.onLeaveCancelled?.();
+    };
     useImperative(
       imperativeName,
       imperative,
       computed(() => innerProps.value.id)
     );
-    const __returned__ = { props, innerProps, imperative, SarDialog };
+    const __returned__ = { props, emit, innerProps, imperative, onConfirm, onClose, onCancel, onUpdateVisible, onVisibleHook, onBeforeEnter, onEnter, onAfterEnter, onEnterCancelled, onBeforeLeave, onLeave, onAfterLeave, onLeaveCancelled, SarDialog };
     return __returned__;
   }
 });

package/components/dialog-agent/index.d.ts

@@ -1 +1 @@
-export { type DialogAgentProps, type DialogOptions, dialog } from './common';
+export { type DialogAgentProps, type DialogOptions, type DialogAgentEmits, dialog, } from './common';

package/components/dialog-agent/index.js

@@ -1 +1 @@
-export { dialog } from './common';
+export { dialog, } from './common';

package/components/fab/README.md

@@ -60,6 +60,12 @@ import Fab from 'sard-uniapp/components/fab/fab.vue'
 
 @code('${DEMO_PATH}/fab/demo/NonItemList.vue')
 
+### 自定义图标
+
+使用 `icon` 和 `icon-family` 可自定义悬浮按钮图标。
+
+@code('${DEMO_PATH}/fab/demo/Icon.vue')
+
 ## API
 
 ### FabProps

package/components/fab/fab.vue

@@ -33,7 +33,7 @@
     </view>
     <view :class="itemEntryClass" @click="onItemEntryClick">
       <view :class="bem.e('item-btn')" :style="itemEntryBtnStyle">
-        <sar-icon family="sari" name="plus" />
+        <sar-icon :family="iconFamily || 'sari'" :name="icon || 'plus'" />
       </view>
     </view>
   </view>

package/components/list/README.md

@@ -32,15 +32,15 @@ import ListItem from 'sard-uniapp/components/list-item/list-item.vue'
 
 ### 图标
 
-设置`icon`属性或插槽可以在左边显示图标。
+设置 `icon` 属性或插槽可以在左边显示图标。
 
 @code('${DEMO_PATH}/list/demo/Icon.vue')
 
 ### 自定义内容
 
-列表项的`body`和`footer`默认平分水平空间，如果`footer`需要占据更多的空间，可以设置`body`不扩展。
+列表项的 `body` 和 `footer` 默认平分水平空间，如果 `footer` 需要占据更多的空间，可以设置 `body` 不扩展。
 
-`value`中的元素默认会向右边靠，如果有使用`footer`属性定义内容，则内容会纵向排列。
+`value` 中的元素默认会向右边靠，如果有使用 `footer` 属性定义内容，则内容会纵向排列。
 
 @code('${DEMO_PATH}/list/demo/Slot.vue')
 
@@ -52,22 +52,29 @@ import ListItem from 'sard-uniapp/components/list-item/list-item.vue'
 
 ### 卡片风格
 
-可以使用`card`属性让列表显示为卡片风格。
+可以使用 `card` 属性让列表显示为卡片风格。
 
 @code('${DEMO_PATH}/list/demo/Card.vue')
 
+### 隐藏边框 <sup>1.21.0+</sup>
+
+可以使用 `hide-border` 属性隐藏边框。
+
+@code('${DEMO_PATH}/list/demo/HideBorder.vue')
+
 ## API
 
 ### ListProps
 
-| 属性        | 描述           | 类型             | 默认值 |
-| ----------- | -------------- | ---------------- | ------ |
-| root-class  | 组件根元素类名 | string           | -      |
-| root-style  | 组件根元素样式 | StyleValue       | -      |
-| title       | 列表顶部标题   | string \| number | -      |
-| description | 列表底部描述   | string \| number | -      |
-| card        | 卡片风格       | boolean          | false  |
-| inlaid      | 嵌入式列表     | boolean          | false  |
+| 属性                           | 描述           | 类型             | 默认值 |
+| ------------------------------ | -------------- | ---------------- | ------ |
+| root-class                     | 组件根元素类名 | string           | -      |
+| root-style                     | 组件根元素样式 | StyleValue       | -      |
+| title                          | 列表顶部标题   | string \| number | -      |
+| description                    | 列表底部描述   | string \| number | -      |
+| card                           | 卡片风格       | boolean          | false  |
+| inlaid                         | 嵌入式列表     | boolean          | false  |
+| hide-border <sup>1.21.0+</sup> | 是否隐藏边框   | boolean          | false  |
 
 ### ListSlots
 

package/components/list/common.d.ts

@@ -1,4 +1,4 @@
-import { type StyleValue } from 'vue';
+import { InjectionKey, type StyleValue } from 'vue';
 export interface ListProps {
     rootStyle?: StyleValue;
     rootClass?: string;
@@ -6,6 +6,7 @@ export interface ListProps {
     description?: string | number;
     inlaid?: boolean;
     card?: boolean;
+    hideBorder?: boolean;
 }
 export interface ListSlots {
     default?(props: Record<string, never>): any;
@@ -40,3 +41,7 @@ export interface ListItemSlots {
     arrow?(props: Record<string, never>): any;
     icon?(props: Record<string, never>): any;
 }
+export interface ListContext {
+    hideBorder?: boolean;
+}
+export declare const listContextKey: InjectionKey<ListContext>;

package/components/list/common.js

@@ -1,2 +1,3 @@
 import { defaultConfig } from '../config';
 export const defaultListItemProps = defaultConfig.listItem;
+export const listContextKey = Symbol('list-context');

package/components/list/index.scss

@@ -24,6 +24,14 @@
     }
   }
 
+  @include m(borderless) {
+    @include e(content) {
+      &::before {
+        display: none;
+      }
+    }
+  }
+
   @include e(description) {
     @include universal;
     margin-left: var(--sar-list-description-margin-x);

package/components/list/list.vue

@@ -17,13 +17,14 @@
 
 <script>
 import { defineComponent as _defineComponent } from "vue";
-import { computed } from "vue";
+import { computed, provide, reactive, toRef } from "vue";
 import {
   classNames,
   stringifyStyle,
   isRenderVisible,
   createBem
 } from "../../utils";
+import { listContextKey } from "./common";
 /**
  * @property {string} rootClass 组件根元素类名，默认值：-。
  * @property {StyleValue} rootStyle 组件根元素样式，默认值：-。
@@ -31,6 +32,7 @@ import {
  * @property {string | number} description 列表底部描述，默认值：-。
  * @property {boolean} card 卡片风格，默认值：false。
  * @property {boolean} inlaid 嵌入式列表，默认值：false。
+ * @property {boolean} hideBorder 是否隐藏边框，默认值：false。
  */
 export default  _defineComponent({
   ...{
@@ -46,18 +48,26 @@ export default  _defineComponent({
     title: { type: [String, Number], required: false },
     description: { type: [String, Number], required: false },
     inlaid: { type: Boolean, required: false },
-    card: { type: Boolean, required: false }
+    card: { type: Boolean, required: false },
+    hideBorder: { type: Boolean, required: false }
   },
   setup(__props, { expose: __expose }) {
     __expose();
     const props = __props;
     const bem = createBem("list");
+    provide(
+      listContextKey,
+      reactive({
+        hideBorder: toRef(() => props.hideBorder)
+      })
+    );
     const listClass = computed(() => {
       return classNames(
         bem.b(),
         bem.m("card", props.card),
         bem.m("not-card", !props.card),
         bem.m("inlaid", props.inlaid),
+        bem.m("borderless", props.hideBorder),
         props.rootClass
       );
     });

package/components/list-item/index.scss

@@ -26,6 +26,12 @@
       right: var(--sar-list-item-padding-x);
     }
 
+    @include m(borderless) {
+      &::before {
+        display: none;
+      }
+    }
+
     &:first-child::before {
       display: none;
     }

package/components/list-item/list-item.vue

@@ -42,7 +42,7 @@
 
 <script>
 import { useSlots as _useSlots, mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from "vue";
-import { computed } from "vue";
+import { computed, inject } from "vue";
 import {
   classNames,
   stringifyStyle,
@@ -51,7 +51,8 @@ import {
 } from "../../utils";
 import SarIcon from "../icon/icon.vue";
 import {
-  defaultListItemProps
+  defaultListItemProps,
+  listContextKey
 } from "../list/common";
 /**
  * @property {string} rootClass 组件根元素类名，默认值：-。
@@ -100,6 +101,7 @@ export default  _defineComponent({
     const slots = _useSlots();
     const emit = __emit;
     const bem = createBem("list-item");
+    const context = inject(listContextKey);
     const onClick = (event) => {
       emit("click", event);
     };
@@ -108,10 +110,11 @@ export default  _defineComponent({
         bem.b(),
         bem.m("hover", props.hover),
         bem.m("custom", !!slots.default),
+        bem.m("borderless", context?.hideBorder),
         props.rootClass
       );
     });
-    const __returned__ = { props, slots, emit, bem, onClick, listItemClass, get stringifyStyle() {
+    const __returned__ = { props, slots, emit, bem, context, onClick, listItemClass, get stringifyStyle() {
       return stringifyStyle;
     }, get isRenderVisible() {
       return isRenderVisible;

package/components/locale/lang/en-US.js

@@ -91,7 +91,7 @@ export default {
         },
     },
     loadMore: {
-        incompleteText: 'Load more',
+        incompleteText: 'Click to load more',
         loadingText: 'Loading...',
         errorText: 'Request failed. Click to reload',
         completeText: 'No more',

package/components/locale/lang/zh-CN.js

@@ -91,7 +91,7 @@ export default {
         },
     },
     loadMore: {
-        incompleteText: '加载更多',
+        incompleteText: '点击加载更多',
         loadingText: '加载中...',
         completeText: '没有更多了',
         errorText: '请求失败，点击重新加载',