persagy-vant 0.0.23 → 0.0.25

package/lib/checkbox-panel/style/less.js

@@ -0,0 +1,16 @@
+require("../../style/base.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
+require("../../loading/index.less");
+require("../../button/index.less");
+require("../../overlay/index.less");
+require("../../popup/index.less");
+require("../../popover/index.less");
+require("../../nav-bar/index.less");
+require("../../action-sheet/index.less");
+require("../../checkbox-group/index.less");
+require("../../checkbox/index.less");
+require("../../radio-group/index.less");
+require("../../radio/index.less");
+require("../../cell/index.less");
+require("../index.less");

package/lib/coupon-list/style/index.js

@@ -5,8 +5,7 @@ require("../../loading/index.css");
 require("../../button/index.css");
 require("../../overlay/index.css");
 require("../../popup/index.css");
-require("../../popover/index.css");
-require("../../nav-bar/index.css");
+require("../../action-sheet/index.css");
 require("../../checkbox-group/index.css");
 require("../../checkbox/index.css");
 require("../../coupon/index.css");
@@ -14,7 +13,6 @@ require("../../radio-group/index.css");
 require("../../radio/index.css");
 require("../../cell/index.css");
 require("../../field/index.css");
-require("../../action-sheet/index.css");
 require("../../sticky/index.css");
 require("../../swipe/index.css");
 require("../../swipe-item/index.css");

package/lib/coupon-list/style/less.js

@@ -5,8 +5,7 @@ require("../../loading/index.less");
 require("../../button/index.less");
 require("../../overlay/index.less");
 require("../../popup/index.less");
-require("../../popover/index.less");
-require("../../nav-bar/index.less");
+require("../../action-sheet/index.less");
 require("../../checkbox-group/index.less");
 require("../../checkbox/index.less");
 require("../../coupon/index.less");
@@ -14,7 +13,6 @@ require("../../radio-group/index.less");
 require("../../radio/index.less");
 require("../../cell/index.less");
 require("../../field/index.less");
-require("../../action-sheet/index.less");
 require("../../sticky/index.less");
 require("../../swipe/index.less");
 require("../../swipe-item/index.less");

package/lib/datetime-picker/DatetimePicker.js

@@ -75,9 +75,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     };
     const getLaterDate = (first, second) => first.getTime() > second.getTime() ? first : second;
     const currentTime = getCurrentTime();
-    const formatRangeStartTime = (value) => {
-      return value || (props.startTimeFromCurrent ? currentTime : props.minDate);
-    };
+    const formatRangeStartTime = (value) => value || (props.startTimeFromCurrent ? currentTime : props.minDate);
     const rangeStartTime = (0, import_vue.ref)(formatRangeStartTime(props.startTime));
     const rangeEndTime = (0, import_vue.ref)(getLaterDate(props.endTime || rangeStartTime.value, rangeStartTime.value));
     const updateRangeStartTime = (value) => {

package/lib/field/Field.d.ts

@@ -18,7 +18,10 @@ export declare const fieldSharedProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    inputAlign: PropType<FieldTextAlign>;
+    inputAlign: {
+        type: PropType<FieldTextAlign>;
+        default: FieldTextAlign;
+    };
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
@@ -105,7 +108,10 @@ declare const fieldProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    inputAlign: PropType<FieldTextAlign>;
+    inputAlign: {
+        type: PropType<FieldTextAlign>;
+        default: FieldTextAlign;
+    };
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
@@ -219,7 +225,10 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    inputAlign: PropType<FieldTextAlign>;
+    inputAlign: {
+        type: PropType<FieldTextAlign>;
+        default: FieldTextAlign;
+    };
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
@@ -331,7 +340,10 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
-    inputAlign: PropType<FieldTextAlign>;
+    inputAlign: {
+        type: PropType<FieldTextAlign>;
+        default: FieldTextAlign;
+    };
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
     errorMessage: StringConstructor;
@@ -411,6 +423,7 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: string | number;
     clearable: boolean;
     clearIcon: string;
+    inputAlign: FieldTextAlign;
     clearTrigger: FieldClearTrigger;
     formatTrigger: FieldFormatTrigger;
     error: boolean;

package/lib/field/Field.js

@@ -42,7 +42,7 @@ const fieldSharedProps = {
   formatter: Function,
   clearIcon: (0, import_utils.makeStringProp)("clear"),
   modelValue: (0, import_utils.makeNumericProp)(""),
-  inputAlign: String,
+  inputAlign: (0, import_utils.makeStringProp)("right"),
   placeholder: String,
   autocomplete: String,
   errorMessage: String,

package/lib/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/lib/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/lib/filter-tag/FilterTag.js

@@ -28,6 +28,10 @@ const [name, bem] = (0, import_utils.createNamespace)("filter-tag");
 const filterTagProps = {
   selected: Boolean,
   disabled: Boolean,
+  size: {
+    type: String,
+    default: "normal"
+  },
   icon: String,
   iconPrefix: String,
   iconPosition: {
@@ -70,7 +74,8 @@ var stdin_default = (0, import_vue.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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/floor-select/FloorSelect.js

@@ -0,0 +1,253 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_utils = require("../utils");
+var import_cell = require("../cell");
+var import_sidebar = require("../sidebar");
+var import_sidebar_item = require("../sidebar-item");
+var import_tab = require("../tab");
+var import_tabs = require("../tabs");
+const [name, bem] = (0, import_utils.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 = (0, import_vue.defineComponent)({
+  name,
+  props: floorSelectProps,
+  emits: ["change", "update:activeBuilding", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const activeBuilding = (0, import_vue.ref)();
+    const activeFloor = (0, import_vue.ref)(0);
+    const showMore = (0, import_vue.ref)(false);
+    const currentBuilding = (0, import_vue.computed)(() => props.buildings.find((building) => building.id === activeBuilding.value));
+    const floors = (0, import_vue.computed)(() => {
+      var _a, _b;
+      return (_b = (_a = currentBuilding.value) == null ? void 0 : _a.floors) != null ? _b : [];
+    });
+    const spaces = (0, import_vue.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;
+    };
+    (0, import_vue.watch)(() => [props.activeBuilding, props.modelValue, props.buildings], () => {
+      syncBuilding();
+    }, {
+      immediate: true,
+      deep: true
+    });
+    (0, import_vue.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 (0, import_vue.createVNode)("div", {
+        "key": item.id,
+        "class": bem("cell")
+      }, [cell || (0, import_vue.createVNode)(import_cell.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 () => (0, import_vue.createVNode)("div", {
+      "class": bem()
+    }, [(0, import_vue.createVNode)(import_tabs.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) => (0, import_vue.createVNode)(import_tab.Tab, {
+        "key": building.id,
+        "name": building.id,
+        "title": building.text
+      }, null))]
+    }), (0, import_vue.createVNode)("div", {
+      "class": bem("content")
+    }, [(0, import_vue.createVNode)(import_sidebar.Sidebar, {
+      "modelValue": activeFloor.value,
+      "class": bem("sidebar"),
+      "onUpdate:modelValue": (value) => {
+        activeFloor.value = +value;
+      }
+    }, {
+      default: () => [floors.value.map((floor) => (0, import_vue.createVNode)(import_sidebar_item.SidebarItem, {
+        "key": floor.id,
+        "title": floor.text,
+        "dot": floor.dot,
+        "disabled": floor.disabled
+      }, null))]
+    }), (0, import_vue.createVNode)("div", {
+      "class": bem("cells")
+    }, [spaces.value.map(renderCell)])])]);
+  }
+});

package/lib/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) var(--van-padding-md);--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-1);--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-white) 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/lib/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;
+    }
+}