sard-uniapp 1.15.4 → 1.17.0

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

@@ -8,59 +8,44 @@
     :root-class="rootClass"
     :root-style="rootStyle"
     @clear="onClear"
-    @click="onInputClick"
+    @click="show"
   >
-    <sar-popout
+    <sar-datetime-range-picker-popout
       keep-render
-      :visible="innerVisible"
+      v-model:visible="innerVisible"
+      v-model="innerValue"
       :title="title ?? placeholder"
       :root-class="popoutClass"
       :root-style="popoutStyle"
-      @update:visible="onVisible"
-      @confirm="onConfirm"
-      @enter="onEnter"
-    >
-      <template #visible="{ already }">
-        <sar-datetime-range-picker
-          v-if="already"
-          :model-value="popoutValue"
-          @change="onChange"
-          :type="type"
-          :min="min"
-          :max="max"
-          :filter="filter"
-          :formatter="formatter"
-          :value-format="valueFormat"
-          :tabs="tabs"
-        />
-      </template>
-    </sar-popout>
+      :type="type"
+      :min="min"
+      :max="max"
+      :filter="filter"
+      :formatter="formatter"
+      :value-format="valueFormat"
+      :tabs="tabs"
+      :validate-event="validateEvent"
+      @change="onChange"
+    />
   </sar-popout-input>
 </template>
 
 <script>
 import { mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from "vue";
-import { computed, ref, watch } from "vue";
+import { watch } from "vue";
 import SarPopoutInput from "../popout-input/popout-input.vue";
-import SarPopout from "../popout/popout.vue";
-import SarDatetimeRangePicker from "../datetime-range-picker/datetime-range-picker.vue";
-import { formatDate, isNullish, isString, parseDate, toDate } from "../../utils";
-import {
-  getInitialValue,
-  getMaxDate,
-  getMinDate
-} from "../datetime-picker/common";
+import SarDatetimeRangePickerPopout from "../datetime-range-picker-popout/datetime-range-picker-popout.vue";
+import { formatDate, isString, parseDate } from "../../utils";
+import { usePopoutInput } from "../../use";
 import {
   defaultDatetimeRangePickerInputProps
 } from "./common";
 import { mapTypeFormat } from "../datetime-picker-input/common";
-import { useFormItemContext } from "../form/common";
 import { useTranslate } from "../locale";
 export default  _defineComponent({
   components: {
     SarPopoutInput,
-    SarPopout,
-    SarDatetimeRangePicker,
+    SarDatetimeRangePickerPopout,
   },
   ...{
     options: {
@@ -70,10 +55,9 @@ export default  _defineComponent({
   },
   __name: "datetime-range-picker-input",
   props:  _mergeDefaults({
+    outletFormat: { type: String, required: false },
     visible: { type: Boolean, required: false },
     title: { type: String, required: false },
-    outletFormat: { type: String, required: false },
-    valueFormat: { type: String, required: false },
     validateEvent: { type: Boolean, required: false },
     popoutClass: { type: String, required: false },
     popoutStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
@@ -86,6 +70,7 @@ export default  _defineComponent({
     max: { type: [Date, String], required: false },
     filter: { type: Function, required: false },
     formatter: { type: Function, required: false },
+    valueFormat: { type: String, required: false },
     placeholder: { type: String, required: false },
     readonly: { type: Boolean, required: false },
     disabled: { type: Boolean, required: false },
@@ -97,45 +82,7 @@ export default  _defineComponent({
     __expose();
     const props = __props;
     const emit = __emit;
-    const formItemContext = useFormItemContext();
-    const innerValue = ref(props.modelValue);
-    watch(
-      () => props.modelValue,
-      () => {
-        innerValue.value = props.modelValue;
-        if (props.validateEvent) {
-          formItemContext?.onChange();
-        }
-      }
-    );
-    const popoutValue = ref(props.modelValue);
-    const onChange = (value) => {
-      popoutValue.value = value;
-    };
-    const onEnter = () => {
-      if (!isNullish(innerValue.value) && popoutValue.value !== innerValue.value) {
-        popoutValue.value = innerValue.value;
-      }
-    };
-    const minDate = computed(
-      () => toDate(props.min || getMinDate(), props.valueFormat)
-    );
-    const maxDate = computed(() => {
-      const maxDate2 = toDate(props.max || getMaxDate(), props.valueFormat);
-      return maxDate2 < minDate.value ? new Date(minDate.value) : maxDate2;
-    });
-    const onConfirm = () => {
-      if (!popoutValue.value) {
-        const initialValue = getInitialValue(minDate.value, maxDate.value);
-        const singleValue = props.valueFormat ? formatDate(initialValue, props.valueFormat) : initialValue;
-        popoutValue.value = [singleValue, singleValue];
-      }
-      innerValue.value = popoutValue.value;
-      emit("update:model-value", popoutValue.value);
-      emit("change", popoutValue.value);
-      inputValue.value = getInputValue();
-    };
-    const inputValue = ref("");
+    const { innerVisible, innerValue, inputValue, show, onChange, onClear } = usePopoutInput(props, emit);
     const { t } = useTranslate("datetimeRangePickerInput");
     function getOutletTextMayByStr(date) {
       if (isString(date) && props.valueFormat) {
@@ -170,28 +117,7 @@ export default  _defineComponent({
         immediate: true
       }
     );
-    const onClear = () => {
-      inputValue.value = "";
-      innerValue.value = void 0;
-      emit("update:model-value", void 0);
-      emit("change", void 0);
-    };
-    const innerVisible = ref(props.visible);
-    watch(
-      () => props.visible,
-      () => {
-        innerVisible.value = props.visible;
-      }
-    );
-    const onVisible = (visible) => {
-      innerVisible.value = visible;
-      emit("update:visible", visible);
-    };
-    const onInputClick = () => {
-      innerVisible.value = true;
-      emit("update:visible", true);
-    };
-    const __returned__ = { props, emit, formItemContext, innerValue, popoutValue, onChange, onEnter, minDate, maxDate, onConfirm, inputValue, t, getOutletTextMayByStr, getOutletText, getInputValue, onClear, innerVisible, onVisible, onInputClick, SarPopoutInput, SarPopout, SarDatetimeRangePicker };
+    const __returned__ = { props, emit, innerVisible, innerValue, inputValue, show, onChange, onClear, t, getOutletTextMayByStr, getOutletText, getInputValue, SarPopoutInput, SarDatetimeRangePickerPopout };
     return __returned__;
   }
 });

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

@@ -0,0 +1,22 @@
+import { type StyleValue } from 'vue';
+import { type DatetimeRangePickerProps, type DatetimeRangePickerSlots } from '../datetime-range-picker/common';
+export interface DatetimeRangePickerPopoutProps extends DatetimeRangePickerProps {
+    visible?: boolean;
+    title?: string;
+    validateEvent?: boolean;
+    popoutClass?: string;
+    popoutStyle?: StyleValue;
+}
+export declare const defaultDatetimeRangePickerInputProps: () => {
+    validateEvent: boolean;
+    type: string;
+};
+export interface DatetimeRangePickerPopoutSlots extends DatetimeRangePickerSlots {
+}
+export interface DatetimeRangePickerPopoutEmits {
+    (e: 'update:visible', visible: boolean): void;
+    (e: 'update:model-value', date: (Date | string)[] | undefined): void;
+    (e: 'change', date: (Date | string)[] | undefined): void;
+}
+export interface DatetimeRangePickerPopoutExpose {
+}

package/components/datetime-range-picker-popout/common.js

@@ -0,0 +1,5 @@
+import { defaultConfig } from '../config';
+export const defaultDatetimeRangePickerInputProps = () => ({
+    ...defaultConfig.datetimeRangePicker,
+    ...defaultConfig.datetimeRangePickerPopout,
+});

package/components/datetime-range-picker-popout/datetime-range-picker-popout.d.ts

@@ -0,0 +1,21 @@
+import { type DatetimeRangePickerPopoutProps, type DatetimeRangePickerPopoutSlots } from './common';
+declare function __VLS_template(): Readonly<DatetimeRangePickerPopoutSlots> & DatetimeRangePickerPopoutSlots;
+declare const __VLS_component: import("vue").DefineComponent<DatetimeRangePickerPopoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:model-value": (date: (string | Date)[] | undefined) => any;
+    change: (date: (string | Date)[] | undefined) => any;
+    "update:visible": (visible: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<DatetimeRangePickerPopoutProps> & Readonly<{
+    "onUpdate:model-value"?: ((date: (string | Date)[] | undefined) => any) | undefined;
+    onChange?: ((date: (string | Date)[] | undefined) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+}>, {
+    type: string;
+    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/datetime-range-picker-popout/datetime-range-picker-popout.vue

@@ -0,0 +1,102 @@
+<template>
+  <sar-popout
+    v-model:visible="innerVisible"
+    keep-render
+    :title="title"
+    :root-class="popoutClass"
+    :root-style="popoutStyle"
+    @confirm="onConfirm"
+    @enter="onEnter"
+  >
+    <template #visible="{ already }">
+      <sar-datetime-range-picker
+        v-if="already"
+        :model-value="popoutValue"
+        :type="type"
+        :min="min"
+        :max="max"
+        :filter="filter"
+        :formatter="formatter"
+        :value-format="valueFormat"
+        :tabs="tabs"
+        @change="onChange"
+      />
+    </template>
+  </sar-popout>
+</template>
+
+<script>
+import { mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from "vue";
+import { computed } from "vue";
+import SarPopout from "../popout/popout.vue";
+import SarDatetimeRangePicker from "../datetime-range-picker/datetime-range-picker.vue";
+import {
+  defaultDatetimeRangePickerInputProps
+} from "./common";
+import { formatDate, isNullish, toDate } from "../../utils";
+import {
+  getInitialValue,
+  getMaxDate,
+  getMinDate
+} from "../datetime-picker/common";
+import { useFormPopout } from "../../use";
+export default  _defineComponent({
+  components: {
+    SarPopout,
+    SarDatetimeRangePicker,
+  },
+  ...{
+    options: {
+      virtualHost: true,
+      styleIsolation: "shared"
+    }
+  },
+  __name: "datetime-range-picker-popout",
+  props:  _mergeDefaults({
+    visible: { type: Boolean, required: false },
+    title: { type: String, required: false },
+    validateEvent: { type: Boolean, required: false },
+    popoutClass: { type: String, required: false },
+    popoutStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+    modelValue: { type: Array, required: false },
+    tabs: { type: Array, required: false },
+    rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+    rootClass: { type: String, required: false },
+    type: { type: String, required: false },
+    min: { type: [Date, String], required: false },
+    max: { type: [Date, String], required: false },
+    filter: { type: Function, required: false },
+    formatter: { type: Function, required: false },
+    valueFormat: { type: String, required: false }
+  }, defaultDatetimeRangePickerInputProps()),
+  emits: ["update:visible", "update:model-value", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const minDate = computed(
+      () => toDate(props.min || getMinDate(), props.valueFormat)
+    );
+    const maxDate = computed(() => {
+      const maxDate2 = toDate(props.max || getMaxDate(), props.valueFormat);
+      return maxDate2 < minDate.value ? new Date(minDate.value) : maxDate2;
+    });
+    const { innerVisible, innerValue, popoutValue, onChange, onConfirm } = useFormPopout(props, emit, {
+      onConfirmBefore() {
+        if (!popoutValue.value) {
+          const initialValue = getInitialValue(minDate.value, maxDate.value);
+          const singleValue = props.valueFormat ? formatDate(initialValue, props.valueFormat) : initialValue;
+          popoutValue.value = [singleValue, singleValue];
+        }
+      }
+    });
+    const onEnter = () => {
+      if (!isNullish(innerValue.value) && popoutValue.value !== innerValue.value) {
+        popoutValue.value = innerValue.value;
+      }
+    };
+    const __returned__ = { props, emit, minDate, maxDate, innerVisible, innerValue, popoutValue, onChange, onConfirm, onEnter, SarPopout, SarDatetimeRangePicker };
+    return __returned__;
+  }
+});
+</script>

package/components/datetime-range-picker-popout/index.d.ts

@@ -0,0 +1 @@
+export type { DatetimeRangePickerPopoutProps, DatetimeRangePickerPopoutSlots, DatetimeRangePickerPopoutEmits, DatetimeRangePickerPopoutExpose, } from './common';

package/components/datetime-range-picker-popout/index.js

@@ -0,0 +1 @@
+export {};

package/components/navbar/navbar.vue

@@ -26,7 +26,7 @@
         </view>
       </view>
     </view>
-    <sar-navbar-pit v-if="fixed" />
+    <sar-navbar-pit v-if="fixed" :status-bar="statusBar" />
   </view>
 </template>
 

package/components/navbar-pit/common.d.ts

@@ -0,0 +1,6 @@
+import { StyleValue } from 'vue';
+export interface NavbarPitProps {
+    rootStyle?: StyleValue;
+    rootClass?: string;
+    statusBar?: boolean;
+}

package/components/navbar-pit/common.js

@@ -0,0 +1 @@
+export {};

package/components/navbar-pit/index.d.ts

@@ -0,0 +1 @@
+export type { NavbarPitProps } from './common';

package/components/navbar-pit/index.js

@@ -0,0 +1 @@
+export {};

package/components/navbar-pit/index.scss

@@ -0,0 +1,11 @@
+@use '../style/base' as *;
+
+@include bem(navbar-pit) {
+  @include b() {
+    @include universal;
+  }
+
+  @include e(content) {
+    height: var(--sar-navbar-height);
+  }
+}

package/components/navbar-pit/navbar-pit.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import { type NavbarPitProps } from './common';
+declare const _default: import("vue").DefineComponent<NavbarPitProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavbarPitProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/components/navbar-pit/navbar-pit.vue

@@ -1,22 +1,47 @@
 <template>
-  <view>
-    <sar-status-bar />
-    <view style="height: var(--sar-navbar-height)"></view>
+  <view :class="navbarPitClass" :style="navbarPitStyle">
+    <sar-status-bar v-if="statusBar" />
+    <view :class="bem.e('content')"></view>
   </view>
 </template>
 
 <script>
 import { defineComponent as _defineComponent } from "vue";
 import SarStatusBar from "../status-bar/status-bar.vue";
+import { classNames, createBem, stringifyStyle } from "../../utils";
+import { computed } from "vue";
 export default  _defineComponent({
   components: {
     SarStatusBar,
   },
+  ...{
+    options: {
+      virtualHost: true,
+      styleIsolation: "shared"
+    }
+  },
   __name: "navbar-pit",
+  props: {
+    rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+    rootClass: { type: String, required: false },
+    statusBar: { type: Boolean, required: false }
+  },
   setup(__props, { expose: __expose }) {
     __expose();
-    const __returned__ = { SarStatusBar };
+    const props = __props;
+    const bem = createBem("navbar-pit");
+    const navbarPitClass = computed(() => {
+      return classNames(bem.b(), props.rootClass);
+    });
+    const navbarPitStyle = computed(() => {
+      return stringifyStyle(props.rootStyle);
+    });
+    const __returned__ = { props, bem, navbarPitClass, navbarPitStyle, SarStatusBar };
     return __returned__;
   }
 });
 </script>
+
+<style lang="scss">
+@import './index.scss';
+</style>

package/components/picker/common.d.ts

@@ -15,11 +15,22 @@ export interface PickerProps {
     optionKeys?: PickerOptionKeys;
     modelValue?: any;
     immediateChange?: boolean;
+    internalCustom?: number;
 }
 export declare const defaultPickerProps: () => {
     columns: () => never[];
     immediateChange: boolean;
 };
+export interface PickerSlots {
+    custom?(props: {
+        columns: any[][];
+        value: number[];
+        pickerViewClass: string;
+        maskClass: string;
+        indicatorClass: string;
+        onChange: (event: any) => void;
+    }): any;
+}
 export interface PickerEmits {
     (e: 'update:model-value', value: any, selectedOptions: PickerOption[], indexes: number[]): void;
     (e: 'change', value: any, selectedOptions: PickerOption[], indexes: number[]): void;

package/components/picker/index.scss

@@ -5,17 +5,4 @@
     @include universal;
     height: var(--sar-picker-height);
   }
-
-  @include e(picker-view) {
-    height: 100%;
-  }
-
-  @include e(item) {
-    height: var(--sar-picker-item-height);
-    line-height: var(--sar-picker-item-height);
-    font-size: var(--sar-picker-item-font-size);
-    text-align: center;
-    color: var(--sar-picker-item-color);
-    @include ellipsis;
-  }
 }

package/components/picker/picker.d.ts

@@ -1,5 +1,6 @@
-import { type PickerProps, type PickerOption } from './common';
-declare const _default: import("vue").DefineComponent<PickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+import { type PickerProps, type PickerSlots, type PickerOption } from './common';
+declare function __VLS_template(): Readonly<PickerSlots> & PickerSlots;
+declare const __VLS_component: import("vue").DefineComponent<PickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: any, selectedOptions: PickerOption[], indexes: number[]) => any;
     change: (value: any, selectedOptions: PickerOption[], indexes: number[]) => any;
 }, string, import("vue").PublicProps, Readonly<PickerProps> & Readonly<{
@@ -9,4 +10,10 @@ declare const _default: import("vue").DefineComponent<PickerProps, {}, {}, {}, {
     columns: PickerOption[] | PickerOption[][];
     immediateChange: 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/picker/picker.vue

@@ -1,17 +1,28 @@
 <template>
   <view :class="pickerClass" :style="pickerStyle">
-    <picker-view
-      :class="bem.e('picker-view')"
-      :indicator-class="bem.e('indicator')"
-      :mask-class="bem.e('mask')"
+    <slot
+      v-if="isNumber(internalCustom) ? internalCustom : $slots.custom"
+      name="custom"
+      :columns="renderedColumns"
+      :picker-view-class="pickerViewClass"
+      :mask-class="maskClass"
+      :indicator-class="indicatorClass"
       :value="columnIndexes"
+      :on-change="onChange"
+    ></slot>
+    <picker-view
+      v-else
+      :class="pickerViewClass"
       :immediate-change="immediateChange"
+      :indicator-class="indicatorClass"
+      :mask-class="maskClass"
+      :value="columnIndexes"
       @change="onChange"
     >
       <picker-view-column v-for="(column, i) in renderedColumns" :key="i">
-        <view v-for="(option, j) in column" :key="j" :class="bem.e('item')">
+        <sar-picker-item v-for="(option, j) in column" :key="j">
           {{ getLabelByOption(option) }}
-        </view>
+        </sar-picker-item>
       </picker-view-column>
     </picker-view>
   </view>
@@ -27,7 +38,8 @@ import {
   nestedToMulti,
   toArray,
   arrayEqual,
-  isNullish
+  isNullish,
+  isNumber
 } from "../../utils";
 import {
   defaultOptionKeys,
@@ -39,7 +51,11 @@ import {
   getValueOrLabelByOption,
   defaultPickerProps
 } from "./common";
+import SarPickerItem from "../picker-item/picker-item.vue";
 export default  _defineComponent({
+  components: {
+    SarPickerItem,
+  },
   ...{
     options: {
       virtualHost: true,
@@ -53,7 +69,8 @@ export default  _defineComponent({
     columns: { type: Array, required: false },
     optionKeys: { type: Object, required: false },
     modelValue: { type: null, required: false },
-    immediateChange: { type: Boolean, required: false }
+    immediateChange: { type: Boolean, required: false },
+    internalCustom: { type: Number, required: false }
   }, defaultPickerProps()),
   emits: ["update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -173,7 +190,12 @@ export default  _defineComponent({
     const pickerStyle = computed(() => {
       return stringifyStyle(props.rootStyle);
     });
-    const __returned__ = { props, emit, bem, fieldKeys, columnsType, innerValue, columnIndexes, onChange, getRenderedColumns, renderedColumns, getLabelByOption, pickerClass, pickerStyle };
+    const pickerViewClass = bem.e("picker-view");
+    const indicatorClass = bem.e("indicator");
+    const maskClass = bem.e("mask");
+    const __returned__ = { props, emit, bem, fieldKeys, columnsType, innerValue, columnIndexes, onChange, getRenderedColumns, renderedColumns, getLabelByOption, pickerClass, pickerStyle, pickerViewClass, indicatorClass, maskClass, get isNumber() {
+      return isNumber;
+    }, SarPickerItem };
     return __returned__;
   }
 });

package/components/picker/variables.scss

@@ -11,7 +11,8 @@ page,
 
   --sar-picker-indicator-border-color: var(--sar-border-color);
 
-  --sar-picker-mask-bg-image: linear-gradient(
+  --sar-picker-mask-bg-image:
+    linear-gradient(
       to bottom,
       rgba(var(--sar-emphasis-bg-rgb), 0.95),
       rgba(var(--sar-emphasis-bg-rgb), 0.6)
@@ -27,6 +28,8 @@ page,
 // 放到全局，兼容app
 @include bem(picker) {
   @include e(picker-view) {
+    height: var(--sar-picker-height);
+
     @include e(indicator) {
       height: var(--sar-picker-item-height);
       &::before {

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

@@ -1,20 +1,13 @@
-import { type PickerProps } from '../picker/common';
 import { type PopoutInputProps } from '../popout-input/common';
-import { type StyleValue } from 'vue';
-export interface PickerInputProps extends PickerProps, Omit<PopoutInputProps, 'modelValue'> {
-    visible?: boolean;
-    title?: string;
-    validateEvent?: boolean;
-    popoutClass?: string;
-    popoutStyle?: StyleValue;
+import { type PickerPopoutSlots, type PickerPopoutEmits, type PickerPopoutProps } from '../picker-popout/common';
+export interface PickerInputProps extends PickerPopoutProps, Omit<PopoutInputProps, 'modelValue'> {
 }
 export declare const defaultPickerInputProps: () => {
     validateEvent: boolean;
     columns: () => never[];
     immediateChange: boolean;
 };
-export interface PickerInputEmits {
-    (e: 'update:visible', visible: boolean): void;
-    (e: 'update:model-value', value: any): void;
-    (e: 'change', value: any): void;
+export interface PickerInputSlots extends PickerPopoutSlots {
+}
+export interface PickerInputEmits extends PickerPopoutEmits {
 }

package/components/picker-input/common.js

@@ -1,6 +1,4 @@
-import { defaultPickerProps } from '../picker/common';
-import { defaultConfig } from '../config';
+import { defaultPickerPopoutProps, } from '../picker-popout/common';
 export const defaultPickerInputProps = () => ({
-    ...defaultPickerProps(),
-    ...defaultConfig.pickerInput,
+    ...defaultPickerPopoutProps(),
 });

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

@@ -1,6 +1,7 @@
 import { type PickerOption } from '../picker/common';
-import { type PickerInputProps } from './common';
-declare const _default: import("vue").DefineComponent<PickerInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+import { type PickerInputProps, type PickerInputSlots } from './common';
+declare function __VLS_template(): Readonly<PickerInputSlots> & PickerInputSlots;
+declare const __VLS_component: import("vue").DefineComponent<PickerInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (value: any) => any;
     change: (value: any) => any;
     "update:visible": (visible: boolean) => any;
@@ -13,4 +14,10 @@ declare const _default: import("vue").DefineComponent<PickerInputProps, {}, {},
     validateEvent: boolean;
     immediateChange: 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;
+    };
+};