persagy-vant 0.0.24 → 0.0.26

package/es/field/index.d.ts

@@ -60,7 +60,10 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
+    inputAlign: {
+        type: import("vue").PropType<import("./types").FieldTextAlign>;
+        default: import("./types").FieldTextAlign;
+    };
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
@@ -172,7 +175,10 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
+    inputAlign: {
+        type: import("vue").PropType<import("./types").FieldTextAlign>;
+        default: import("./types").FieldTextAlign;
+    };
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
@@ -252,6 +258,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     modelValue: string | number;
     clearable: boolean;
     clearIcon: string;
+    inputAlign: import("./types").FieldTextAlign;
     clearTrigger: import("./types").FieldClearTrigger;
     formatTrigger: import("./types").FieldFormatTrigger;
     error: boolean;

package/es/field/var.less

@@ -1,7 +1,7 @@
 @import '../style/var.less';
 
 @field-label-width: 6.2em;
-@field-label-color: var(--van-gray-7);
+@field-label-color: var(--van-gray-8);
 @field-label-margin-right: var(--van-padding-sm);
 @field-input-font-size: var(--van-font-size-lg);
 @field-input-text-color: var(--van-text-color);

package/es/filter-tag/FilterTag.d.ts

@@ -1,8 +1,13 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type FilterTagIconPosition = 'left' | 'right';
+export declare type FilterTagSize = 'normal' | 'large';
 declare const filterTagProps: {
     selected: BooleanConstructor;
     disabled: BooleanConstructor;
+    size: {
+        type: PropType<FilterTagSize>;
+        default: string;
+    };
     icon: StringConstructor;
     iconPrefix: StringConstructor;
     iconPosition: {
@@ -16,6 +21,10 @@ export declare type FilterTagProps = ExtractPropTypes<typeof filterTagProps>;
 declare const _default: import("vue").DefineComponent<{
     selected: BooleanConstructor;
     disabled: BooleanConstructor;
+    size: {
+        type: PropType<FilterTagSize>;
+        default: string;
+    };
     icon: StringConstructor;
     iconPrefix: StringConstructor;
     iconPosition: {
@@ -27,6 +36,10 @@ declare const _default: import("vue").DefineComponent<{
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     selected: BooleanConstructor;
     disabled: BooleanConstructor;
+    size: {
+        type: PropType<FilterTagSize>;
+        default: string;
+    };
     icon: StringConstructor;
     iconPrefix: StringConstructor;
     iconPosition: {
@@ -39,6 +52,7 @@ declare const _default: import("vue").DefineComponent<{
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     dot: boolean;
+    size: FilterTagSize;
     disabled: boolean;
     selected: boolean;
     iconPosition: FilterTagIconPosition;

package/es/filter-tag/FilterTag.mjs

@@ -6,6 +6,10 @@ const [name, bem] = createNamespace("filter-tag");
 const filterTagProps = {
   selected: Boolean,
   disabled: Boolean,
+  size: {
+    type: String,
+    default: "normal"
+  },
   icon: String,
   iconPrefix: String,
   iconPosition: {
@@ -48,7 +52,8 @@ var stdin_default = defineComponent({
         "type": "button",
         "class": bem({
           selected: props.selected,
-          disabled: props.disabled
+          disabled: props.disabled,
+          large: props.size === "large"
         }),
         "disabled": props.disabled,
         "onClick": (event) => emit("click", event)

package/es/filter-tag/index.css

@@ -1 +1 @@
-:root{--van-filter-tag-padding: 4px 12px;--van-filter-tag-gap: 4px;--van-filter-tag-font-size: var(--van-font-size-md);--van-filter-tag-font-weight: var(--van-font-weight-bold);--van-filter-tag-line-height: var(--van-line-height-lg);--van-filter-tag-border-radius: var(--van-border-radius-lg);--van-filter-tag-color: var(--van-gray-8);--van-filter-tag-background-color: var(--van-gray-2);--van-filter-tag-selected-color: var(--van-primary-color);--van-filter-tag-selected-background-color: var(--van-blue-100);--van-filter-tag-disabled-color: var(--van-gray-5);--van-filter-tag-active-opacity: var(--van-active-opacity)}.van-filter-tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--van-filter-tag-gap);min-width:0;padding:var(--van-filter-tag-padding);color:var(--van-filter-tag-color);font:inherit;font-size:var(--van-filter-tag-font-size);font-weight:400;line-height:var(--van-filter-tag-line-height);white-space:nowrap;background:var(--van-filter-tag-background-color);border:0;border-radius:var(--van-filter-tag-border-radius)}.van-filter-tag:not(:disabled){cursor:pointer}.van-filter-tag:not(:disabled):active{opacity:var(--van-filter-tag-active-opacity)}.van-filter-tag--selected{color:var(--van-filter-tag-selected-color);font-weight:var(--van-filter-tag-font-weight);background:var(--van-filter-tag-selected-background-color)}.van-filter-tag--disabled{color:var(--van-filter-tag-disabled-color);cursor:not-allowed}.van-filter-tag__icon{flex:none;font-size:16px}.van-filter-tag__text{overflow:hidden;text-overflow:ellipsis}.van-filter-tag .van-badge{position:static;display:inline-flex;box-sizing:border-box;flex:none;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;line-height:16px;border:0;transform:none}.van-filter-tag .van-badge--dot{width:8px;min-width:0;height:8px;padding:0}
+:root{--van-filter-tag-padding: 4px 12px;--van-filter-tag-gap: 4px;--van-filter-tag-font-size: var(--van-font-size-md);--van-filter-tag-font-weight: var(--van-font-weight-bold);--van-filter-tag-line-height: var(--van-line-height-lg);--van-filter-tag-border-radius: var(--van-border-radius-lg);--van-filter-tag-color: var(--van-gray-8);--van-filter-tag-background-color: var(--van-gray-2);--van-filter-tag-selected-color: var(--van-primary-color);--van-filter-tag-selected-background-color: var(--van-blue-100);--van-filter-tag-disabled-color: var(--van-gray-5);--van-filter-tag-active-opacity: var(--van-active-opacity);--van-filter-tag-large-padding: 6px 16px;--van-filter-tag-large-gap: 6px;--van-filter-tag-large-font-size: var(--van-font-size-lg);--van-filter-tag-large-line-height: var(--van-line-height-xl);--van-filter-tag-large-icon-size: 18px}.van-filter-tag{display:inline-flex;align-items:center;justify-content:center;gap:var(--van-filter-tag-gap);min-width:0;padding:var(--van-filter-tag-padding);color:var(--van-filter-tag-color);font:inherit;font-size:var(--van-filter-tag-font-size);font-weight:400;line-height:var(--van-filter-tag-line-height);white-space:nowrap;background:var(--van-filter-tag-background-color);border:0;border-radius:var(--van-filter-tag-border-radius)}.van-filter-tag:not(:disabled){cursor:pointer}.van-filter-tag:not(:disabled):active{opacity:var(--van-filter-tag-active-opacity)}.van-filter-tag--selected{color:var(--van-filter-tag-selected-color);font-weight:var(--van-filter-tag-font-weight);background:var(--van-filter-tag-selected-background-color)}.van-filter-tag--disabled{color:var(--van-filter-tag-disabled-color);cursor:not-allowed}.van-filter-tag--large{gap:var(--van-filter-tag-large-gap);padding:var(--van-filter-tag-large-padding);font-size:var(--van-filter-tag-large-font-size);line-height:var(--van-filter-tag-large-line-height)}.van-filter-tag--large .van-filter-tag__icon{font-size:var(--van-filter-tag-large-icon-size)}.van-filter-tag__icon{flex:none;font-size:16px}.van-filter-tag__text{overflow:hidden;text-overflow:ellipsis}.van-filter-tag .van-badge{position:static;display:inline-flex;box-sizing:border-box;flex:none;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;line-height:16px;border:0;transform:none}.van-filter-tag .van-badge--dot{width:8px;min-width:0;height:8px;padding:0}

package/es/filter-tag/index.d.ts

@@ -1,6 +1,10 @@
 export declare const FilterTag: import("../utils").WithInstall<import("vue").DefineComponent<{
     selected: BooleanConstructor;
     disabled: BooleanConstructor;
+    size: {
+        type: import("vue").PropType<import("./FilterTag").FilterTagSize>;
+        default: string;
+    };
     icon: StringConstructor;
     iconPrefix: StringConstructor;
     iconPosition: {
@@ -12,6 +16,10 @@ export declare const FilterTag: import("../utils").WithInstall<import("vue").Def
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     selected: BooleanConstructor;
     disabled: BooleanConstructor;
+    size: {
+        type: import("vue").PropType<import("./FilterTag").FilterTagSize>;
+        default: string;
+    };
     icon: StringConstructor;
     iconPrefix: StringConstructor;
     iconPosition: {
@@ -24,12 +32,13 @@ export declare const FilterTag: import("../utils").WithInstall<import("vue").Def
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     dot: boolean;
+    size: import("./FilterTag").FilterTagSize;
     disabled: boolean;
     selected: boolean;
     iconPosition: import("./FilterTag").FilterTagIconPosition;
 }>>;
 export default FilterTag;
-export type { FilterTagIconPosition, FilterTagProps } from './FilterTag';
+export type { FilterTagIconPosition, FilterTagProps, FilterTagSize, } from './FilterTag';
 declare module 'vue' {
     interface GlobalComponents {
         VanFilterTag: typeof FilterTag;

package/es/filter-tag/index.less

@@ -13,6 +13,11 @@
   --van-filter-tag-selected-background-color: @filter-tag-selected-background-color;
   --van-filter-tag-disabled-color: @filter-tag-disabled-color;
   --van-filter-tag-active-opacity: @filter-tag-active-opacity;
+  --van-filter-tag-large-padding: @filter-tag-large-padding;
+  --van-filter-tag-large-gap: @filter-tag-large-gap;
+  --van-filter-tag-large-font-size: @filter-tag-large-font-size;
+  --van-filter-tag-large-line-height: @filter-tag-large-line-height;
+  --van-filter-tag-large-icon-size: @filter-tag-large-icon-size;
 }
 
 .van-filter-tag {
@@ -51,6 +56,17 @@
     cursor: not-allowed;
   }
 
+  &--large {
+    gap: var(--van-filter-tag-large-gap);
+    padding: var(--van-filter-tag-large-padding);
+    font-size: var(--van-filter-tag-large-font-size);
+    line-height: var(--van-filter-tag-large-line-height);
+
+    .van-filter-tag__icon {
+      font-size: var(--van-filter-tag-large-icon-size);
+    }
+  }
+
   &__icon {
     flex: none;
     font-size: 16px;

package/es/filter-tag/var.less

@@ -12,3 +12,8 @@
 @filter-tag-selected-background-color: var(--van-blue-100);
 @filter-tag-disabled-color: var(--van-gray-5);
 @filter-tag-active-opacity: var(--van-active-opacity);
+@filter-tag-large-padding: 6px 16px;
+@filter-tag-large-gap: 6px;
+@filter-tag-large-font-size: var(--van-font-size-lg);
+@filter-tag-large-line-height: var(--van-line-height-xl);
+@filter-tag-large-icon-size: 18px;

package/es/floor-select/FloorSelect.d.ts

@@ -0,0 +1,38 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+import { type Numeric } from '../utils';
+import type { FloorSelectBuilding } from './types';
+declare const floorSelectProps: {
+    modelValue: PropType<Numeric | undefined>;
+    activeBuilding: PropType<Numeric | undefined>;
+    buildings: {
+        type: PropType<FloorSelectBuilding[]>;
+        default: () => FloorSelectBuilding[];
+    };
+    more: BooleanConstructor;
+};
+export declare type FloorSelectProps = ExtractPropTypes<typeof floorSelectProps>;
+declare const _default: import("vue").DefineComponent<{
+    modelValue: PropType<Numeric | undefined>;
+    activeBuilding: PropType<Numeric | undefined>;
+    buildings: {
+        type: PropType<FloorSelectBuilding[]>;
+        default: () => FloorSelectBuilding[];
+    };
+    more: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:activeBuilding")[], "change" | "update:modelValue" | "update:activeBuilding", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    modelValue: PropType<Numeric | undefined>;
+    activeBuilding: PropType<Numeric | undefined>;
+    buildings: {
+        type: PropType<FloorSelectBuilding[]>;
+        default: () => FloorSelectBuilding[];
+    };
+    more: BooleanConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:activeBuilding"?: ((...args: any[]) => any) | undefined;
+}, {
+    more: boolean;
+    buildings: FloorSelectBuilding[];
+}>;
+export default _default;

package/es/floor-select/FloorSelect.mjs

@@ -0,0 +1,237 @@
+import { computed, defineComponent, ref, watch, createVNode as _createVNode } from "vue";
+import { createNamespace } from "../utils/index.mjs";
+import { Cell } from "../cell/index.mjs";
+import { Sidebar } from "../sidebar/index.mjs";
+import { SidebarItem } from "../sidebar-item/index.mjs";
+import { Tab } from "../tab/index.mjs";
+import { Tabs } from "../tabs/index.mjs";
+const [name, bem] = createNamespace("floor-select");
+const defaultBuildings = [{
+  id: "building-a",
+  text: "\u5EFA\u7B51A\u5EA7",
+  floors: [{
+    id: "a-b3",
+    text: "B3",
+    spaces: [{
+      id: "a-b3-01",
+      text: "B3 \u8BBE\u5907\u673A\u623F"
+    }, {
+      id: "a-b3-02",
+      text: "B3 \u914D\u7535\u5BA4"
+    }, {
+      id: "a-b3-03",
+      text: "B3 \u7269\u4E1A\u4ED3\u5E93"
+    }]
+  }, {
+    id: "a-b2",
+    text: "B2",
+    spaces: [{
+      id: "a-b2-01",
+      text: "B2 \u505C\u8F66\u533A"
+    }, {
+      id: "a-b2-02",
+      text: "B2 \u6C34\u6CF5\u623F"
+    }]
+  }, {
+    id: "a-b1",
+    text: "B1",
+    dot: true,
+    spaces: [{
+      id: "a-b1-01",
+      text: "B1 \u6D88\u9632\u63A7\u5236\u5BA4"
+    }, {
+      id: "a-b1-02",
+      text: "B1 \u8BBE\u5907\u95F4"
+    }, {
+      id: "a-b1-03",
+      text: "B1 \u5458\u5DE5\u9910\u5385"
+    }]
+  }, {
+    id: "a-f1",
+    text: "F1",
+    spaces: [{
+      id: "a-f1-01",
+      text: "F1 \u5927\u5802"
+    }, {
+      id: "a-f1-02",
+      text: "F1 \u7269\u4E1A\u670D\u52A1\u4E2D\u5FC3"
+    }, {
+      id: "a-f1-03",
+      text: "F1 \u4F1A\u8BAE\u5BA4"
+    }, {
+      id: "a-f1-04",
+      text: "F1 \u8BBE\u5907\u8D70\u5ECA"
+    }]
+  }]
+}, {
+  id: "building-b",
+  text: "\u5EFA\u7B51B\u5EA7",
+  floors: [{
+    id: "b-b1",
+    text: "B1",
+    spaces: [{
+      id: "b-b1-01",
+      text: "B\u5EA7 B1 \u8BBE\u5907\u95F4"
+    }]
+  }, {
+    id: "b-f1",
+    text: "F1",
+    spaces: [{
+      id: "b-f1-01",
+      text: "B\u5EA7 F1 \u5927\u5802"
+    }]
+  }, {
+    id: "b-f2",
+    text: "F2",
+    spaces: [{
+      id: "b-f2-01",
+      text: "B\u5EA7 F2 \u529E\u516C\u533A"
+    }]
+  }]
+}, {
+  id: "building-c",
+  text: "\u5EFA\u7B51C\u5EA7",
+  floors: [{
+    id: "c-f1",
+    text: "F1",
+    spaces: [{
+      id: "c-f1-01",
+      text: "C\u5EA7 F1 \u8BBE\u5907\u95F4"
+    }]
+  }]
+}, {
+  id: "building-d",
+  text: "\u5EFA\u7B51D\u5EA7",
+  floors: [{
+    id: "d-f1",
+    text: "F1",
+    spaces: [{
+      id: "d-f1-01",
+      text: "D\u5EA7 F1 \u529E\u516C\u533A"
+    }]
+  }]
+}];
+const floorSelectProps = {
+  modelValue: [String, Number],
+  activeBuilding: [String, Number],
+  buildings: {
+    type: Array,
+    default: () => defaultBuildings
+  },
+  more: Boolean
+};
+var stdin_default = defineComponent({
+  name,
+  props: floorSelectProps,
+  emits: ["change", "update:activeBuilding", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const activeBuilding = ref();
+    const activeFloor = ref(0);
+    const showMore = ref(false);
+    const currentBuilding = computed(() => props.buildings.find((building) => building.id === activeBuilding.value));
+    const floors = computed(() => {
+      var _a, _b;
+      return (_b = (_a = currentBuilding.value) == null ? void 0 : _a.floors) != null ? _b : [];
+    });
+    const spaces = computed(() => {
+      var _a, _b;
+      return (_b = (_a = floors.value[activeFloor.value]) == null ? void 0 : _a.spaces) != null ? _b : [];
+    });
+    const syncBuilding = () => {
+      var _a, _b, _c;
+      const selectedBuilding = props.buildings.find((building) => building.id === props.activeBuilding);
+      const containsSelectedSpace = props.buildings.find((building) => building.floors.some((floor) => floor.spaces.some((space) => space.id === props.modelValue)));
+      activeBuilding.value = (_c = (_a = selectedBuilding == null ? void 0 : selectedBuilding.id) != null ? _a : containsSelectedSpace == null ? void 0 : containsSelectedSpace.id) != null ? _c : (_b = props.buildings[0]) == null ? void 0 : _b.id;
+    };
+    watch(() => [props.activeBuilding, props.modelValue, props.buildings], () => {
+      syncBuilding();
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch([activeBuilding, floors], () => {
+      const selectedIndex = floors.value.findIndex((floor) => floor.spaces.some((space) => space.id === props.modelValue));
+      activeFloor.value = selectedIndex >= 0 ? selectedIndex : 0;
+    }, {
+      immediate: true
+    });
+    const selectBuilding = (id) => {
+      activeBuilding.value = id;
+      emit("update:activeBuilding", id);
+    };
+    const selectSpace = (item) => {
+      if (item.disabled) {
+        return;
+      }
+      emit("update:modelValue", item.id);
+      emit("change", item, activeBuilding.value);
+    };
+    const renderCell = (item, index) => {
+      var _a;
+      const selected = props.modelValue === item.id;
+      const cell = (_a = slots.cell) == null ? void 0 : _a.call(slots, {
+        item,
+        selected,
+        select: () => selectSpace(item)
+      });
+      return _createVNode("div", {
+        "key": item.id,
+        "class": bem("cell")
+      }, [cell || _createVNode(Cell, {
+        "title": item.text,
+        "border": index < spaces.value.length - 1,
+        "clickable": !item.disabled,
+        "rightSelect": selected,
+        "selectType": "radio",
+        "onClick": () => selectSpace(item),
+        "onUpdate:rightSelect": () => selectSpace(item)
+      }, null)]);
+    };
+    return () => _createVNode("div", {
+      "class": bem()
+    }, [_createVNode(Tabs, {
+      "active": activeBuilding.value,
+      "type": "filter",
+      "shrink": true,
+      "more": props.more,
+      "showMore": showMore.value,
+      "class": bem("tabs"),
+      "onUpdate:active": selectBuilding,
+      "onUpdate:showMore": (value) => {
+        showMore.value = value;
+      }
+    }, {
+      default: () => [props.buildings.map((building) => _createVNode(Tab, {
+        "key": building.id,
+        "name": building.id,
+        "title": building.text
+      }, null))]
+    }), _createVNode("div", {
+      "class": bem("content")
+    }, [_createVNode(Sidebar, {
+      "modelValue": activeFloor.value,
+      "class": bem("sidebar"),
+      "onUpdate:modelValue": (value) => {
+        activeFloor.value = +value;
+      }
+    }, {
+      default: () => [floors.value.map((floor) => _createVNode(SidebarItem, {
+        "key": floor.id,
+        "title": floor.text,
+        "dot": floor.dot,
+        "badgeProps": {
+          color: "var(--van-danger-color)"
+        },
+        "disabled": floor.disabled
+      }, null))]
+    }), _createVNode("div", {
+      "class": bem("cells")
+    }, [spaces.value.map(renderCell)])])]);
+  }
+});
+export {
+  stdin_default as default
+};

package/es/floor-select/index.css

@@ -0,0 +1 @@
+.van-floor-select{display:flex;flex-direction:column;min-height:100vh;color:var(--van-text-color);background:var(--van-background-color-light)}.van-floor-select__tabs{flex:none;padding:var(--van-padding-xs) 0;background:var(--van-gray-1);--van-tabs-line-height: 38px;--van-tabs-nav-background-color: transparent;--van-tabs-filter-background-color: var(--van-gray-2);--van-tabs-filter-active-background-color: var(--van-blue-100);--van-tabs-filter-border-radius: var(--van-border-radius-lg)}.van-floor-select__tabs .van-tabs__nav{gap:6px}.van-floor-select__tabs .van-tabs__more{z-index:3;width:40px;color:var(--van-gray-8);background:linear-gradient(90deg,transparent,var(--van-gray-1) 36%)}.van-floor-select__content{display:flex;flex:1;min-height:0}.van-floor-select__sidebar{flex:none;height:auto;background:var(--van-gray-1);--van-sidebar-width: 80px;--van-sidebar-padding: var(--van-padding-sm);--van-sidebar-background-color: var(--van-gray-1);--van-sidebar-selected-background-color: var(--van-background-color-light);--van-sidebar-selected-text-color: var(--van-primary-color);--van-sidebar-selected-font-weight: var(--van-font-weight-bold)}.van-floor-select__cells{flex:1;min-width:0;overflow-y:auto;background:var(--van-background-color-light)}.van-floor-select__cell .van-cell{--van-cell-vertical-padding: var(--van-padding-sm)}

package/es/floor-select/index.d.ts

@@ -0,0 +1,32 @@
+export declare const FloorSelect: import("../utils").WithInstall<import("vue").DefineComponent<{
+    modelValue: import("vue").PropType<import("../utils").Numeric | undefined>;
+    activeBuilding: import("vue").PropType<import("../utils").Numeric | undefined>;
+    buildings: {
+        type: import("vue").PropType<import("./types").FloorSelectBuilding[]>;
+        default: () => import("./types").FloorSelectBuilding[];
+    };
+    more: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:activeBuilding")[], "change" | "update:modelValue" | "update:activeBuilding", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("vue").PropType<import("../utils").Numeric | undefined>;
+    activeBuilding: import("vue").PropType<import("../utils").Numeric | undefined>;
+    buildings: {
+        type: import("vue").PropType<import("./types").FloorSelectBuilding[]>;
+        default: () => import("./types").FloorSelectBuilding[];
+    };
+    more: BooleanConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:activeBuilding"?: ((...args: any[]) => any) | undefined;
+}, {
+    more: boolean;
+    buildings: import("./types").FloorSelectBuilding[];
+}>>;
+export default FloorSelect;
+export type { FloorSelectProps } from './FloorSelect';
+export type { FloorSelectBuilding, FloorSelectItem, FloorSelectSpace } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanFloorSelect: typeof FloorSelect;
+    }
+}

package/es/floor-select/index.less

@@ -0,0 +1,58 @@
+.van-floor-select {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  color: var(--van-text-color);
+  background: var(--van-background-color-light);
+
+  &__tabs {
+    flex: none;
+    padding: var(--van-padding-xs) 0;
+    background: var(--van-gray-1);
+    --van-tabs-line-height: 38px;
+    --van-tabs-nav-background-color: transparent;
+    --van-tabs-filter-background-color: var(--van-gray-2);
+    --van-tabs-filter-active-background-color: var(--van-blue-100);
+    --van-tabs-filter-border-radius: var(--van-border-radius-lg);
+
+    .van-tabs__nav { gap: 6px; }
+
+    .van-tabs__more {
+      z-index: 3;
+      width: 40px;
+      color: var(--van-gray-8);
+      background: linear-gradient(90deg, transparent, var(--van-gray-1) 36%);
+    }
+  }
+
+  &__content {
+    display: flex;
+    flex: 1;
+    min-height: 0;
+  }
+
+  &__sidebar {
+    flex: none;
+    height: auto;
+    background: var(--van-gray-1);
+    --van-sidebar-width: 80px;
+    --van-sidebar-padding: var(--van-padding-sm);
+    --van-sidebar-background-color: var(--van-gray-1);
+    --van-sidebar-selected-background-color: var(--van-background-color-light);
+    --van-sidebar-selected-text-color: var(--van-primary-color);
+    --van-sidebar-selected-font-weight: var(--van-font-weight-bold);
+  }
+
+  &__cells {
+    flex: 1;
+    min-width: 0;
+    overflow-y: auto;
+    background: var(--van-background-color-light);
+  }
+
+  &__cell {
+    .van-cell {
+      --van-cell-vertical-padding: var(--van-padding-sm);
+    }
+  }
+}

package/es/floor-select/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _FloorSelect from "./FloorSelect.mjs";
+const FloorSelect = withInstall(_FloorSelect);
+var stdin_default = FloorSelect;
+export {
+  FloorSelect,
+  stdin_default as default
+};

package/es/floor-select/style/index.d.ts

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

package/es/floor-select/style/index.mjs

@@ -0,0 +1,20 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../loading/index.css";
+import "../../overlay/index.css";
+import "../../popup/index.css";
+import "../../action-sheet/index.css";
+import "../../checkbox-group/index.css";
+import "../../checkbox/index.css";
+import "../../radio-group/index.css";
+import "../../radio/index.css";
+import "../../cell/index.css";
+import "../../sticky/index.css";
+import "../../swipe/index.css";
+import "../../swipe-item/index.css";
+import "../../tabs/index.css";
+import "../../tab/index.css";
+import "../../sidebar/index.css";
+import "../../sidebar-item/index.css";
+import "../index.css";

package/es/floor-select/style/less.d.ts

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

package/es/floor-select/style/less.mjs

@@ -0,0 +1,20 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../loading/index.less";
+import "../../overlay/index.less";
+import "../../popup/index.less";
+import "../../action-sheet/index.less";
+import "../../checkbox-group/index.less";
+import "../../checkbox/index.less";
+import "../../radio-group/index.less";
+import "../../radio/index.less";
+import "../../cell/index.less";
+import "../../sticky/index.less";
+import "../../swipe/index.less";
+import "../../swipe-item/index.less";
+import "../../tabs/index.less";
+import "../../tab/index.less";
+import "../../sidebar/index.less";
+import "../../sidebar-item/index.less";
+import "../index.less";

package/es/floor-select/types.d.ts

@@ -0,0 +1,18 @@
+import type { Numeric } from '../utils';
+export declare type FloorSelectSpace = {
+    id: Numeric;
+    text: string;
+    disabled?: boolean;
+};
+export declare type FloorSelectItem = {
+    id: Numeric;
+    text: string;
+    dot?: boolean;
+    disabled?: boolean;
+    spaces: FloorSelectSpace[];
+};
+export declare type FloorSelectBuilding = {
+    id: Numeric;
+    text: string;
+    floors: FloorSelectItem[];
+};