persagy-vant 0.0.41 → 0.0.42

package/es/tree-select-panel/TreeSelectPanel.d.ts

@@ -0,0 +1,181 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+import { type TreeSelectItem } from '../tree-select';
+import { type Numeric } from '../utils';
+declare const treeSelectPanelProps: {
+    show: BooleanConstructor;
+    title: StringConstructor;
+    items: {
+        type: PropType<TreeSelectItem[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: PropType<Numeric[]>;
+        default: () => never[];
+    };
+    expandedKeys: {
+        type: PropType<Numeric[]>;
+        default: () => never[];
+    };
+    multiple: BooleanConstructor;
+    cascade: BooleanConstructor;
+    selectableParent: BooleanConstructor;
+    showParentSelect: BooleanConstructor;
+    showSelectLevels: PropType<boolean[]>;
+    searchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    searchPlaceholder: StringConstructor;
+    lazy: BooleanConstructor;
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    error: BooleanConstructor;
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    errorText: StringConstructor;
+    selectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+    collapseSelectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+    clearSelectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+    confirmText: {
+        type: PropType<string>;
+        default: string;
+    };
+};
+export declare type TreeSelectPanelProps = ExtractPropTypes<typeof treeSelectPanelProps>;
+declare const _default: import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    title: StringConstructor;
+    items: {
+        type: PropType<TreeSelectItem[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: PropType<Numeric[]>;
+        default: () => never[];
+    };
+    expandedKeys: {
+        type: PropType<Numeric[]>;
+        default: () => never[];
+    };
+    multiple: BooleanConstructor;
+    cascade: BooleanConstructor;
+    selectableParent: BooleanConstructor;
+    showParentSelect: BooleanConstructor;
+    showSelectLevels: PropType<boolean[]>;
+    searchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    searchPlaceholder: StringConstructor;
+    lazy: BooleanConstructor;
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    error: BooleanConstructor;
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    errorText: StringConstructor;
+    selectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+    collapseSelectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+    clearSelectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+    confirmText: {
+        type: PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "select" | "update:modelValue" | "load" | "update:show" | "confirm" | "update:error" | "update:loading" | "show-selected" | "update:expandedKeys" | "expand")[], "search" | "select" | "update:modelValue" | "load" | "update:show" | "confirm" | "update:error" | "update:loading" | "show-selected" | "update:expandedKeys" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    show: BooleanConstructor;
+    title: StringConstructor;
+    items: {
+        type: PropType<TreeSelectItem[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: PropType<Numeric[]>;
+        default: () => never[];
+    };
+    expandedKeys: {
+        type: PropType<Numeric[]>;
+        default: () => never[];
+    };
+    multiple: BooleanConstructor;
+    cascade: BooleanConstructor;
+    selectableParent: BooleanConstructor;
+    showParentSelect: BooleanConstructor;
+    showSelectLevels: PropType<boolean[]>;
+    searchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    searchPlaceholder: StringConstructor;
+    lazy: BooleanConstructor;
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    error: BooleanConstructor;
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    errorText: StringConstructor;
+    selectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+    collapseSelectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+    clearSelectedText: {
+        type: PropType<string>;
+        default: string;
+    };
+    confirmText: {
+        type: PropType<string>;
+        default: string;
+    };
+}>> & {
+    onLoad?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:error"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+    "onShow-selected"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:expandedKeys"?: ((...args: any[]) => any) | undefined;
+    onExpand?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: Numeric[];
+    show: boolean;
+    error: boolean;
+    loading: boolean;
+    multiple: boolean;
+    cascade: boolean;
+    confirmText: string;
+    finished: boolean;
+    searchable: boolean;
+    lazy: boolean;
+    selectedText: string;
+    collapseSelectedText: string;
+    clearSelectedText: string;
+    items: TreeSelectItem[];
+    expandedKeys: Numeric[];
+    selectableParent: boolean;
+    showParentSelect: boolean;
+}>;
+export default _default;

package/es/tree-select-panel/TreeSelectPanel.mjs

@@ -0,0 +1,213 @@
+import { computed, defineComponent, ref, watch, createVNode as _createVNode } from "vue";
+import { ActionSheet } from "../action-sheet/index.mjs";
+import { BottomActionBar } from "../bottom-action-bar/index.mjs";
+import { Cell } from "../cell/index.mjs";
+import { Empty } from "../empty/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { List } from "../list/index.mjs";
+import { NavBar } from "../nav-bar/index.mjs";
+import { Search } from "../search/index.mjs";
+import { TreeSelect } from "../tree-select/index.mjs";
+import { createNamespace, makeArrayProp, makeStringProp, truthProp } from "../utils/index.mjs";
+const [name, bem] = createNamespace("tree-select-panel");
+const escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+const treeSelectPanelProps = {
+  show: Boolean,
+  title: String,
+  items: makeArrayProp(),
+  modelValue: makeArrayProp(),
+  expandedKeys: makeArrayProp(),
+  multiple: Boolean,
+  cascade: Boolean,
+  selectableParent: Boolean,
+  showParentSelect: Boolean,
+  showSelectLevels: Array,
+  searchable: truthProp,
+  searchPlaceholder: String,
+  lazy: Boolean,
+  loading: Boolean,
+  finished: Boolean,
+  error: Boolean,
+  loadingText: String,
+  finishedText: String,
+  errorText: String,
+  selectedText: makeStringProp("\u5C55\u5F00\u5DF2\u9009"),
+  collapseSelectedText: makeStringProp("\u6536\u8D77\u5DF2\u9009"),
+  clearSelectedText: makeStringProp("\u6E05\u7A7A\u5DF2\u9009"),
+  confirmText: makeStringProp("\u786E\u5B9A")
+};
+const findMatchingLeaves = (items, keyword) => items.flatMap((item) => {
+  var _a;
+  if ((_a = item.children) == null ? void 0 : _a.length)
+    return findMatchingLeaves(item.children, keyword);
+  return item.text.toLocaleLowerCase().includes(keyword) ? [item] : [];
+});
+const flattenItems = (items) => items.flatMap((item) => [item, ...item.children ? flattenItems(item.children) : []]);
+var stdin_default = defineComponent({
+  name,
+  props: treeSelectPanelProps,
+  emits: ["update:show", "update:modelValue", "update:expandedKeys", "update:loading", "update:error", "select", "expand", "search", "load", "show-selected", "confirm"],
+  setup(props, {
+    emit
+  }) {
+    const keyword = ref("");
+    const expandedSelected = ref(false);
+    const normalizedKeyword = computed(() => keyword.value.trim().toLocaleLowerCase());
+    const filteredItems = computed(() => normalizedKeyword.value ? findMatchingLeaves(props.items, normalizedKeyword.value) : props.items);
+    const selectedItems = computed(() => flattenItems(props.items).filter((item) => props.modelValue.includes(item.id)));
+    const close = () => emit("update:show", false);
+    const updateSelected = (value) => {
+      if (!value.length)
+        expandedSelected.value = false;
+      emit("update:modelValue", value);
+    };
+    const removeSelected = (item) => {
+      updateSelected(props.modelValue.filter((id) => id !== item.id));
+    };
+    const clearSelected = () => updateSelected([]);
+    const confirm = () => {
+      emit("confirm", props.modelValue);
+      close();
+    };
+    watch(() => [props.show, props.modelValue.length], ([show, selectedCount]) => {
+      if (!show || !selectedCount)
+        expandedSelected.value = false;
+    });
+    const renderHighlightedTitle = (text) => {
+      const query = keyword.value.trim();
+      if (!query)
+        return text;
+      const normalizedQuery = normalizedKeyword.value;
+      return text.split(new RegExp(`(${escapeRegExp(query)})`, "ig")).map((part) => part.toLocaleLowerCase() === normalizedQuery ? _createVNode("span", {
+        "class": bem("match")
+      }, [part]) : part);
+    };
+    const renderTree = () => {
+      if (!filteredItems.value.length) {
+        return _createVNode(Empty, {
+          "imageSize": 60,
+          "description": "\u6682\u65E0\u5339\u914D\u9009\u9879"
+        }, null);
+      }
+      return _createVNode("div", {
+        "class": bem("card")
+      }, [_createVNode(TreeSelect, {
+        "items": filteredItems.value,
+        "modelValue": props.modelValue,
+        "expandedKeys": props.expandedKeys,
+        "multiple": props.multiple,
+        "cascade": props.cascade,
+        "selectableParent": props.selectableParent,
+        "showParentSelect": props.showParentSelect,
+        "showSelectLevels": props.showSelectLevels,
+        "onUpdate:modelValue": updateSelected,
+        "onUpdate:expandedKeys": (value) => emit("update:expandedKeys", value),
+        "onSelect": (item, selected) => emit("select", item, selected),
+        "onExpand": (id, expanded) => emit("expand", id, expanded)
+      }, {
+        title: ({
+          item,
+          hasChildren
+        }) => hasChildren ? item.text : renderHighlightedTitle(item.text)
+      })]);
+    };
+    return () => _createVNode(ActionSheet, {
+      "show": props.show,
+      "class": bem(),
+      "onUpdate:show": (show) => emit("update:show", show)
+    }, {
+      default: () => [_createVNode("div", {
+        "class": bem("content")
+      }, [_createVNode(NavBar, {
+        "title": props.title,
+        "border": false,
+        "class": bem("nav")
+      }, {
+        left: () => _createVNode(Icon, {
+          "name": "cross",
+          "size": "22",
+          "onClick": close
+        }, null)
+      }), props.searchable && _createVNode("div", {
+        "class": bem("search-wrapper")
+      }, [_createVNode(Search, {
+        "modelValue": keyword.value,
+        "variant": "pure",
+        "shape": "round",
+        "inputAlign": "left",
+        "placeholder": props.searchPlaceholder || "\u8BF7\u8F93\u5165\u641C\u7D22\u5173\u952E\u8BCD",
+        "maxlength": 200,
+        "onUpdate:modelValue": (value) => {
+          keyword.value = value;
+          emit("search", value);
+        },
+        "onSearch": (value) => emit("search", value)
+      }, null)]), _createVNode("div", {
+        "class": bem("body")
+      }, [props.lazy ? _createVNode(List, {
+        "loading": props.loading,
+        "finished": props.finished,
+        "error": props.error,
+        "loadingText": props.loadingText,
+        "finishedText": props.finishedText,
+        "errorText": props.errorText,
+        "onUpdate:loading": (value) => emit("update:loading", value),
+        "onUpdate:error": (value) => emit("update:error", value),
+        "onLoad": () => emit("load")
+      }, {
+        default: () => [renderTree()]
+      }) : renderTree()]), props.multiple && _createVNode("div", {
+        "class": bem("footer")
+      }, [_createVNode(BottomActionBar, {
+        "fixed": false,
+        "moreIcon": "passed",
+        "moreText": expandedSelected.value ? props.collapseSelectedText : props.selectedText,
+        "moreBadge": props.modelValue.length,
+        "moreBadgeMax": 99,
+        "confirmText": props.confirmText,
+        "moreDisabled": !props.modelValue.length,
+        "confirmDisabled": !props.modelValue.length,
+        "onMore": () => {
+          expandedSelected.value = !expandedSelected.value;
+          emit("show-selected", props.modelValue);
+        },
+        "onConfirm": confirm
+      }, null), expandedSelected.value && _createVNode("div", {
+        "class": bem("selected-panel")
+      }, [_createVNode("div", {
+        "class": bem("selected-header")
+      }, [_createVNode("button", {
+        "type": "button",
+        "class": bem("clear"),
+        "onClick": clearSelected
+      }, [props.clearSelectedText]), _createVNode("button", {
+        "type": "button",
+        "class": bem("collapse"),
+        "onClick": () => {
+          expandedSelected.value = false;
+        }
+      }, [props.collapseSelectedText, _createVNode(Icon, {
+        "name": "arrow-down"
+      }, null)])]), _createVNode("div", {
+        "class": bem("selected-list")
+      }, [selectedItems.value.map((item) => _createVNode(Cell, {
+        "key": item.id,
+        "title": item.text,
+        "class": bem("selected-item"),
+        "border": false
+      }, {
+        "right-icon": () => _createVNode("button", {
+          "type": "button",
+          "class": bem("remove"),
+          "aria-label": `\u79FB\u9664${item.text}`,
+          "onClick": () => removeSelected(item)
+        }, [_createVNode(Icon, {
+          "name": "cross"
+        }, null)])
+      }))])])])])]
+    });
+  }
+});
+export {
+  stdin_default as default
+};

package/es/tree-select-panel/index.css

@@ -0,0 +1 @@
+.van-tree-select-panel{box-sizing:border-box;display:flex;height:calc(100% - 96px);max-height:calc(100% - 96px);overflow:hidden;background:var(--van-gray-1)}.van-tree-select-panel .van-action-sheet__content,.van-tree-select-panel__content{display:flex;flex:1;flex-direction:column;min-height:0;padding:0;overflow:hidden;background:var(--van-gray-1)}.van-tree-select-panel__nav{flex:none;--van-nav-bar-background-color: var(--van-gray-1)}.van-tree-select-panel__nav .van-nav-bar__left--slot{padding:0}.van-tree-select-panel__nav .van-nav-bar__left--slot{left:var(--van-padding-md)}.van-tree-select-panel__search-wrapper{margin:0 var(--van-padding-md) 6px}.van-tree-select-panel__body{flex:1;min-height:0;padding:0 var(--van-padding-md) var(--van-padding-md);overflow-y:auto}.van-tree-select-panel__footer{position:relative;flex:none;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-tree-select-panel__footer .van-bottom-action-bar{box-shadow:none}.van-tree-select-panel__selected-panel{position:absolute;right:0;bottom:60px;left:0;display:flex;flex-direction:column;max-height:min(340px,calc(100vh - 156px));overflow:hidden;background:var(--van-white);box-shadow:0 -2px 5px rgba(27,33,41,.1)}.van-tree-select-panel__selected-header{display:flex;flex:none;align-items:center;justify-content:space-between;padding:12px var(--van-padding-md) 4px}.van-tree-select-panel__clear,.van-tree-select-panel__collapse{display:inline-flex;align-items:center;padding:0;font:inherit;font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);background:transparent;border:0}.van-tree-select-panel__clear{color:var(--van-primary-color)}.van-tree-select-panel__collapse,.van-tree-select-panel__remove,.van-tree-select-panel__collapse .van-icon,.van-tree-select-panel__remove .van-icon{color:var(--van-gray-6)}.van-tree-select-panel__collapse{gap:2px}.van-tree-select-panel__selected-list{display:flex;flex:0 1 auto;flex-direction:column;gap:6px;min-height:0;padding:var(--van-padding-xs) var(--van-padding-md);overflow-y:auto;overscroll-behavior:contain}.van-tree-select-panel__selected-item{flex:none;min-height:44px;padding:11px var(--van-padding-md);background:var(--van-gray-1);border-radius:8px}.van-tree-select-panel__remove{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:0}.van-tree-select-panel__card{overflow:hidden;background:var(--van-white);border-radius:var(--van-border-radius-lg)}.van-tree-select-panel__match{color:var(--van-primary-color)}.van-tree-select-panel .van-list{min-height:100%}

package/es/tree-select-panel/index.d.ts

@@ -0,0 +1,134 @@
+export declare const TreeSelectPanel: import("../utils").WithInstall<import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    title: StringConstructor;
+    items: {
+        type: import("vue").PropType<import("..").TreeSelectItem[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: import("vue").PropType<import("../utils").Numeric[]>;
+        default: () => never[];
+    };
+    expandedKeys: {
+        type: import("vue").PropType<import("../utils").Numeric[]>;
+        default: () => never[];
+    };
+    multiple: BooleanConstructor;
+    cascade: BooleanConstructor;
+    selectableParent: BooleanConstructor;
+    showParentSelect: BooleanConstructor;
+    showSelectLevels: import("vue").PropType<boolean[]>;
+    searchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    searchPlaceholder: StringConstructor;
+    lazy: BooleanConstructor;
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    error: BooleanConstructor;
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    errorText: StringConstructor;
+    selectedText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseSelectedText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    clearSelectedText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    confirmText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "select" | "update:modelValue" | "load" | "update:show" | "confirm" | "update:error" | "update:loading" | "show-selected" | "update:expandedKeys" | "expand")[], "search" | "select" | "update:modelValue" | "load" | "update:show" | "confirm" | "update:error" | "update:loading" | "show-selected" | "update:expandedKeys" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: BooleanConstructor;
+    title: StringConstructor;
+    items: {
+        type: import("vue").PropType<import("..").TreeSelectItem[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: import("vue").PropType<import("../utils").Numeric[]>;
+        default: () => never[];
+    };
+    expandedKeys: {
+        type: import("vue").PropType<import("../utils").Numeric[]>;
+        default: () => never[];
+    };
+    multiple: BooleanConstructor;
+    cascade: BooleanConstructor;
+    selectableParent: BooleanConstructor;
+    showParentSelect: BooleanConstructor;
+    showSelectLevels: import("vue").PropType<boolean[]>;
+    searchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    searchPlaceholder: StringConstructor;
+    lazy: BooleanConstructor;
+    loading: BooleanConstructor;
+    finished: BooleanConstructor;
+    error: BooleanConstructor;
+    loadingText: StringConstructor;
+    finishedText: StringConstructor;
+    errorText: StringConstructor;
+    selectedText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    collapseSelectedText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    clearSelectedText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    confirmText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onLoad?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:error"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+    "onShow-selected"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:expandedKeys"?: ((...args: any[]) => any) | undefined;
+    onExpand?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: import("../utils").Numeric[];
+    show: boolean;
+    error: boolean;
+    loading: boolean;
+    multiple: boolean;
+    cascade: boolean;
+    confirmText: string;
+    finished: boolean;
+    searchable: boolean;
+    lazy: boolean;
+    selectedText: string;
+    collapseSelectedText: string;
+    clearSelectedText: string;
+    items: import("..").TreeSelectItem[];
+    expandedKeys: import("../utils").Numeric[];
+    selectableParent: boolean;
+    showParentSelect: boolean;
+}>>;
+export default TreeSelectPanel;
+export type { TreeSelectPanelProps } from './TreeSelectPanel';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTreeSelectPanel: typeof TreeSelectPanel;
+    }
+}

package/es/tree-select-panel/index.less

@@ -0,0 +1,107 @@
+.van-tree-select-panel {
+  box-sizing: border-box;
+  display: flex;
+  height: calc(100% - 96px);
+  max-height: calc(100% - 96px);
+  overflow: hidden;
+  background: var(--van-gray-1);
+
+  .van-action-sheet__content,
+  &__content {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    min-height: 0;
+    padding: 0;
+    overflow: hidden;
+    background: var(--van-gray-1);
+  }
+
+  &__nav {
+    flex: none;
+    --van-nav-bar-background-color: var(--van-gray-1);
+    .van-nav-bar__left--slot { padding: 0; }
+    .van-nav-bar__left--slot { left: var(--van-padding-md); }
+  }
+
+  &__search-wrapper { margin: 0 var(--van-padding-md) 6px; }
+
+  &__body { flex: 1; min-height: 0; padding: 0 var(--van-padding-md) var(--van-padding-md); overflow-y: auto; }
+  &__footer {
+    position: relative;
+    flex: none;
+    background: var(--van-white);
+    box-shadow: 0 -2px 5px rgb(27 33 41 / 10%);
+
+    .van-bottom-action-bar { box-shadow: none; }
+  }
+  &__selected-panel {
+    position: absolute;
+    right: 0;
+    bottom: 60px;
+    left: 0;
+    display: flex;
+    flex-direction: column;
+    max-height: min(340px, calc(100vh - 156px));
+    overflow: hidden;
+    background: var(--van-white);
+    box-shadow: 0 -2px 5px rgb(27 33 41 / 10%);
+  }
+  &__selected-header {
+    display: flex;
+    flex: none;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px var(--van-padding-md) 4px;
+  }
+  &__clear,
+  &__collapse {
+    display: inline-flex;
+    align-items: center;
+    padding: 0;
+    font: inherit;
+    font-size: var(--van-font-size-md);
+    line-height: var(--van-line-height-lg);
+    background: transparent;
+    border: 0;
+  }
+  &__clear { color: var(--van-primary-color); }
+  &__collapse,
+  &__remove {
+    color: var(--van-gray-6);
+
+    .van-icon { color: var(--van-gray-6); }
+  }
+  &__collapse { gap: 2px; }
+  &__selected-list {
+    display: flex;
+    flex: 0 1 auto;
+    flex-direction: column;
+    gap: 6px;
+    min-height: 0;
+    padding: var(--van-padding-xs) var(--van-padding-md);
+    overflow-y: auto;
+    overscroll-behavior: contain;
+  }
+  &__selected-item {
+    flex: none;
+    min-height: 44px;
+    padding: 11px var(--van-padding-md);
+    background: var(--van-gray-1);
+    border-radius: 8px;
+  }
+  &__remove {
+    display: inline-flex;
+    align-self: flex-start;
+    align-items: center;
+    justify-content: center;
+    width: 22px;
+    height: 22px;
+    padding: 0;
+    background: transparent;
+    border: 0;
+  }
+  &__card { overflow: hidden; background: var(--van-white); border-radius: var(--van-border-radius-lg); }
+  &__match { color: var(--van-primary-color); }
+  .van-list { min-height: 100%; }
+}

package/es/tree-select-panel/index.mjs

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

package/es/tree-select-panel/style/index.mjs

@@ -0,0 +1,23 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../tag/index.css";
+import "../../loading/index.css";
+import "../../list/index.css";
+import "../../button/index.css";
+import "../../overlay/index.css";
+import "../../popup/index.css";
+import "../../popover/index.css";
+import "../../nav-bar/index.css";
+import "../../action-sheet/index.css";
+import "../../checkbox-group/index.css";
+import "../../checkbox/index.css";
+import "../../bottom-action-bar/index.css";
+import "../../radio-group/index.css";
+import "../../radio/index.css";
+import "../../cell/index.css";
+import "../../tree-select/index.css";
+import "../../field/index.css";
+import "../../search/index.css";
+import "../../empty/index.css";
+import "../index.css";