sard-uniapp 1.15.3 → 1.16.0

package/components/config/index.js

@@ -35,11 +35,13 @@ export const defaultConfig = {
         weekStartsOn: 0,
     },
     calendarInput: {
+        outletFormat: 'YYYY-MM-DD',
+    },
+    calendarPopout: {
         showConfirm: true,
         validateEvent: true,
-        outletFormat: 'YYYY-MM-DD',
     },
-    cascaderInput: {
+    cascaderPopout: {
         showConfirm: true,
         validateEvent: true,
     },
@@ -50,7 +52,7 @@ export const defaultConfig = {
         direction: 'vertical',
         validateEvent: true,
     },
-    checkboxInput: {
+    checkboxPopout: {
         validateEvent: true,
     },
     countDown: {
@@ -76,13 +78,13 @@ export const defaultConfig = {
     datetimePicker: {
         type: 'yMd',
     },
-    datetimePickerInput: {
+    datetimePickerPopout: {
         validateEvent: true,
     },
     datetimeRangePicker: {
         type: 'yMd',
     },
-    datetimeRangePickerInput: {
+    datetimeRangePickerPopout: {
         validateEvent: true,
     },
     dialog: {
@@ -213,7 +215,7 @@ export const defaultConfig = {
     picker: {
         immediateChange: false,
     },
-    pickerInput: {
+    pickerPopout: {
         validateEvent: true,
     },
     popout: {
@@ -266,7 +268,7 @@ export const defaultConfig = {
         direction: 'vertical',
         validateEvent: true,
     },
-    radioInput: {
+    radioPopout: {
         validateEvent: true,
         type: 'circle',
     },

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

@@ -1,23 +1,13 @@
-import { type DatetimePickerProps } from '../datetime-picker/common';
 import { type PopoutInputProps } from '../popout-input/common';
-import { type StyleValue } from 'vue';
-export interface DatetimePickerInputProps extends DatetimePickerProps, Omit<PopoutInputProps, 'modelValue' | 'loading'> {
-    visible?: boolean;
-    title?: string;
+import { type DatetimePickerPopoutProps, type DatetimePickerPopoutEmits } from '../datetime-picker-popout/common';
+export interface DatetimePickerInputProps extends DatetimePickerPopoutProps, Omit<PopoutInputProps, 'modelValue' | 'loading'> {
     outletFormat?: string;
-    valueFormat?: string;
-    validateEvent?: boolean;
-    popoutClass?: string;
-    popoutStyle?: StyleValue;
 }
 export declare const defaultDatetimePickerInputProps: () => {
     validateEvent: boolean;
     type: string;
 };
-export interface DatetimePickerInputEmits {
-    (e: 'update:visible', visible: boolean): void;
-    (e: 'update:model-value', date: Date | string | undefined): void;
-    (e: 'change', date: Date | string | undefined): void;
+export interface DatetimePickerInputEmits extends DatetimePickerPopoutEmits {
 }
 export declare const mapTypeFormat: {
     y: string;

package/components/datetime-picker-input/common.js

@@ -1,7 +1,7 @@
 import { defaultConfig } from '../config';
 export const defaultDatetimePickerInputProps = () => ({
     ...defaultConfig.datetimePicker,
-    ...defaultConfig.datetimePickerInput,
+    ...defaultConfig.datetimePickerPopout,
 });
 export const mapTypeFormat = {
     y: 'YYYY',

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

@@ -8,57 +8,42 @@
     :root-class="rootClass"
     :root-style="rootStyle"
     @clear="onClear"
-    @click="onInputClick"
+    @click="show"
   >
-    <sar-popout
+    <sar-datetime-picker-popout
+      v-model:visible="innerVisible"
+      v-model="innerValue"
       keep-render
-      :visible="innerVisible"
       :title="title ?? placeholder"
       :root-class="popoutClass"
       :root-style="popoutStyle"
-      @update:visible="onVisible"
-      @confirm="onConfirm"
-      @enter="onEnter"
-    >
-      <template #visible="{ already }">
-        <sar-datetime-picker
-          v-if="already"
-          :model-value="popoutValue"
-          @change="onChange"
-          :type="type"
-          :min="min"
-          :max="max"
-          :filter="filter"
-          :formatter="formatter"
-          :value-format="valueFormat"
-        />
-      </template>
-    </sar-popout>
+      :type="type"
+      :min="min"
+      :max="max"
+      :filter="filter"
+      :formatter="formatter"
+      :value-format="valueFormat"
+      :validate-event="validateEvent"
+      @change="onChange"
+    />
   </sar-popout-input>
 </template>
 
 <script>
 import { mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from "vue";
-import { ref, watch, computed } from "vue";
+import { watch } from "vue";
 import SarPopoutInput from "../popout-input/popout-input.vue";
-import SarPopout from "../popout/popout.vue";
-import SarDatetimePicker from "../datetime-picker/datetime-picker.vue";
-import { formatDate, isNullish, isString, parseDate, toDate } from "../../utils";
-import {
-  getInitialValue,
-  getMinDate,
-  getMaxDate
-} from "../datetime-picker/common";
+import SarDatetimePickerPopout from "../datetime-picker-popout/datetime-picker-popout.vue";
+import { formatDate, isString, parseDate } from "../../utils";
+import { usePopoutInput } from "../../use";
 import {
   defaultDatetimePickerInputProps,
   mapTypeFormat
 } from "./common";
-import { useFormItemContext } from "../form/common";
 export default  _defineComponent({
   components: {
     SarPopoutInput,
-    SarPopout,
-    SarDatetimePicker,
+    SarDatetimePickerPopout,
   },
   ...{
     options: {
@@ -68,10 +53,9 @@ export default  _defineComponent({
   },
   __name: "datetime-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 },
@@ -83,6 +67,7 @@ export default  _defineComponent({
     modelValue: { 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 },
@@ -94,58 +79,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());
-      return maxDate2 < minDate.value ? new Date(minDate.value) : maxDate2;
-    });
-    const normalizeValue = (value) => {
-      const date = value ? toDate(value, props.valueFormat) :  new Date();
-      return date < minDate.value ? new Date(minDate.value) : date > maxDate.value ? new Date(maxDate.value) : date;
-    };
-    watch([minDate, maxDate], () => {
-      if (innerValue.value) {
-        const oldDate = toDate(innerValue.value, props.valueFormat);
-        const value = normalizeValue(innerValue.value);
-        if (value.getTime() !== oldDate.getTime()) {
-          popoutValue.value = value;
-          onConfirm();
-        }
-      }
-    });
-    const onConfirm = () => {
-      if (!popoutValue.value) {
-        const initialValue = getInitialValue(minDate.value, maxDate.value);
-        popoutValue.value = props.valueFormat ? formatDate(initialValue, props.valueFormat) : initialValue;
-      }
-      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);
     function getOutletText(value) {
       if (isString(value) && props.valueFormat) {
         value = parseDate(value, props.valueFormat);
@@ -173,28 +107,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, normalizeValue, onConfirm, inputValue, getOutletText, getInputValue, onClear, innerVisible, onVisible, onInputClick, SarPopoutInput, SarPopout, SarDatetimePicker };
+    const __returned__ = { props, emit, innerVisible, innerValue, inputValue, show, onChange, onClear, getOutletText, getInputValue, SarPopoutInput, SarDatetimePickerPopout };
     return __returned__;
   }
 });

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

@@ -0,0 +1,23 @@
+import { type StyleValue } from 'vue';
+import { type DatetimePickerProps } from '../datetime-picker/common';
+export interface DatetimePickerPopoutProps extends DatetimePickerProps {
+    visible?: boolean;
+    title?: string;
+    validateEvent?: boolean;
+    popoutClass?: string;
+    popoutStyle?: StyleValue;
+}
+export declare const defaultDatetimePickerPopoutProps: () => {
+    validateEvent: boolean;
+    type: string;
+};
+export interface DatetimePickerPopoutSlots {
+    default?(props: Record<string, never>): any;
+}
+export interface DatetimePickerPopoutEmits {
+    (e: 'update:visible', visible: boolean): void;
+    (e: 'update:model-value', date: Date | string | undefined): void;
+    (e: 'change', date: Date | string | undefined): void;
+}
+export interface DatetimePickerPopoutExpose {
+}

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

@@ -0,0 +1,5 @@
+import { defaultConfig } from '../config';
+export const defaultDatetimePickerPopoutProps = () => ({
+    ...defaultConfig.datetimePicker,
+    ...defaultConfig.datetimePickerPopout,
+});

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

@@ -0,0 +1,21 @@
+import { type DatetimePickerPopoutProps, type DatetimePickerPopoutSlots } from './common';
+declare function __VLS_template(): Readonly<DatetimePickerPopoutSlots> & DatetimePickerPopoutSlots;
+declare const __VLS_component: import("vue").DefineComponent<DatetimePickerPopoutProps, {}, {}, {}, {}, 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<DatetimePickerPopoutProps> & 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-picker-popout/datetime-picker-popout.vue

@@ -0,0 +1,113 @@
+<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-picker
+        v-if="already"
+        :model-value="popoutValue"
+        :type="type"
+        :min="min"
+        :max="max"
+        :filter="filter"
+        :formatter="formatter"
+        :value-format="valueFormat"
+        @change="onChange"
+      />
+    </template>
+  </sar-popout>
+</template>
+
+<script>
+import { mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from "vue";
+import { computed, watch } from "vue";
+import SarPopout from "../popout/popout.vue";
+import SarDatetimePicker from "../datetime-picker/datetime-picker.vue";
+import {
+  defaultDatetimePickerPopoutProps
+} 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,
+    SarDatetimePicker,
+  },
+  ...{
+    options: {
+      virtualHost: true,
+      styleIsolation: "shared"
+    }
+  },
+  __name: "datetime-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 },
+    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 },
+    modelValue: { type: [Date, String], required: false },
+    filter: { type: Function, required: false },
+    formatter: { type: Function, required: false },
+    valueFormat: { type: String, required: false }
+  }, defaultDatetimePickerPopoutProps()),
+  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());
+      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);
+          popoutValue.value = props.valueFormat ? formatDate(initialValue, props.valueFormat) : initialValue;
+        }
+      }
+    });
+    const onEnter = () => {
+      if (!isNullish(innerValue.value) && popoutValue.value !== innerValue.value) {
+        popoutValue.value = innerValue.value;
+      }
+    };
+    const normalizeValue = (value) => {
+      const date = value ? toDate(value, props.valueFormat) :  new Date();
+      return date < minDate.value ? new Date(minDate.value) : date > maxDate.value ? new Date(maxDate.value) : date;
+    };
+    watch([minDate, maxDate], () => {
+      if (innerValue.value) {
+        const oldDate = toDate(innerValue.value, props.valueFormat);
+        const value = normalizeValue(innerValue.value);
+        if (value.getTime() !== oldDate.getTime()) {
+          popoutValue.value = value;
+          onConfirm();
+        }
+      }
+    });
+    const __returned__ = { props, emit, minDate, maxDate, innerVisible, innerValue, popoutValue, onChange, onConfirm, onEnter, normalizeValue, SarPopout, SarDatetimePicker };
+    return __returned__;
+  }
+});
+</script>

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

@@ -0,0 +1 @@
+export type { DatetimePickerPopoutProps, DatetimePickerPopoutSlots, DatetimePickerPopoutEmits, DatetimePickerPopoutExpose, } from './common';

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

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

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

@@ -1,21 +1,11 @@
-import { type DatetimeRangePickerProps } from '../datetime-range-picker/common';
+import { type DatetimeRangePickerPopoutProps, type DatetimeRangePickerPopoutEmits } from '../datetime-range-picker-popout/common';
 import { type PopoutInputProps } from '../popout-input/common';
-import { type StyleValue } from 'vue';
-export interface DatetimeRangePickerInputProps extends DatetimeRangePickerProps, Omit<PopoutInputProps, 'modelValue' | 'loading'> {
-    visible?: boolean;
-    title?: string;
+export interface DatetimeRangePickerInputProps extends DatetimeRangePickerPopoutProps, Omit<PopoutInputProps, 'modelValue' | 'loading'> {
     outletFormat?: string;
-    valueFormat?: string;
-    validateEvent?: boolean;
-    popoutClass?: string;
-    popoutStyle?: StyleValue;
 }
 export declare const defaultDatetimeRangePickerInputProps: () => {
     validateEvent: boolean;
     type: string;
 };
-export interface DatetimeRangePickerInputEmits {
-    (e: 'update:visible', visible: boolean): void;
-    (e: 'update:model-value', date: (Date | string)[] | undefined): void;
-    (e: 'change', date: (Date | string)[] | undefined): void;
+export interface DatetimeRangePickerInputEmits extends DatetimeRangePickerPopoutEmits {
 }

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

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

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__;
   }
 });