sard-uniapp 1.15.4 → 1.16.0

package/components/radio-input/radio-input.vue

@@ -8,95 +8,41 @@
     :root-class="rootClass"
     :root-style="rootStyle"
     @clear="onClear"
-    @click="onInputClick"
+    @click="show"
   >
-    <sar-popout
-      :visible="innerVisible"
+    <sar-radio-popout
+      v-model:visible="innerVisible"
+      v-model="innerValue"
       :title="title ?? placeholder"
       :root-class="popoutClass"
       :root-style="popoutStyle"
-      @update:visible="onVisible"
-      @confirm="onConfirm"
-    >
-      <template #visible="{ already }">
-        <view v-if="already" :class="containerClass">
-          <scroll-view
-            :class="bem.e('scroll')"
-            scroll-y
-            trap-scroll
-            :upper-threshold="0"
-            :lower-threshold="0"
-            :throttle="false"
-            @scroll="onScroll"
-            @scrolltoupper="onScrolltoupper"
-            @scrolltolower="onScrolltolower"
-          >
-            <sar-radio-group
-              :size="size"
-              :type="type"
-              :checkedColor="checkedColor"
-              :direction="direction"
-              :validate-event="false"
-              :model-value="popoutValue"
-              @change="onChange"
-            >
-              <template #custom="{ toggle }">
-                <sar-list inlaid>
-                  <sar-list-item
-                    v-for="option in options"
-                    :key="getMayPrimitiveOption(option, fieldKeys.value)"
-                    :title="getMayPrimitiveOption(option, fieldKeys.label)"
-                    hover
-                    @click="
-                      toggle(getMayPrimitiveOption(option, fieldKeys.value))
-                    "
-                  >
-                    <template #value>
-                      <sar-radio
-                        readonly
-                        :value="getMayPrimitiveOption(option, fieldKeys.value)"
-                      />
-                    </template>
-                  </sar-list-item>
-                </sar-list>
-              </template>
-            </sar-radio-group>
-          </scroll-view>
-        </view>
-      </template>
-    </sar-popout>
+      :size="size"
+      :type="type"
+      :checkedColor="checkedColor"
+      :direction="direction"
+      :options="options"
+      :option-keys="optionKeys"
+      :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, computed } from "vue";
 import SarPopoutInput from "../popout-input/popout-input.vue";
-import SarPopout from "../popout/popout.vue";
-import SarRadioGroup from "../radio-group/radio-group.vue";
-import SarRadio from "../radio/radio.vue";
-import SarList from "../list/list.vue";
-import SarListItem from "../list-item/list-item.vue";
+import SarRadioPopout from "../radio-popout/radio-popout.vue";
 import { defaultOptionKeys } from "../radio/common";
 import {
   defaultRadioInputProps
 } from "./common";
-import {
-  classNames,
-  createBem,
-  getMayPrimitiveOption,
-  isNullish
-} from "../../utils";
-import { useFormItemContext } from "../form/common";
-import { useScrollSide } from "../../use";
+import { getMayPrimitiveOption, isNullish } from "../../utils";
+import { usePopoutInput } from "../../use";
 export default  _defineComponent({
   components: {
     SarPopoutInput,
-    SarPopout,
-    SarRadioGroup,
-    SarRadio,
-    SarList,
-    SarListItem,
+    SarRadioPopout,
   },
   ...{
     options: {
@@ -132,35 +78,10 @@ export default  _defineComponent({
     __expose();
     const props = __props;
     const emit = __emit;
-    const bem = createBem("radio-input");
-    const formItemContext = useFormItemContext();
+    const { innerVisible, innerValue, inputValue, show, onChange, onClear } = usePopoutInput(props, emit);
     const fieldKeys = computed(() => {
       return Object.assign({}, defaultOptionKeys, props.optionKeys);
     });
-    const innerValue = ref(props.modelValue);
-    watch(
-      () => props.modelValue,
-      () => {
-        innerValue.value = props.modelValue;
-        if (props.validateEvent) {
-          formItemContext?.onChange();
-        }
-      }
-    );
-    const popoutValue = ref(props.modelValue);
-    watch(innerValue, () => {
-      popoutValue.value = innerValue.value;
-    });
-    const onChange = (value) => {
-      popoutValue.value = value;
-    };
-    const onConfirm = () => {
-      innerValue.value = popoutValue.value;
-      emit("update:model-value", popoutValue.value);
-      emit("change", popoutValue.value);
-      inputValue.value = getInputValue();
-    };
-    const inputValue = ref("");
     function getOutletText(options, optionKeys, value) {
       const option = options.find(
         (option2) => getMayPrimitiveOption(option2, optionKeys.value) === value
@@ -174,7 +95,7 @@ export default  _defineComponent({
       return getOutletText(props.options, fieldKeys.value, innerValue.value);
     }
     watch(
-      innerValue,
+      [innerValue, () => props.options],
       () => {
         inputValue.value = getInputValue();
       },
@@ -182,48 +103,8 @@ export default  _defineComponent({
         immediate: true
       }
     );
-    watch(
-      () => props.options,
-      () => {
-        inputValue.value = getInputValue();
-      }
-    );
-    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 { scrollSide, onScroll, onScrolltoupper, onScrolltolower } = useScrollSide();
-    const containerClass = computed(() => {
-      return classNames(
-        bem.e("container"),
-        bem.em("container", scrollSide.value, scrollSide.value)
-      );
-    });
-    const __returned__ = { props, emit, bem, formItemContext, fieldKeys, innerValue, popoutValue, onChange, onConfirm, inputValue, getOutletText, getInputValue, onClear, innerVisible, onVisible, onInputClick, scrollSide, onScroll, onScrolltoupper, onScrolltolower, containerClass, SarPopoutInput, SarPopout, SarRadioGroup, SarRadio, SarList, SarListItem, get getMayPrimitiveOption() {
-      return getMayPrimitiveOption;
-    } };
+    const __returned__ = { props, emit, innerVisible, innerValue, inputValue, show, onChange, onClear, fieldKeys, getOutletText, getInputValue, SarPopoutInput, SarRadioPopout };
     return __returned__;
   }
 });
 </script>
-
-<style lang="scss">
-@import './index.scss';
-</style>

package/components/radio-popout/common.d.ts

@@ -0,0 +1,23 @@
+import { type StyleValue } from 'vue';
+import { type RadioGroupProps } from '../radio/common';
+export interface RadioPopoutProps extends RadioGroupProps {
+    visible?: boolean;
+    title?: string;
+    popoutClass?: string;
+    popoutStyle?: StyleValue;
+}
+export declare const defaultRadioPopoutProps: () => {
+    options: () => never[];
+    validateEvent: boolean;
+    type: import("../radio-input").RadioInputProps["type"];
+};
+export interface RadioPopoutSlots {
+    default?(props: Record<string, never>): any;
+}
+export interface RadioPopoutEmits {
+    (e: 'update:visible', visible: boolean): void;
+    (e: 'update:model-value', value: any): void;
+    (e: 'change', value: any): void;
+}
+export interface RadioPopoutExpose {
+}

package/components/radio-popout/common.js

@@ -0,0 +1,5 @@
+import { defaultConfig } from '../config';
+export const defaultRadioPopoutProps = () => ({
+    ...defaultConfig.radioPopout,
+    options: () => [],
+});

package/components/radio-popout/index.d.ts

@@ -0,0 +1 @@
+export type { RadioPopoutProps, RadioPopoutSlots, RadioPopoutEmits, RadioPopoutExpose, } from './common';

package/components/radio-popout/index.js

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

package/components/{radio-input → radio-popout}/index.scss

@@ -1,11 +1,11 @@
 @use '../style/base' as *;
 
-@include bem(radio-input) {
+@include bem(radio-popout) {
   @include e(container) {
     @include scroll-shadow;
   }
 
   @include e(scroll) {
-    max-height: var(--sar-checkbox-input-max-height);
+    max-height: var(--sar-radio-popout-max-height);
   }
 }

package/components/radio-popout/radio-popout.d.ts

@@ -0,0 +1,22 @@
+import { type RadioPopoutProps, type RadioPopoutSlots } from './common';
+declare function __VLS_template(): Readonly<RadioPopoutSlots> & RadioPopoutSlots;
+declare const __VLS_component: import("vue").DefineComponent<RadioPopoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:model-value": (value: any) => any;
+    change: (value: any) => any;
+    "update:visible": (visible: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<RadioPopoutProps> & Readonly<{
+    "onUpdate:model-value"?: ((value: any) => any) | undefined;
+    onChange?: ((value: any) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+}>, {
+    options: import("../radio/common").RadioGroupOption[];
+    type: import("../radio/common").IconType;
+    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/radio-popout/radio-popout.vue

@@ -0,0 +1,135 @@
+<template>
+  <sar-popout
+    v-model:visible="innerVisible"
+    :title="title"
+    :root-class="popoutClass"
+    :root-style="popoutStyle"
+    @confirm="onConfirm"
+  >
+    <template #visible="{ already }">
+      <view v-if="already" :class="containerClass">
+        <scroll-view
+          :class="bem.e('scroll')"
+          scroll-y
+          trap-scroll
+          :upper-threshold="0"
+          :lower-threshold="0"
+          :throttle="false"
+          @scroll="onScroll"
+          @scrolltoupper="onScrolltoupper"
+          @scrolltolower="onScrolltolower"
+        >
+          <sar-radio-group
+            :size="size"
+            :type="type"
+            :checkedColor="checkedColor"
+            :direction="direction"
+            :validate-event="false"
+            :model-value="popoutValue"
+            @change="onChange"
+          >
+            <template #custom="{ toggle }">
+              <sar-list inlaid>
+                <sar-list-item
+                  v-for="option in options"
+                  :key="getMayPrimitiveOption(option, fieldKeys.value)"
+                  :title="getMayPrimitiveOption(option, fieldKeys.label)"
+                  hover
+                  @click="
+                    toggle(getMayPrimitiveOption(option, fieldKeys.value))
+                  "
+                >
+                  <template #value>
+                    <sar-radio
+                      readonly
+                      :value="getMayPrimitiveOption(option, fieldKeys.value)"
+                    />
+                  </template>
+                </sar-list-item>
+              </sar-list>
+            </template>
+          </sar-radio-group>
+        </scroll-view>
+      </view>
+    </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 SarRadioGroup from "../radio-group/radio-group.vue";
+import SarRadio from "../radio/radio.vue";
+import SarList from "../list/list.vue";
+import SarListItem from "../list-item/list-item.vue";
+import { classNames, createBem, getMayPrimitiveOption } from "../../utils";
+import {
+  defaultRadioPopoutProps
+} from "./common";
+import { defaultOptionKeys } from "../radio/common";
+import { useScrollSide, useFormPopout } from "../../use";
+export default  _defineComponent({
+  components: {
+    SarPopout,
+    SarRadioGroup,
+    SarRadio,
+    SarList,
+    SarListItem,
+  },
+  ...{
+    options: {
+      virtualHost: true,
+      styleIsolation: "shared"
+    }
+  },
+  __name: "radio-popout",
+  props:  _mergeDefaults({
+    visible: { type: Boolean, required: false },
+    title: { type: String, 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 },
+    modelValue: { type: null, required: false },
+    disabled: { type: Boolean, required: false },
+    readonly: { type: Boolean, required: false },
+    size: { type: String, required: false },
+    type: { type: String, required: false },
+    checkedColor: { type: String, required: false },
+    direction: { type: String, required: false },
+    validateEvent: { type: Boolean, required: false },
+    options: { type: Array, required: false },
+    optionKeys: { type: Object, required: false }
+  }, defaultRadioPopoutProps()),
+  emits: ["update:visible", "update:model-value", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const bem = createBem("radio-popout");
+    const { innerVisible, popoutValue, onChange, onConfirm } = useFormPopout(
+      props,
+      emit
+    );
+    const fieldKeys = computed(() => {
+      return Object.assign({}, defaultOptionKeys, props.optionKeys);
+    });
+    const { scrollSide, onScroll, onScrolltoupper, onScrolltolower } = useScrollSide();
+    const containerClass = computed(() => {
+      return classNames(
+        bem.e("container"),
+        bem.em("container", scrollSide.value, scrollSide.value)
+      );
+    });
+    const __returned__ = { props, emit, bem, innerVisible, popoutValue, onChange, onConfirm, fieldKeys, scrollSide, onScroll, onScrolltoupper, onScrolltolower, containerClass, SarPopout, SarRadioGroup, SarRadio, SarList, SarListItem, get getMayPrimitiveOption() {
+      return getMayPrimitiveOption;
+    } };
+    return __returned__;
+  }
+});
+</script>
+
+<style lang="scss">
+@import './index.scss';
+</style>

package/components/{radio-input → radio-popout}/variables.scss

@@ -1,6 +1,6 @@
 // #variables
 page,
 .sar-portal {
-  --sar-radio-input-max-height: 640rpx;
+  --sar-radio-popout-max-height: 640rpx;
 }
 // #endvariables

package/components/signature/signature.d.ts

@@ -7,13 +7,13 @@ declare const __VLS_component: import("vue").DefineComponent<SignatureProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     cancel: () => any;
     clear: () => any;
-    confirm: (dataURL: string) => any;
     "update:visible": (visible: boolean) => any;
+    confirm: (dataURL: string) => any;
 }, string, import("vue").PublicProps, Readonly<SignatureProps> & Readonly<{
     onCancel?: (() => any) | undefined;
     onClear?: (() => any) | undefined;
-    onConfirm?: ((dataURL: string) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    onConfirm?: ((dataURL: string) => any) | undefined;
 }>, {
     type: "png" | "jpg";
     duration: number;

package/components/tabbar/common.d.ts

@@ -6,6 +6,8 @@ export interface TabbarProps {
     color?: string;
     activeColor?: string;
     bordered?: boolean;
+    fixed?: boolean;
+    safeAreaInsetBottom?: boolean;
 }
 export declare const defaultTabbarProps: {
     bordered: boolean;

package/components/tabbar/index.scss

@@ -10,6 +10,19 @@
     background-color: var(--sar-tabbar-bg);
   }
 
+  @include m(fixed) {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    z-index: var(--sar-tabbar-z-index);
+  }
+
+  @include m(safe) {
+    height: calc(var(--sar-tabbar-height) + env(safe-area-inset-bottom));
+    padding-bottom: env(safe-area-inset-bottom);
+  }
+
   @include m(bordered) {
     &::before {
       @include border-top(var(--sar-tabbar-border-color));

package/components/tabbar/tabbar.vue

@@ -26,7 +26,9 @@ export default  _defineComponent({
     current: { type: [Number, String], required: false },
     color: { type: String, required: false },
     activeColor: { type: String, required: false },
-    bordered: { type: Boolean, required: false }
+    bordered: { type: Boolean, required: false },
+    fixed: { type: Boolean, required: false },
+    safeAreaInsetBottom: { type: Boolean, required: false }
   }, defaultTabbarProps),
   emits: ["update:current", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -58,7 +60,13 @@ export default  _defineComponent({
       })
     );
     const tabbarClass = computed(() => {
-      return classNames(bem.b(), bem.m("bordered", props.bordered), props.rootClass);
+      return classNames(
+        bem.b(),
+        bem.m("bordered", props.bordered),
+        bem.m("fixed", props.fixed),
+        bem.m("safe", props.safeAreaInsetBottom),
+        props.rootClass
+      );
     });
     const tabbarStyle = computed(() => {
       return stringifyStyle(props.rootStyle);

package/components/tabbar/variables.scss

@@ -1,6 +1,7 @@
 // #variables
 page,
 .sar-portal {
+  --sar-tabbar-z-index: 999;
   --sar-tabbar-height: 100rpx;
   --sar-tabbar-border-color: var(--sar-border-color);
   --sar-tabbar-bg: var(--sar-emphasis-bg);

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

@@ -0,0 +1,13 @@
+import { type StyleValue } from 'vue';
+export interface TabbarPitProps {
+    rootStyle?: StyleValue;
+    rootClass?: string;
+    safeAreaInsetBottom?: boolean;
+}
+export interface TabbarPitSlots {
+    default?(props: Record<string, never>): any;
+}
+export interface TabbarPitEmits {
+}
+export interface TabbarPitExpose {
+}

package/components/tabbar-pit/common.js

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

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

@@ -0,0 +1 @@
+export type { TabbarPitProps, TabbarPitSlots, TabbarPitEmits, TabbarPitExpose, } from './common';

package/components/tabbar-pit/index.js

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

package/components/tabbar-pit/index.scss

@@ -0,0 +1,12 @@
+@use '../style/base' as *;
+
+@include bem(tabbar-pit) {
+  @include b() {
+    @include universal;
+    height: var(--sar-tabbar-height);
+  }
+
+  @include m(safe) {
+    height: calc(var(--sar-tabbar-height) + env(safe-area-inset-bottom));
+  }
+}

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

@@ -0,0 +1,10 @@
+import { type TabbarPitProps, type TabbarPitSlots } from './common';
+declare function __VLS_template(): Readonly<TabbarPitSlots> & TabbarPitSlots;
+declare const __VLS_component: import("vue").DefineComponent<TabbarPitProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TabbarPitProps> & Readonly<{}>, {}, {}, {}, {}, 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/tabbar-pit/tabbar-pit.vue

@@ -0,0 +1,46 @@
+<template>
+  <view :class="tabbarPitClass" :style="tabbarPitStyle">
+    <slot></slot>
+  </view>
+</template>
+
+<script>
+import { defineComponent as _defineComponent } from "vue";
+import { computed } from "vue";
+import { classNames, stringifyStyle, createBem } from "../../utils";
+export default  _defineComponent({
+  ...{
+    options: {
+      virtualHost: true,
+      styleIsolation: "shared"
+    }
+  },
+  __name: "tabbar-pit",
+  props: {
+    rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+    rootClass: { type: String, required: false },
+    safeAreaInsetBottom: { type: Boolean, required: false }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const bem = createBem("tabbar-pit");
+    __expose({});
+    const tabbarPitClass = computed(() => {
+      return classNames(
+        bem.b(),
+        bem.m("safe", props.safeAreaInsetBottom),
+        props.rootClass
+      );
+    });
+    const tabbarPitStyle = computed(() => {
+      return stringifyStyle(props.rootStyle);
+    });
+    const __returned__ = { props, bem, tabbarPitClass, tabbarPitStyle };
+    return __returned__;
+  }
+});
+</script>
+
+<style lang="scss">
+@import './index.scss';
+</style>

package/global.d.ts

@@ -10,12 +10,15 @@ declare module 'vue' {
     SarButton: typeof import('./components/button/button').default
     SarCalendar: typeof import('./components/calendar/calendar').default
     SarCalendarInput: typeof import('./components/calendar-input/calendar-input').default
+    SarCalendarPopout: typeof import('./components/calendar-popout/calendar-popout').default
     SarCard: typeof import('./components/card/card').default
     SarCascader: typeof import('./components/cascader/cascader').default
     SarCascaderInput: typeof import('./components/cascader-input/cascader-input').default
+    SarCascaderPopout: typeof import('./components/cascader-popout/cascader-popout').default
     SarCheckbox: typeof import('./components/checkbox/checkbox').default
     SarCheckboxGroup: typeof import('./components/checkbox-group/checkbox-group').default
     SarCheckboxInput: typeof import('./components/checkbox-input/checkbox-input').default
+    SarCheckboxPopout: typeof import('./components/checkbox-popout/checkbox-popout').default
     SarCol: typeof import('./components/col/col').default
     SarCollapse: typeof import('./components/collapse/collapse').default
     SarCountDown: typeof import('./components/count-down/count-down').default
@@ -24,8 +27,10 @@ declare module 'vue' {
     SarCropImageAgent: typeof import('./components/crop-image-agent/crop-image-agent').default
     SarDatetimePicker: typeof import('./components/datetime-picker/datetime-picker').default
     SarDatetimePickerInput: typeof import('./components/datetime-picker-input/datetime-picker-input').default
+    SarDatetimePickerPopout: typeof import('./components/datetime-picker-popout/datetime-picker-popout').default
     SarDatetimeRangePicker: typeof import('./components/datetime-range-picker/datetime-range-picker').default
     SarDatetimeRangePickerInput: typeof import('./components/datetime-range-picker-input/datetime-range-picker-input').default
+    SarDatetimeRangePickerPopout: typeof import('./components/datetime-range-picker-popout/datetime-range-picker-popout').default
     SarDialog: typeof import('./components/dialog/dialog').default
     SarDialogAgent: typeof import('./components/dialog-agent/dialog-agent').default
     SarDivider: typeof import('./components/divider/divider').default
@@ -61,6 +66,7 @@ declare module 'vue' {
     SarPasswordInput: typeof import('./components/password-input/password-input').default
     SarPicker: typeof import('./components/picker/picker').default
     SarPickerInput: typeof import('./components/picker-input/picker-input').default
+    SarPickerPopout: typeof import('./components/picker-popout/picker-popout').default
     SarPopout: typeof import('./components/popout/popout').default
     SarPopoutInput: typeof import('./components/popout-input/popout-input').default
     SarPopover: typeof import('./components/popover/popover').default
@@ -73,6 +79,7 @@ declare module 'vue' {
     SarRadio: typeof import('./components/radio/radio').default
     SarRadioGroup: typeof import('./components/radio-group/radio-group').default
     SarRadioInput: typeof import('./components/radio-input/radio-input').default
+    SarRadioPopout: typeof import('./components/radio-popout/radio-popout').default
     SarRate: typeof import('./components/rate/rate').default
     SarResult: typeof import('./components/result/result').default
     SarRow: typeof import('./components/row/row').default
@@ -98,6 +105,7 @@ declare module 'vue' {
     SarTab: typeof import('./components/tab/tab').default
     SarTabbar: typeof import('./components/tabbar/tabbar').default
     SarTabbarItem: typeof import('./components/tabbar-item/tabbar-item').default
+    SarTabbarPit: typeof import('./components/tabbar-pit/tabbar-pit').default
     SarTable: typeof import('./components/table/table').default
     SarTableCell: typeof import('./components/table-cell/table-cell').default
     SarTableRow: typeof import('./components/table-row/table-row').default