sard-uniapp 1.21.2 → 1.22.0

package/CHANGELOG.md

@@ -1,9 +1,24 @@
-## [1.21.2](https://github.com/sutras/sard-uniapp/compare/v1.21.1...v1.21.2) (2025-07-07)
+# [1.22.0](https://github.com/sutras/sard-uniapp/compare/v1.21.1...v1.22.0) (2025-07-15)
+
+
+### Bug Fixes
+
+* 使popup组件在app端能传送到根节点 ([5008ce7](https://github.com/sutras/sard-uniapp/commit/5008ce7d72f2167b2c8c40b7b9cef16c4420ad69))
 
 
 ### Features
 
+* *-input 类组件新增 inputProps 属性 ([837ed51](https://github.com/sutras/sard-uniapp/commit/837ed514a684c8547e0a23b410912eda6fd8435b))
+* *-input 类组件新增arrow插槽和arrow, arrow-family属性 ([6555241](https://github.com/sutras/sard-uniapp/commit/655524171dd619461f4acfccbc3b7f753fc6e1d5))
+* accordion 组件新增 hide-border 属性 ([ae3a093](https://github.com/sutras/sard-uniapp/commit/ae3a093df01ab788dee6e51cac551d7d352974dd))
+* form-item 新增 error 插槽 ([b377e8e](https://github.com/sutras/sard-uniapp/commit/b377e8e082fcab3e03006a999bed2c2015910f67))
 * input 组件新增 show-eye 属性 ([351a56e](https://github.com/sutras/sard-uniapp/commit/351a56ec77fabc44edb788b2e9e06ffdfb5a7cef))
+* picker-input 新增 arrow 属性和 arrow 插槽 ([f9fc77f](https://github.com/sutras/sard-uniapp/commit/f9fc77f31fe58f879d97d9fd8c16efced2f4626e))
+* popout-input 新增 arrow-family 属性 ([a97f280](https://github.com/sutras/sard-uniapp/commit/a97f28082ab6811dcc1731a01b13446880b3e8e1))
+* popup-input 新增 arrow 属性和 arrow 插槽 ([4756536](https://github.com/sutras/sard-uniapp/commit/475653631e0142f9d9779908b5f2919e997abb22))
+* **Popup:** 增加 close-on-click-overlay，支持点击遮罩关闭弹出层；visible 支持 v-model ([28e7d27](https://github.com/sutras/sard-uniapp/commit/28e7d2748b02679ca2a744522237fd69f6dedd38))
+* 新增 dnd 组件 ([f9629a1](https://github.com/sutras/sard-uniapp/commit/f9629a10baa9b536f5d2ad07f0ef2b8b520d350a))
+* 新增overlayClosable属性 ([d615537](https://github.com/sutras/sard-uniapp/commit/d61553721d0e3321ffc6ff8ec53e238c7b88117c))
 
 
 

package/components/accordion/README.md

@@ -38,16 +38,23 @@ import AccordionItem from 'sard-uniapp/components/accordion-item/accordion-item.
 
 @code('${DEMO_PATH}/accordion/demo/Disabled.vue')
 
+### 隐藏边框 <sup>1.22+</sup>
+
+可以使用 `hide-border` 属性隐藏边框。
+
+@code('${DEMO_PATH}/accordion/demo/HideBorder.vue')
+
 ## API
 
 ### AccordionProps
 
-| 属性        | 描述                   | 类型                                     | 默认值 |
-| ----------- | ---------------------- | ---------------------------------------- | ------ |
-| root-class  | 组件根元素类名         | string                                   | -      |
-| root-style  | 组件根元素样式         | StyleValue                               | -      |
-| model-value | 当前展开面板的 `name`  | string \| number \| (string \| number)[] | -      |
-| multiple    | 是否可同时展开多个面板 | boolean                                  | false  |
+| 属性                         | 描述                   | 类型                                     | 默认值 |
+| ---------------------------- | ---------------------- | ---------------------------------------- | ------ |
+| root-class                   | 组件根元素类名         | string                                   | -      |
+| root-style                   | 组件根元素样式         | StyleValue                               | -      |
+| model-value                  | 当前展开面板的 `name`  | string \| number \| (string \| number)[] | -      |
+| multiple                     | 是否可同时展开多个面板 | boolean                                  | false  |
+| hide-border <sup>1.22+</sup> | 是否隐藏边框           | boolean                                  | false  |
 
 ### AccordionSlots
 

package/components/accordion/accordion.vue

@@ -16,6 +16,7 @@ import {
  * @property {StyleValue} rootStyle 组件根元素样式，默认值：-。
  * @property {string | number | (string | number)[]} modelValue 当前展开面板的 `name`，默认值：-。
  * @property {boolean} multiple 是否可同时展开多个面板，默认值：false。
+ * @property {boolean} hideBorder 是否隐藏边框，默认值：false。
  * @event {(value: string | number | (string | number)[]) => void} update 切换面板时触发
  */
 export default  _defineComponent({
@@ -30,7 +31,8 @@ export default  _defineComponent({
     rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
     rootClass: { type: String, required: false },
     modelValue: { type: [Array, String, Number], required: false },
-    multiple: { type: Boolean, required: false }
+    multiple: { type: Boolean, required: false },
+    hideBorder: { type: Boolean, required: false }
   },
   emits: ["update:model-value"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -69,11 +71,16 @@ export default  _defineComponent({
       reactive({
         value: innerValue,
         multiple: toRef(() => props.multiple),
-        toggle
+        toggle,
+        hideBorder: toRef(() => props.hideBorder)
       })
     );
     const accordionClass = computed(() => {
-      return classNames(bem.b(), props.rootClass);
+      return classNames(
+        bem.b(),
+        bem.m("borderless", props.hideBorder),
+        props.rootClass
+      );
     });
     const accordionStyle = computed(() => {
       return stringifyStyle(props.rootStyle);

package/components/accordion/common.d.ts

@@ -4,6 +4,7 @@ export interface AccordionProps {
     rootClass?: string;
     modelValue?: (string | number)[] | string | number;
     multiple?: boolean;
+    hideBorder?: boolean;
 }
 export interface AccordionEmits {
     (e: 'update:model-value', event: any): void;
@@ -15,6 +16,7 @@ export interface AccoridonContext {
     value: any;
     multiple: AccordionProps['multiple'];
     toggle: (name: string | number) => void;
+    hideBorder?: boolean;
 }
 export declare const accoridonContextSymbol: unique symbol;
 export interface AccordionItemProps {

package/components/accordion/index.scss

@@ -6,4 +6,10 @@
   &::before {
     @include border-vertical(var(--sar-accordion-border-color));
   }
+
+  @include m(borderless) {
+    &::before {
+      display: none;
+    }
+  }
 }

package/components/accordion-item/accordion-item.vue

@@ -78,7 +78,12 @@ export default  _defineComponent({
       return visible.value ? "up" : "down";
     });
     const accordionItemClass = computed(() => {
-      return classNames(bem.b(), bem.m("disabled", props.disabled), props.rootClass);
+      return classNames(
+        bem.b(),
+        bem.m("disabled", props.disabled),
+        bem.m("borderless", context.hideBorder),
+        props.rootClass
+      );
     });
     const accordionItemStyle = computed(() => {
       return stringifyStyle(props.rootStyle);

package/components/accordion-item/index.scss

@@ -68,4 +68,16 @@
       }
     }
   }
+
+  @include m(borderless) {
+    &::before {
+      display: none;
+    }
+
+    @include e(body) {
+      &::before {
+        display: none;
+      }
+    }
+  }
 }

package/components/calendar-input/README.md

@@ -59,6 +59,15 @@ import CalendarInput from 'sard-uniapp/components/calendar-input/calendar-input.
 | placeholder                       | 输入框占位符内容       | string                                                    | -               |
 | outlet-format <sup>1.10+</sup>    | 输出到输入框的日期格式 | string [详见特殊符号](../utilities/date#日期格式特殊符号) | 'YYYY-MM-DD'    |
 | value-on-clear <sup>1.19.2+</sup> | 设置点击清除按钮后的值 | () => any                                                 | () => undefined |
+| arrow <sup>1.22+</sup>            | 自定义箭头图标名       | string                                                    | 'caret-right'   |
+| arrow-family <sup>1.22+</sup>     | 自定义箭头图标字体     | string                                                    | 'sari'          |
+| input-props <sup>1.22+</sup>      | 自定义输入框组件属性   | InputProps                                                | -               |
+
+### CalendarInputSlots
+
+| 插槽                   | 描述       | 属性       |
+| ---------------------- | ---------- | ---------- |
+| arrow <sup>1.22+</sup> | 自定义箭头 | () => void |
 
 ### CalendarInputEmits
 

package/components/calendar-input/calendar-input.d.ts

@@ -1,6 +1,7 @@
 import { type CalendarType } from '../calendar/common';
-import { type CalendarInputProps } from './common';
-declare const _default: import("vue").DefineComponent<CalendarInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+import { type CalendarInputProps, type CalendarInputSlots } from './common';
+declare function __VLS_template(): Readonly<CalendarInputSlots> & CalendarInputSlots;
+declare const __VLS_component: import("vue").DefineComponent<CalendarInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: string | string[] | Date | Date[] | undefined) => any;
     change: (value: string | string[] | Date | Date[] | undefined) => any;
     "update:visible": (visible: boolean) => any;
@@ -17,4 +18,10 @@ declare const _default: import("vue").DefineComponent<CalendarInputProps, {}, {}
     weekStartsOn: number;
     maxDays: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/calendar-input/calendar-input.vue

@@ -7,9 +7,14 @@
     :clearable="clearable"
     :root-class="rootClass"
     :root-style="rootStyle"
+    :internal-arrow="$slots.arrow ? 1 : 0"
+    :input-props="inputProps"
     @clear="onClear"
     @click="show"
   >
+    <template v-if="$slots.arrow" #arrow>
+      <slot name="arrow"></slot>
+    </template>
     <sar-calendar-popout
       v-model:visible="innerVisible"
       v-model="innerValue"
@@ -80,6 +85,9 @@ import {
  * @property {string} placeholder 输入框占位符内容，默认值：-。
  * @property {string [详见特殊符号](../utilities/date#日期格式特殊符号)} outletFormat 输出到输入框的日期格式，默认值：'YYYY-MM-DD'。
  * @property {() => any} valueOnClear 设置点击清除按钮后的值，默认值：() => undefined。
+ * @property {string} arrow 自定义箭头图标名，默认值：'caret-right'。
+ * @property {string} arrowFamily 自定义箭头图标字体，默认值：'sari'。
+ * @property {InputProps} inputProps 自定义输入框组件属性，默认值：-。
  * @event {(visible: boolean) => void} update 弹出框显隐时触发
  * @event {(value: Date | Date[] | string | string[] | undefined) => void} change 日历组件值改变时触发
  */
@@ -126,7 +134,11 @@ export default  _defineComponent({
     readonly: { type: Boolean, required: false },
     disabled: { type: Boolean, required: false },
     clearable: { type: Boolean, required: false },
-    multiline: { type: Boolean, required: false }
+    multiline: { type: Boolean, required: false },
+    arrow: { type: String, required: false },
+    arrowFamily: { type: String, required: false },
+    internalArrow: { type: Number, required: false },
+    inputProps: { type: Object, required: false }
   }, defaultCalendarInputProps()),
   emits: ["update:visible", "update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {

package/components/calendar-input/common.d.ts

@@ -1,5 +1,5 @@
 import { type CalendarPopoutEmits, type CalendarPopoutProps } from '../calendar-popout/common';
-import { type PopoutInputProps } from '../popout-input/common';
+import { type PopoutInputSlots, type PopoutInputProps } from '../popout-input/common';
 export interface CalendarInputProps extends CalendarPopoutProps, Omit<PopoutInputProps, 'modelValue' | 'loading'> {
     outletFormat?: string;
     valueOnClear?: () => any;
@@ -13,5 +13,7 @@ export declare const defaultCalendarInputProps: () => {
     maxDays: number;
     weekStartsOn: number;
 };
+export interface CalendarInputSlots extends PopoutInputSlots {
+}
 export interface CalendarInputEmits extends CalendarPopoutEmits {
 }

package/components/cascader-input/README.md

@@ -41,10 +41,17 @@ import CascaderInput from 'sard-uniapp/components/cascader-input/cascader-input.
 | clearable                         | 是否显示清空按钮       | boolean    | false           |
 | placeholder                       | 输入框占位符内容       | string     | -               |
 | value-on-clear <sup>1.19.2+</sup> | 设置点击清除按钮后的值 | () => any  | () => undefined |
+| arrow <sup>1.22+</sup>            | 自定义箭头图标名       | string     | 'caret-right'   |
+| arrow-family <sup>1.22+</sup>     | 自定义箭头图标字体     | string     | 'sari'          |
+| input-props <sup>1.22+</sup>      | 自定义输入框组件属性   | InputProps | -               |
 
 ### CascaderInputSlots
 
-继承 [`CascaderPopoutSlots`](./cascader-popout#CascaderPopoutSlots)
+继承 [`CascaderPopoutSlots`](./cascader-popout#CascaderPopoutSlots)，并有以下额外插槽：
+
+| 插槽                   | 描述       | 属性       |
+| ---------------------- | ---------- | ---------- |
+| arrow <sup>1.22+</sup> | 自定义箭头 | () => void |
 
 ### CascaderInputEmits
 

package/components/cascader-input/cascader-input.vue

@@ -8,9 +8,14 @@
     :loading="loading"
     :root-class="rootClass"
     :root-style="rootStyle"
+    :internal-arrow="$slots.arrow ? 1 : 0"
+    :input-props="inputProps"
     @clear="onClear"
     @click="show"
   >
+    <template v-if="$slots.arrow" #arrow>
+      <slot name="arrow"></slot>
+    </template>
     <sar-cascader-popout
       v-model:visible="innerVisible"
       v-model="innerValue"
@@ -69,6 +74,9 @@ import {
  * @property {boolean} clearable 是否显示清空按钮，默认值：false。
  * @property {string} placeholder 输入框占位符内容，默认值：-。
  * @property {() => any} valueOnClear 设置点击清除按钮后的值，默认值：() => undefined。
+ * @property {string} arrow 自定义箭头图标名，默认值：'caret-right'。
+ * @property {string} arrowFamily 自定义箭头图标字体，默认值：'sari'。
+ * @property {InputProps} inputProps 自定义输入框组件属性，默认值：-。
  * @event {(visible: boolean) => void} update 弹出框显隐时触发
  * @event {(value: string | number, selectedOptions: CascaderOption[]) => void} change 级联输入组件值改变时触发
  * @event {(option: CascaderOption, tabIndex: number) => void} select 选择级联选择某一项时触发
@@ -106,7 +114,11 @@ export default  _defineComponent({
     disabled: { type: Boolean, required: false },
     clearable: { type: Boolean, required: false },
     loading: { type: Boolean, required: false },
-    multiline: { type: Boolean, required: false }
+    multiline: { type: Boolean, required: false },
+    arrow: { type: String, required: false },
+    arrowFamily: { type: String, required: false },
+    internalArrow: { type: Number, required: false },
+    inputProps: { type: Object, required: false }
   }, defaultCascaderInputProps()),
   emits: ["update:visible", "update:model-value", "change", "select"],
   setup(__props, { expose: __expose, emit: __emit }) {

package/components/cascader-input/common.d.ts

@@ -1,4 +1,4 @@
-import { type PopoutInputProps } from '../popout-input/common';
+import { type PopoutInputSlots, type PopoutInputProps } from '../popout-input/common';
 import { type CascaderPopoutProps, type CascaderPopoutEmits, type CascaderPopoutSlots } from '../cascader-popout/common';
 export interface CascaderInputProps extends CascaderPopoutProps, Omit<PopoutInputProps, 'modelValue'> {
     valueOnClear?: () => any;
@@ -8,7 +8,7 @@ export declare const defaultCascaderInputProps: () => {
     showConfirm: boolean;
     validateEvent: boolean;
 };
-export interface CascaderInputSlots extends CascaderPopoutSlots {
+export interface CascaderInputSlots extends CascaderPopoutSlots, PopoutInputSlots {
 }
 export interface CascaderInputEmits extends CascaderPopoutEmits {
 }

package/components/checkbox-input/README.md

@@ -38,6 +38,15 @@ import CheckboxInput from 'sard-uniapp/components/checkbox-input/checkbox-input.
 | clearable                         | 是否显示清空按钮       | boolean    | false           |
 | placeholder                       | 输入框占位符内容       | string     | -               |
 | value-on-clear <sup>1.19.2+</sup> | 设置点击清除按钮后的值 | () => any  | () => undefined |
+| arrow <sup>1.22+</sup>            | 自定义箭头图标名       | string     | 'caret-right'   |
+| arrow-family <sup>1.22+</sup>     | 自定义箭头图标字体     | string     | 'sari'          |
+| input-props <sup>1.22+</sup>      | 自定义输入框组件属性   | InputProps | -               |
+
+### CheckboxInputSlots
+
+| 插槽                   | 描述       | 属性       |
+| ---------------------- | ---------- | ---------- |
+| arrow <sup>1.22+</sup> | 自定义箭头 | () => void |
 
 ### CheckboxInputEmits
 

package/components/checkbox-input/checkbox-input.d.ts

@@ -1,5 +1,6 @@
-import { type CheckboxInputProps } from './common';
-declare const _default: import("vue").DefineComponent<CheckboxInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+import { type CheckboxInputProps, type CheckboxInputSlots } from './common';
+declare function __VLS_template(): Readonly<CheckboxInputSlots> & CheckboxInputSlots;
+declare const __VLS_component: import("vue").DefineComponent<CheckboxInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: any) => any;
     change: (value: any) => any;
     "update:visible": (visible: boolean) => any;
@@ -12,4 +13,10 @@ declare const _default: import("vue").DefineComponent<CheckboxInputProps, {}, {}
     valueOnClear: () => any;
     validateEvent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/checkbox-input/checkbox-input.vue

@@ -8,9 +8,14 @@
     multiline
     :root-class="rootClass"
     :root-style="rootStyle"
+    :internal-arrow="$slots.arrow ? 1 : 0"
+    :input-props="inputProps"
     @clear="onClear"
     @click="show"
   >
+    <template v-if="$slots.arrow" #arrow>
+      <slot name="arrow"></slot>
+    </template>
     <sar-checkbox-popout
       v-model:visible="innerVisible"
       v-model="innerValue"
@@ -67,6 +72,9 @@ import { usePopoutInput } from "../../use";
  * @property {boolean} clearable 是否显示清空按钮，默认值：false。
  * @property {string} placeholder 输入框占位符内容，默认值：-。
  * @property {() => any} valueOnClear 设置点击清除按钮后的值，默认值：() => undefined。
+ * @property {string} arrow 自定义箭头图标名，默认值：'caret-right'。
+ * @property {string} arrowFamily 自定义箭头图标字体，默认值：'sari'。
+ * @property {InputProps} inputProps 自定义输入框组件属性，默认值：-。
  * @event {(visible: boolean) => void} update 弹出框显隐时触发
  * @event {(value: any[] | undefined) => void} change 复选输入组件值改变时触发
  */
@@ -106,7 +114,11 @@ export default  _defineComponent({
     placeholder: { type: String, required: false },
     clearable: { type: Boolean, required: false },
     loading: { type: Boolean, required: false },
-    multiline: { type: Boolean, required: false }
+    multiline: { type: Boolean, required: false },
+    arrow: { type: String, required: false },
+    arrowFamily: { type: String, required: false },
+    internalArrow: { type: Number, required: false },
+    inputProps: { type: Object, required: false }
   }, defaultCheckboxInputProps()),
   emits: ["update:visible", "update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {

package/components/checkbox-input/common.d.ts

@@ -1,5 +1,5 @@
 import { type CheckboxGroupOption } from '../checkbox/common';
-import { type PopoutInputProps } from '../popout-input/common';
+import { type PopoutInputSlots, type PopoutInputProps } from '../popout-input/common';
 import { type CheckboxPopoutEmits, type CheckboxPopoutProps } from '../checkbox-popout/common';
 export type CheckboxInputOption = CheckboxGroupOption;
 export interface CheckboxInputProps extends CheckboxPopoutProps, Omit<PopoutInputProps, 'modelValue'> {
@@ -10,5 +10,7 @@ export declare const defaultCheckboxInputProps: () => {
     options: () => never[];
     validateEvent: boolean;
 };
+export interface CheckboxInputSlots extends PopoutInputSlots {
+}
 export interface CheckboxInputEmits extends CheckboxPopoutEmits {
 }

package/components/config/index.d.ts

@@ -307,6 +307,10 @@ export declare const defaultConfig: {
         overlayClosable: boolean;
         duration: number;
     };
+    popoutInput: {
+        arrow: string;
+        arrowFamily: string;
+    };
     popover: {
         position: PopoverProps["position"];
         direction: PopoverProps["direction"];
@@ -320,6 +324,7 @@ export declare const defaultConfig: {
         duration: number;
         effect: PopupProps["effect"];
         overlay: boolean;
+        overlayClosable: boolean;
     };
     progressBar: {
         percent: number;

package/components/config/index.js

@@ -261,6 +261,10 @@ export const defaultConfig = {
         overlayClosable: true,
         duration: 250,
     },
+    popoutInput: {
+        arrow: 'caret-right',
+        arrowFamily: 'sari',
+    },
     popover: {
         position: 'bottom',
         direction: 'vertical',
@@ -274,6 +278,7 @@ export const defaultConfig = {
         duration: 250,
         effect: 'fade',
         overlay: true,
+        overlayClosable: true,
     },
     progressBar: {
         percent: 0,

package/components/datetime-picker-input/README.md

@@ -61,6 +61,9 @@ import DatetimePickerInput from 'sard-uniapp/components/datetime-picker-input/da
 | placeholder                       | 输入框占位符内容                                             | string                                                    | -               |
 | outlet-format                     | 输出到输入框的日期格式，不指定则根据 `type` 属性自动生成格式 | string [详见特殊符号](../utilities/date#日期格式特殊符号) | -               |
 | value-on-clear <sup>1.19.2+</sup> | 设置点击清除按钮后的值                                       | () => any                                                 | () => undefined |
+| arrow <sup>1.22+</sup>            | 自定义箭头图标名                                             | string                                                    | 'caret-right'   |
+| arrow-family <sup>1.22+</sup>     | 自定义箭头图标字体                                           | string                                                    | 'sari'          |
+| input-props <sup>1.22+</sup>      | 自定义输入框组件属性                                         | InputProps                                                | -               |
 
 ### `type` 到 `outletFormat` 的映射：
 
@@ -77,6 +80,12 @@ const mapTypeFormat = {
 }
 ```
 
+### DatetimePickerInputSlots
+
+| 插槽                   | 描述       | 属性       |
+| ---------------------- | ---------- | ---------- |
+| arrow <sup>1.22+</sup> | 自定义箭头 | () => void |
+
 ### DatetimePickerInputEmits
 
 继承 [`DatetimePickerPopoutEmits`](./datetime-picker-popout#DatetimePickerPopoutEmits)

package/components/datetime-picker-input/common.d.ts

@@ -1,4 +1,4 @@
-import { type PopoutInputProps } from '../popout-input/common';
+import { type PopoutInputSlots, type PopoutInputProps } from '../popout-input/common';
 import { type DatetimePickerPopoutProps, type DatetimePickerPopoutEmits, type DatetimePickerPopoutSlots } from '../datetime-picker-popout/common';
 export interface DatetimePickerInputProps extends DatetimePickerPopoutProps, Omit<PopoutInputProps, 'modelValue' | 'loading'> {
     outletFormat?: string;
@@ -10,7 +10,7 @@ export declare const defaultDatetimePickerInputProps: () => {
     type: string;
     calendar: "solar";
 };
-export interface DatetimePickerInputSlots extends DatetimePickerPopoutSlots {
+export interface DatetimePickerInputSlots extends DatetimePickerPopoutSlots, PopoutInputSlots {
 }
 export interface DatetimePickerInputEmits extends DatetimePickerPopoutEmits {
 }

package/components/datetime-picker-input/datetime-picker-input.vue

@@ -7,9 +7,14 @@
     :clearable="clearable"
     :root-class="rootClass"
     :root-style="rootStyle"
+    :internal-arrow="$slots.arrow ? 1 : 0"
+    :input-props="inputProps"
     @clear="onClear"
     @click="show"
   >
+    <template v-if="$slots.arrow" #arrow>
+      <slot name="arrow"></slot>
+    </template>
     <sar-datetime-picker-popout
       v-model:visible="innerVisible"
       v-model="innerValue"
@@ -63,6 +68,9 @@ import {
  * @property {string} placeholder 输入框占位符内容，默认值：-。
  * @property {string [详见特殊符号](../utilities/date#日期格式特殊符号)} outletFormat 输出到输入框的日期格式，不指定则根据 `type` 属性自动生成格式，默认值：-。
  * @property {() => any} valueOnClear 设置点击清除按钮后的值，默认值：() => undefined。
+ * @property {string} arrow 自定义箭头图标名，默认值：'caret-right'。
+ * @property {string} arrowFamily 自定义箭头图标字体，默认值：'sari'。
+ * @property {InputProps} inputProps 自定义输入框组件属性，默认值：-。
  * @event {(visible: boolean) => void} update 弹出框显隐时触发
  * @event {(value: Date |string | undefined) => void} change 日期时间输入组件值改变时触发
  */
@@ -100,7 +108,11 @@ export default  _defineComponent({
     readonly: { type: Boolean, required: false },
     disabled: { type: Boolean, required: false },
     clearable: { type: Boolean, required: false },
-    multiline: { type: Boolean, required: false }
+    multiline: { type: Boolean, required: false },
+    arrow: { type: String, required: false },
+    arrowFamily: { type: String, required: false },
+    internalArrow: { type: Number, required: false },
+    inputProps: { type: Object, required: false }
   }, defaultDatetimePickerInputProps()),
   emits: ["update:visible", "update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {

package/components/datetime-range-picker-input/README.md

@@ -52,6 +52,15 @@ import DatetimeRangePickerInput from 'sard-uniapp/components/datetime-range-pick
 | placeholder                       | 输入框占位符内容                                             | string                                                    | -               |
 | outlet-format                     | 输出到输入框的日期格式，不指定则根据 `type` 属性自动生成格式 | string [详见特殊符号](../utilities/date#日期格式特殊符号) | -               |
 | value-on-clear <sup>1.19.2+</sup> | 设置点击清除按钮后的值                                       | () => any                                                 | () => undefined |
+| arrow <sup>1.22+</sup>            | 自定义箭头图标名                                             | string                                                    | 'caret-right'   |
+| arrow-family <sup>1.22+</sup>     | 自定义箭头图标字体                                           | string                                                    | 'sari'          |
+| input-props <sup>1.22+</sup>      | 自定义输入框组件属性                                         | InputProps                                                | -               |
+
+### DatetimeRangePickerInputSlots
+
+| 插槽                   | 描述       | 属性       |
+| ---------------------- | ---------- | ---------- |
+| arrow <sup>1.22+</sup> | 自定义箭头 | () => void |
 
 ### DatetimeRangePickerInputEmits
 

package/components/datetime-range-picker-input/common.d.ts

@@ -1,5 +1,5 @@
 import { type DatetimeRangePickerPopoutProps, type DatetimeRangePickerPopoutSlots, type DatetimeRangePickerPopoutEmits } from '../datetime-range-picker-popout/common';
-import { type PopoutInputProps } from '../popout-input/common';
+import { type PopoutInputSlots, type PopoutInputProps } from '../popout-input/common';
 export interface DatetimeRangePickerInputProps extends DatetimeRangePickerPopoutProps, Omit<PopoutInputProps, 'modelValue' | 'loading'> {
     outletFormat?: string;
     valueOnClear?: () => any;
@@ -9,7 +9,7 @@ export declare const defaultDatetimeRangePickerInputProps: () => {
     validateEvent: boolean;
     type: string;
 };
-export interface DatetimeRangePickerInputSlots extends DatetimeRangePickerPopoutSlots {
+export interface DatetimeRangePickerInputSlots extends DatetimeRangePickerPopoutSlots, PopoutInputSlots {
 }
 export interface DatetimeRangePickerInputEmits extends DatetimeRangePickerPopoutEmits {
 }

package/components/datetime-range-picker-input/datetime-range-picker-input.vue

@@ -7,9 +7,14 @@
     :clearable="clearable"
     :root-class="rootClass"
     :root-style="rootStyle"
+    :internal-arrow="$slots.arrow ? 1 : 0"
+    :input-props="inputProps"
     @clear="onClear"
     @click="show"
   >
+    <template v-if="$slots.arrow" #arrow>
+      <slot name="arrow"></slot>
+    </template>
     <sar-datetime-range-picker-popout
       keep-render
       v-model:visible="innerVisible"
@@ -65,6 +70,9 @@ import { useTranslate } from "../locale";
  * @property {string} placeholder 输入框占位符内容，默认值：-。
  * @property {string [详见特殊符号](../utilities/date#日期格式特殊符号)} outletFormat 输出到输入框的日期格式，不指定则根据 `type` 属性自动生成格式，默认值：-。
  * @property {() => any} valueOnClear 设置点击清除按钮后的值，默认值：() => undefined。
+ * @property {string} arrow 自定义箭头图标名，默认值：'caret-right'。
+ * @property {string} arrowFamily 自定义箭头图标字体，默认值：'sari'。
+ * @property {InputProps} inputProps 自定义输入框组件属性，默认值：-。
  * @event {(visible: boolean) => void} update 弹出框显隐时触发
  * @event {(date: (Date | string)[]) => void} change 日期时间输入组件值改变时触发
  */
@@ -103,7 +111,11 @@ export default  _defineComponent({
     readonly: { type: Boolean, required: false },
     disabled: { type: Boolean, required: false },
     clearable: { type: Boolean, required: false },
-    multiline: { type: Boolean, required: false }
+    multiline: { type: Boolean, required: false },
+    arrow: { type: String, required: false },
+    arrowFamily: { type: String, required: false },
+    internalArrow: { type: Number, required: false },
+    inputProps: { type: Object, required: false }
   }, defaultDatetimeRangePickerInputProps()),
   emits: ["update:visible", "update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {