persagy-vant 0.0.40 → 0.0.42

package/es/title-bar/index.d.ts

@@ -9,8 +9,17 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -20,6 +29,10 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("./TitleBar").TitleBarSize>;
         default: import("./TitleBar").TitleBarSize;
     };
+    bottomGap: {
+        type: import("vue").PropType<import("./TitleBar").TitleBarBottomGap>;
+        default: import("./TitleBar").TitleBarBottomGap;
+    };
     expandable: BooleanConstructor;
     modelValue: {
         type: BooleanConstructor;
@@ -37,8 +50,17 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -48,6 +70,10 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("./TitleBar").TitleBarSize>;
         default: import("./TitleBar").TitleBarSize;
     };
+    bottomGap: {
+        type: import("vue").PropType<import("./TitleBar").TitleBarBottomGap>;
+        default: import("./TitleBar").TitleBarBottomGap;
+    };
     expandable: BooleanConstructor;
     modelValue: {
         type: BooleanConstructor;
@@ -64,13 +90,17 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
     title: string;
     size: import("./TitleBar").TitleBarSize;
     description: string;
+    rightIcon: string;
     showIcon: boolean;
+    showRightIcon: boolean;
     modelValue: boolean;
     showArrow: boolean;
     actionText: string;
     expandable: boolean;
+    showExpandIcon: boolean;
     showAction: boolean;
     showDescription: boolean;
+    bottomGap: import("./TitleBar").TitleBarBottomGap;
 }>>;
 export default TitleBar;
 export type { TitleBarProps, TitleBarSize } from './TitleBar';

package/es/title-bar/index.less

@@ -3,6 +3,7 @@
 :root {
   --van-title-bar-padding: @title-bar-padding;
   --van-title-bar-gap: @title-bar-gap;
+  --van-title-bar-bottom-gap: @title-bar-bottom-gap;
   --van-title-bar-title-color: @title-bar-title-color;
   --van-title-bar-description-color: @title-bar-description-color;
   --van-title-bar-required-color: @title-bar-required-color;
@@ -14,9 +15,10 @@
 }
 
 .van-title-bar {
+  margin-bottom: var(--van-title-bar-bottom-gap);
   color: var(--van-title-bar-title-color);
 
-  &__header { display: flex; align-items: flex-start; width: 100%; padding: var(--van-title-bar-padding); color: inherit; font: inherit; text-align: left; background: transparent; border: 0; }
+  &__header { display: flex; box-sizing: border-box; align-items: flex-start; width: 100%; padding: var(--van-title-bar-padding); color: inherit; font: inherit; text-align: left; background: transparent; border: 0; }
   &--required &__header { position: relative; overflow: visible; }
   &--required &__header::before { position: absolute; top: 12px; left: var(--van-padding-xs); color: var(--van-title-bar-required-color); font-size: var(--van-font-size-md); line-height: var(--van-line-height-lg); content: '*'; }
   &--expandable &__header { cursor: pointer; &:active { background: var(--van-active-color); } }
@@ -28,11 +30,16 @@
   &__action { display: flex; flex: none; align-items: center; margin-left: var(--van-title-bar-action-divider-before-gap); }
   &__action-divider { width: 1px; height: var(--van-title-bar-action-divider-height); margin-right: var(--van-title-bar-action-divider-after-gap); background: var(--van-title-bar-action-divider-color); }
   &__action .van-button { flex: none; height: var(--van-line-height-lg); padding: var(--van-title-bar-action-padding); font-size: var(--van-font-size-md); font-weight: var(--van-font-weight-bold); line-height: var(--van-line-height-lg); }
-  &__arrow { flex: none; margin: 4px 0 0 8px; color: var(--van-gray-6); font-size: 14px; transition: transform var(--van-animation-duration-fast); transform: rotate(180deg); }
+  &__arrow { flex: none; margin: 4px 8px 0 0; color: var(--van-gray-6); font-size: 14px; transition: transform var(--van-animation-duration-fast); transform: rotate(180deg); }
   &__arrow--expanded { transform: rotate(0); }
-  &--mini &__header { padding-top: 12px; padding-bottom: 4px; }
+  &__right-icon { flex: none; width: 16px; height: 16px; margin: 3px 0 0 8px; color: var(--van-gray-7); font-size: 16px; line-height: 16px; }
+  &--mini &__header { padding-top: 12px; padding-bottom: 8px; }
   &--mini &__text strong { font-size: var(--van-font-size-sm); line-height: var(--van-line-height-md); }
   &--mini &__icon { margin-top: 3px; font-size: 14px; }
   &--mini &__arrow { margin-top: 3px; }
+  &--mini &__right-icon { width: 12px; height: 12px; margin-top: 3px; font-size: 12px; line-height: 12px; }
   &--mini &__action .van-button { height: var(--van-line-height-md); font-size: var(--van-font-size-sm); line-height: var(--van-line-height-md); }
+  &--bottom-gap-4 { margin-bottom: 4px; }
+  &--bottom-gap-8 { margin-bottom: 8px; }
+  &--bottom-gap-12 { margin-bottom: 12px; }
 }

package/es/title-bar/var.less

@@ -1,7 +1,8 @@
 @import '../style/var.less';
 
-@title-bar-padding: 12px var(--van-padding-md) 4px;
+@title-bar-padding: 12px var(--van-padding-md) 8px;
 @title-bar-gap: 4px;
+@title-bar-bottom-gap: 4px;
 @title-bar-title-color: var(--van-gray-8);
 @title-bar-description-color: var(--van-gray-6);
 @title-bar-required-color: var(--van-danger-color);

package/es/tree-select/TreeSelect.d.ts

@@ -25,6 +25,7 @@ declare const treeSelectProps: {
     cascade: BooleanConstructor;
     selectableParent: BooleanConstructor;
     showParentSelect: BooleanConstructor;
+    showSelectLevels: PropType<boolean[]>;
     showDivider: {
         type: BooleanConstructor;
         default: true;
@@ -48,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     cascade: BooleanConstructor;
     selectableParent: BooleanConstructor;
     showParentSelect: BooleanConstructor;
+    showSelectLevels: PropType<boolean[]>;
     showDivider: {
         type: BooleanConstructor;
         default: true;
@@ -69,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     cascade: BooleanConstructor;
     selectableParent: BooleanConstructor;
     showParentSelect: BooleanConstructor;
+    showSelectLevels: PropType<boolean[]>;
     showDivider: {
         type: BooleanConstructor;
         default: true;

package/es/tree-select/TreeSelect.mjs

@@ -27,6 +27,7 @@ const treeSelectProps = {
   cascade: Boolean,
   selectableParent: Boolean,
   showParentSelect: Boolean,
+  showSelectLevels: Array,
   showDivider: truthProp
 };
 var stdin_default = defineComponent({
@@ -41,6 +42,13 @@ var stdin_default = defineComponent({
     const expandedKeys = computed(() => props.expandedKeys);
     const isExpanded = (id) => expandedKeys.value.includes(id);
     const isSelected = (id) => selectedKeys.value.includes(id);
+    const isSelectionVisible = (hasChildren, level) => {
+      var _a;
+      const configuredVisibility = (_a = props.showSelectLevels) == null ? void 0 : _a[level];
+      if (configuredVisibility !== void 0)
+        return configuredVisibility;
+      return !hasChildren || props.selectableParent || props.showParentSelect;
+    };
     const getNodeStyle = (level) => ({
       paddingLeft: `calc(var(--van-padding-md) + ${level * 16}px)`,
       "--van-tree-select-divider-left": `calc(var(--van-padding-md) + ${level * 16}px)`
@@ -104,6 +112,14 @@ var stdin_default = defineComponent({
       var _a;
       const hasChildren = !!((_a = item.children) == null ? void 0 : _a.length);
       const expanded = isExpanded(item.id);
+      const renderTitle = () => {
+        var _a2;
+        return ((_a2 = slots.title) == null ? void 0 : _a2.call(slots, {
+          item,
+          level,
+          hasChildren
+        })) || item.text;
+      };
       if (!hasChildren && slots.leaf) {
         return _createVNode("div", {
           "key": item.id,
@@ -116,7 +132,7 @@ var stdin_default = defineComponent({
           level
         })]);
       }
-      const selectable = item.selectable !== false && (!hasChildren || props.selectableParent || props.showParentSelect);
+      const selectable = item.selectable !== false && isSelectionVisible(hasChildren, level);
       const selectionState = getSelectionState(item);
       return _createVNode("div", {
         "key": item.id,
@@ -145,7 +161,7 @@ var stdin_default = defineComponent({
           "class": bem("arrow", {
             expanded
           })
-        }, null), _createVNode("span", null, [item.text])]) : _createVNode("span", null, [item.text])]
+        }, null), _createVNode("span", null, [renderTitle()])]) : _createVNode("span", null, [renderTitle()])]
       }, selectable && selectionState === "indeterminate" ? {
         "right-select": () => _createVNode("button", {
           "type": "button",

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

@@ -15,6 +15,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
     cascade: BooleanConstructor;
     selectableParent: BooleanConstructor;
     showParentSelect: BooleanConstructor;
+    showSelectLevels: import("vue").PropType<boolean[]>;
     showDivider: {
         type: BooleanConstructor;
         default: true;
@@ -36,6 +37,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
     cascade: BooleanConstructor;
     selectableParent: BooleanConstructor;
     showParentSelect: BooleanConstructor;
+    showSelectLevels: import("vue").PropType<boolean[]>;
     showDivider: {
         type: BooleanConstructor;
         default: true;

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%}