zartui 3.1.83 → 3.1.85

package/es/drawer-select/DrawerSelect.d.ts

@@ -1,5 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { DrawerSelectFieldNames, DrawerSelectTreeNode, FlatTreeNode } from './types';
+import { DrawerSelectCommonType, DrawerSelectFieldNames, DrawerSelectHotType, DrawerSelectTreeNode, FlatTreeNode } from './types';
 declare const drawerSelectProps: {
     treeData: {
         type: PropType<DrawerSelectTreeNode[]>;
@@ -23,6 +23,19 @@ declare const drawerSelectProps: {
         type: PropType<string>;
         default: string;
     };
+    commonTypeList: {
+        type: PropType<DrawerSelectCommonType[]>;
+        default: () => DrawerSelectCommonType[];
+    };
+    showCommonTypes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    commonTypeVisibleCount: NumberConstructor;
+    hotTypeList: {
+        type: PropType<DrawerSelectHotType[]>;
+        default: () => DrawerSelectHotType[];
+    };
 };
 export type DrawerSelectProps = ExtractPropTypes<typeof drawerSelectProps>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
@@ -48,7 +61,20 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<string>;
         default: string;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    commonTypeList: {
+        type: PropType<DrawerSelectCommonType[]>;
+        default: () => DrawerSelectCommonType[];
+    };
+    showCommonTypes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    commonTypeVisibleCount: NumberConstructor;
+    hotTypeList: {
+        type: PropType<DrawerSelectHotType[]>;
+        default: () => DrawerSelectHotType[];
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "clearAll")[], "select" | "change" | "clearAll", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     treeData: {
         type: PropType<DrawerSelectTreeNode[]>;
         default: () => DrawerSelectTreeNode[];
@@ -71,14 +97,31 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<string>;
         default: string;
     };
+    commonTypeList: {
+        type: PropType<DrawerSelectCommonType[]>;
+        default: () => DrawerSelectCommonType[];
+    };
+    showCommonTypes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    commonTypeVisibleCount: NumberConstructor;
+    hotTypeList: {
+        type: PropType<DrawerSelectHotType[]>;
+        default: () => DrawerSelectHotType[];
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onClearAll?: ((...args: any[]) => any) | undefined;
 }>, {
     title: string;
     placeholder: string;
     treeData: DrawerSelectTreeNode[];
     expandAll: boolean;
     activeClassName: string;
+    commonTypeList: DrawerSelectCommonType[];
+    showCommonTypes: boolean;
+    hotTypeList: DrawerSelectHotType[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/drawer-select/DrawerSelect.mjs

@@ -5,6 +5,7 @@ import ZtSearch from "../search/index.mjs";
 import ZtIcon from "../icon/index.mjs";
 import ZtPopup from "../popup/index.mjs";
 import ZtTag from "../tag/index.mjs";
+import ZtButton from "../button/index.mjs";
 import { deepClone } from "../utils/deep-clone.mjs";
 import { assignDefaultFields } from "../picker/utils.mjs";
 import { showConfirmDialog } from "../dialog/index.mjs";
@@ -19,12 +20,19 @@ const drawerSelectProps = {
     default: false
   },
   defaultSelectNode: Object,
-  activeClassName: makeStringProp("")
+  activeClassName: makeStringProp(""),
+  commonTypeList: makeArrayProp(),
+  showCommonTypes: {
+    type: Boolean,
+    default: false
+  },
+  commonTypeVisibleCount: Number,
+  hotTypeList: makeArrayProp()
 };
 var stdin_default = defineComponent({
   name,
   props: drawerSelectProps,
-  emits: ["change", "select"],
+  emits: ["change", "select", "clearAll"],
   setup(props, {
     emit
   }) {
@@ -36,8 +44,17 @@ var stdin_default = defineComponent({
     const searchRef = ref();
     const offset = ref(0);
     const historyList = ref([]);
+    const showAllCommonTypes = ref(false);
+    const selectCommonId = ref(-1);
     const defaultTreeNode = ref(props.treeData);
     const fields = computed(() => assignDefaultFields(props.treeFieldName));
+    const visibleCommonTypeList = computed(() => {
+      const count = props.commonTypeVisibleCount;
+      if (typeof count !== "number") {
+        return props.commonTypeList;
+      }
+      return props.commonTypeList.slice(0, Math.max(0, count));
+    });
     const {
       value,
       children,
@@ -121,6 +138,37 @@ var stdin_default = defineComponent({
       updateOffset();
     });
     const isEmpty = (item) => !item[children] || item[children].length === 0;
+    const syncExpandNodeByParent = (item) => {
+      var _a, _b, _c;
+      const parent = (_a = item.parent) != null ? _a : [];
+      if (parent.length >= 2) {
+        const parentValue = (_b = parent[parent.length - 2]) == null ? void 0 : _b[value];
+        if (parentValue !== void 0) {
+          const stack = [...props.treeData];
+          while (stack.length > 0) {
+            const current = stack.shift();
+            if (!current)
+              continue;
+            if (current[value] === parentValue) {
+              expandNode.value = {
+                text: current[key],
+                value: current[value],
+                children: current[children]
+              };
+              return;
+            }
+            if ((_c = current[children]) == null ? void 0 : _c.length) {
+              stack.push(...current[children]);
+            }
+          }
+        }
+      }
+      expandNode.value = {
+        text: allData[key],
+        value: allData[value],
+        children: allData[children]
+      };
+    };
     const onLabelClick = (item, assign = true) => {
       const {
         text,
@@ -137,6 +185,7 @@ var stdin_default = defineComponent({
         }
         if (isEmpty(item)) {
           selectNode.value = item;
+          selectCommonId.value = item[value2];
           emit("select", item);
         }
         item.checked = !item.checked;
@@ -199,6 +248,117 @@ var stdin_default = defineComponent({
         }));
       }
     };
+    const findCommonTypeNode = (id) => {
+      return flatArray.value.find((item) => item[value] === id);
+    };
+    const onCommonTypeClick = (item) => {
+      const matchNode = findCommonTypeNode(item.types.id);
+      if (!matchNode)
+        return;
+      selectCommonId.value = item.types.id;
+      syncExpandNodeByParent(matchNode);
+      selectNode.value = matchNode;
+      emit("select", Object.assign(matchNode, {
+        parent: matchNode.parent
+      }));
+    };
+    const onClearCommonTypes = () => {
+      selectCommonId.value = -1;
+      showAllCommonTypes.value = false;
+      emit("clearAll");
+    };
+    const findHotTypeNode = (id) => {
+      return flatArray.value.find((item) => item[value] === id);
+    };
+    const renderCommonTypeButton = (item) => {
+      const active = item.types.id === selectCommonId.value;
+      return _createVNode(ZtButton, {
+        "size": "small",
+        "class": [bem("common-types--btn")],
+        "type": active ? "primary" : "default",
+        "backgroundColor": active ? "#3388ff" : "var(--zt-background)",
+        "borderColor": active ? "#3388ff" : "var(--zt-border-color)",
+        "color": active ? "var(--zt-white)" : "var(--zt-text-color)",
+        "onClick": () => onCommonTypeClick(item)
+      }, {
+        default: () => [item.types.name]
+      });
+    };
+    const onHotTypeClick = (item) => {
+      const matchNode = findHotTypeNode(item.id);
+      if (!matchNode)
+        return;
+      selectCommonId.value = item.id;
+      syncExpandNodeByParent(matchNode);
+      selectNode.value = matchNode;
+      emit("select", Object.assign(matchNode, {
+        parent: matchNode.parent
+      }));
+    };
+    const renderHotTypeButton = (item) => {
+      const active = item.id === selectCommonId.value;
+      return _createVNode(ZtButton, {
+        "size": "small",
+        "class": [bem("common-types--btn")],
+        "type": active ? "primary" : "default",
+        "backgroundColor": active ? "#3388ff" : "var(--zt-background)",
+        "borderColor": active ? "#3388ff" : "var(--zt-border-color)",
+        "color": active ? "var(--zt-white)" : "var(--zt-text-color)",
+        "onClick": () => onHotTypeClick(item)
+      }, {
+        default: () => [item.text || item.name]
+      });
+    };
+    const renderCommonTypes = () => {
+      if (!props.showCommonTypes)
+        return null;
+      return _createVNode("section", {
+        "class": [bem("common-types")]
+      }, [_createVNode("div", {
+        "class": [bem("common-types--head")]
+      }, [_createVNode("span", {
+        "class": [bem("common-types--label")]
+      }, [_createTextVNode("\u5E38\u7528\u5C0F\u7C7B")]), visibleCommonTypeList.value.length > 0 ? _createVNode("div", {
+        "class": [bem("common-types--mask")]
+      }, [_createVNode("div", {
+        "class": [bem("common-types--viewport")]
+      }, [_createVNode("div", {
+        "class": [bem("common-types--list")]
+      }, [visibleCommonTypeList.value.map(renderCommonTypeButton)])])]) : _createVNode("div", {
+        "class": [bem("common-types--empty")]
+      }, [_createTextVNode("\u6682\u65E0\u5E38\u7528\u5C0F\u7C7B")]), visibleCommonTypeList.value.length > 0 && _createVNode("div", {
+        "class": [bem("common-types--icon")],
+        "onClick": () => showAllCommonTypes.value = !showAllCommonTypes.value
+      }, [_createVNode(ZtIcon, {
+        "size": "24",
+        "name": showAllCommonTypes.value ? "keyboard-arrow-up" : "keyboard-arrow-down",
+        "color": showAllCommonTypes.value ? "var(--zt-primary-color)" : void 0
+      }, null)])]), showAllCommonTypes.value && visibleCommonTypeList.value.length > 0 && _createVNode("div", {
+        "class": [bem("common-types--panel")]
+      }, [_createVNode("div", {
+        "class": [bem("common-types--panel-list")]
+      }, [visibleCommonTypeList.value.map(renderCommonTypeButton)]), _createVNode("div", {
+        "class": [bem("common-types--clear")],
+        "onClick": onClearCommonTypes
+      }, [_createVNode(ZtIcon, {
+        "name": "delete",
+        "size": "20"
+      }, null), _createVNode("span", {
+        "class": [bem("common-types--clear-text")]
+      }, [_createTextVNode("\u6E05\u7A7A\u5E38\u7528\u5C0F\u7C7B")])])])]);
+    };
+    const renderHotTypes = () => {
+      var _a;
+      if (!((_a = props.hotTypeList) == null ? void 0 : _a.length))
+        return null;
+      return _createVNode("section", {
+        "class": [bem("hot-types")]
+      }, [_createVNode("div", {
+        "class": [bem("hot-types--label")]
+      }, [_createTextVNode("\u70ED\u70B9\u5C0F\u7C7B")]), _createVNode("div", {
+        "class": [bem("hot-types--list")]
+      }, [props.hotTypeList.map(renderHotTypeButton)])]);
+    };
     const renderSecondTree = (item) => {
       var _a, _b;
       const text = item[fields.value.text];
@@ -334,7 +494,7 @@ var stdin_default = defineComponent({
         }, null), _createTextVNode("\u6E05\u7A7A\u641C\u7D22\u5386\u53F2")])]), historyList.value.length === 0 && _createVNode("div", {
           "class": [bem("empty")]
         }, [_createTextVNode("\u6682\u65E0\u641C\u7D22\u8BB0\u5F55")])])]
-      })]), [[_vShow, show.value]])]), _createVNode("div", {
+      })]), [[_vShow, show.value]])]), renderCommonTypes(), renderHotTypes(), _createVNode("div", {
         "class": [bem("name"), "zt-hairline--bottom"]
       }, [props.title]), _createVNode("main", {
         "class": [bem("tree")]

package/es/drawer-select/index.css

@@ -1 +1 @@
-:root{--zt-drawer-select-background: #ebf2f5}.zt-drawer-select{height:100%;width:100%;display:flex;flex-direction:column;background:var(--zt-background)}.zt-drawer-select__search{padding:var(--zt-padding-xs) 0}.zt-drawer-select__search--item{padding:var(--zt-padding-sm) 0 var(--zt-padding-sm) var(--zt-padding-md)}.zt-drawer-select__search--item:after{left:calc(-50% + 22px)}.zt-drawer-select__search--header{font-size:var(--zt-font-size-lg);font-weight:700;color:var(--zt-text-color);margin-bottom:4px}.zt-drawer-select__search--name{font-size:var(--zt-font-size-md);color:var(--zt-text-color-2)}.zt-drawer-select__wrap{position:fixed;right:0;left:0;bottom:0;z-index:999;overflow:hidden}.zt-drawer-select__popup{position:absolute;max-height:350px;border-radius:0 0 16px 16px}.zt-drawer-select__empty{font-size:var(--zt-font-size-md);color:var(--zt-gray-a4);text-align:center;padding:var(--zt-padding-lg) 0}.zt-drawer-select__history--title{height:44px;line-height:44px;font-weight:700;padding-left:var(--zt-padding-sm);color:var(--zt-text-color)}.zt-drawer-select__history--content{padding:var(--zt-padding-sm) var(--zt-padding-md) var(--zt-padding-xs)}.zt-drawer-select__history--content .zt-tag{line-height:28px;border-radius:14px;font-size:var(--zt-font-size-md);margin-right:4px;margin-bottom:8px}.zt-drawer-select__history--clear{display:flex;align-items:center;justify-content:center;height:44px;color:var(--zt-gray-a6);text-align:center;font-size:var(--zt-font-size-md)}.zt-drawer-select__name{position:relative;height:44px;line-height:44px;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);font-weight:700;padding-left:var(--zt-padding-md)}.zt-drawer-select__name:before{content:"";position:absolute;width:4px;height:16px;top:14px;left:0;background:var(--zt-primary-color)}.zt-drawer-select__tree{display:flex;flex:1;height:calc(100% - 104px)}.zt-drawer-select__tree-left{width:120px}.zt-drawer-select__tree-right{flex:1;display:flex;flex-direction:column;background:var(--zt-white)}.zt-drawer-select__label{display:flex;align-items:center;line-height:28px;color:var(--zt-text-color);padding:var(--zt-padding-xs) 0 var(--zt-padding-xs) var(--zt-padding-base);font-size:var(--zt-font-size-md)}.zt-drawer-select__label--second{background:var(--zt-drawer-select-background);padding-left:var(--zt-padding-sm)}.zt-drawer-select__label--placeholder{display:flex;align-items:center;width:24px}.zt-drawer-select__label--text{display:flex;align-items:center;min-height:28px}.zt-drawer-select__label--icon--active{transform:rotate(90deg);color:var(--zt-primary-color)}.zt-drawer-select__label--active{color:var(--zt-primary-color);background:var(--zt-white)}.zt-drawer-select__title{display:flex;align-items:center;line-height:28px;font-size:var(--zt-font-size-md);color:var(--zt-text-color);font-weight:700;padding:var(--zt-padding-xs) var(--zt-padding-md)}.zt-drawer-select__content{flex:1;overflow-y:scroll}.zt-drawer-select__item--placeholder{width:30px}.zt-drawer-select__item--header{display:flex;min-height:44px;font-size:var(--zt-font-size-md);color:var(--zt-text-color);padding-left:4px}.zt-drawer-select__item--icon{display:flex;align-items:center;width:24px;margin-right:6px;height:100%}.zt-drawer-select__item--icon--active{transform:rotate(90deg);color:var(--zt-primary-color)}.zt-drawer-select__item--label{flex:1;display:flex;align-items:center;line-height:28px;padding:var(--zt-padding-xs) var(--zt-padding-md) var(--zt-padding-xs) 0}.zt-drawer-select__item--label--active{color:var(--zt-primary-color)}.zt-drawer-select__item--child{padding-left:var(--zt-padding-md)}.zt-drawer-select .zt-dialog__confirm{background:var(--zt-dialog-cancel-button-background-color);border:var(--zt-button-border-width) solid #ff5023;color:#ff5023}
+:root{--zt-drawer-select-background: #ebf2f5}.zt-drawer-select{height:100%;width:100%;display:flex;flex-direction:column;background:var(--zt-background)}.zt-drawer-select__search{padding:var(--zt-padding-xs) 0}.zt-drawer-select__search--item{padding:var(--zt-padding-sm) 0 var(--zt-padding-sm) var(--zt-padding-md)}.zt-drawer-select__search--item:after{left:calc(-50% + 22px)}.zt-drawer-select__search--header{font-size:var(--zt-font-size-lg);font-weight:700;color:var(--zt-text-color);margin-bottom:4px}.zt-drawer-select__search--name{font-size:var(--zt-font-size-md);color:var(--zt-text-color-2)}.zt-drawer-select__wrap{position:fixed;right:0;left:0;bottom:0;z-index:999;overflow:hidden}.zt-drawer-select__popup{position:absolute;max-height:350px;border-radius:0 0 16px 16px}.zt-drawer-select__empty{font-size:var(--zt-font-size-md);color:var(--zt-gray-a4);text-align:center;padding:var(--zt-padding-lg) 0}.zt-drawer-select__history--title{height:44px;line-height:44px;font-weight:700;padding-left:var(--zt-padding-sm);color:var(--zt-text-color)}.zt-drawer-select__history--content{padding:var(--zt-padding-sm) var(--zt-padding-md) var(--zt-padding-xs)}.zt-drawer-select__history--content .zt-tag{line-height:28px;border-radius:14px;font-size:var(--zt-font-size-md);margin-right:4px;margin-bottom:8px}.zt-drawer-select__history--clear{display:flex;align-items:center;justify-content:center;height:44px;color:var(--zt-gray-a6);text-align:center;font-size:var(--zt-font-size-md)}.zt-drawer-select__name{position:relative;height:44px;line-height:44px;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);font-weight:700;padding-left:var(--zt-padding-md)}.zt-drawer-select__name:before{content:"";position:absolute;width:4px;height:16px;top:14px;left:0;background:var(--zt-primary-color)}.zt-drawer-select__common-types{width:100%;background:var(--zt-white)}.zt-drawer-select__common-types--head{display:flex;align-items:center;min-height:44px;padding-left:var(--zt-padding-md);font-size:var(--zt-font-size-md);color:var(--zt-text-color)}.zt-drawer-select__common-types--label{flex-shrink:0;font-weight:700;padding-right:4px}.zt-drawer-select__common-types--mask{position:relative;flex:1;min-width:0;background:var(--zt-white)}.zt-drawer-select__common-types--mask:before,.zt-drawer-select__common-types--mask:after{content:"";position:absolute;top:0;bottom:0;width:40px;pointer-events:none;z-index:3}.zt-drawer-select__common-types--mask:before{left:-1px;background-image:linear-gradient(90deg,var(--zt-white) 0%,var(--zt-white) 24px,rgba(255,255,255,0) 100%)}.zt-drawer-select__common-types--mask:after{right:-1px;background-image:linear-gradient(270deg,var(--zt-white) 0%,var(--zt-white) 12px,rgba(255,255,255,0) 100%)}.zt-drawer-select__common-types--viewport{min-width:0;overflow:hidden}.zt-drawer-select__common-types--list{display:flex;align-items:center;gap:4px;padding:8px 16px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}.zt-drawer-select__common-types--list::-webkit-scrollbar{display:none}.zt-drawer-select__common-types--icon{display:flex;align-items:center;justify-content:center;width:56px;height:44px;flex-shrink:0}.zt-drawer-select__common-types--empty{flex:1;min-width:0;padding-left:8px;color:var(--zt-text-color-2);opacity:.2}.zt-drawer-select__common-types--btn{flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content;border-radius:15px;opacity:1;padding-top:15px;padding-bottom:15px}.zt-drawer-select__common-types--panel{padding:0 var(--zt-padding-md) 8px;background:var(--zt-white)}.zt-drawer-select__common-types--panel-list{display:flex;flex-wrap:wrap;gap:8px 4px;padding-bottom:8px}.zt-drawer-select__common-types--clear{display:flex;align-items:center;justify-content:center;height:44px;color:var(--zt-text-color-2);opacity:.6;font-size:var(--zt-font-size-md)}.zt-drawer-select__common-types--clear-text{margin-left:4px}.zt-drawer-select__hot-types{width:100%;padding:0 16px 4px;margin-top:8px;box-sizing:border-box;background:var(--zt-white)}.zt-drawer-select__hot-types--label{height:44px;line-height:44px;font-size:var(--zt-font-size-md);font-weight:700;color:var(--zt-text-color)}.zt-drawer-select__hot-types--list{display:flex;flex-wrap:wrap;gap:8px 4px;width:100%;max-height:108px;overflow-x:hidden;overflow-y:auto;padding-bottom:8px}.zt-drawer-select__tree{display:flex;flex:1;min-height:0}.zt-drawer-select__tree-left{width:120px}.zt-drawer-select__tree-right{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--zt-white)}.zt-drawer-select__label{display:flex;align-items:center;line-height:28px;color:var(--zt-text-color);padding:var(--zt-padding-xs) 0 var(--zt-padding-xs) var(--zt-padding-base);font-size:var(--zt-font-size-md)}.zt-drawer-select__label--second{background:var(--zt-drawer-select-background);padding-left:var(--zt-padding-sm)}.zt-drawer-select__label--placeholder{display:flex;align-items:center;width:24px}.zt-drawer-select__label--text{display:flex;align-items:center;min-height:28px}.zt-drawer-select__label--icon--active{transform:rotate(90deg);color:var(--zt-primary-color)}.zt-drawer-select__label--active{color:var(--zt-primary-color);background:var(--zt-white)}.zt-drawer-select__title{display:flex;align-items:center;line-height:28px;font-size:var(--zt-font-size-md);color:var(--zt-text-color);font-weight:700;padding:var(--zt-padding-xs) var(--zt-padding-md)}.zt-drawer-select__content{flex:1;min-height:0;overflow-y:scroll}.zt-drawer-select__item--placeholder{width:30px}.zt-drawer-select__item--header{display:flex;min-height:44px;font-size:var(--zt-font-size-md);color:var(--zt-text-color);padding-left:4px}.zt-drawer-select__item--icon{display:flex;align-items:center;width:24px;margin-right:6px;height:100%}.zt-drawer-select__item--icon--active{transform:rotate(90deg);color:var(--zt-primary-color)}.zt-drawer-select__item--label{flex:1;display:flex;align-items:center;line-height:28px;padding:var(--zt-padding-xs) var(--zt-padding-md) var(--zt-padding-xs) 0}.zt-drawer-select__item--label--active{color:var(--zt-primary-color)}.zt-drawer-select__item--child{padding-left:var(--zt-padding-md)}.zt-drawer-select .zt-dialog__confirm{background:var(--zt-dialog-cancel-button-background-color);border:var(--zt-button-border-width) solid #ff5023;color:#ff5023}

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

@@ -21,7 +21,20 @@ export declare const DrawerSelect: import("../utils").WithInstall<import("vue").
         type: import("vue").PropType<string>;
         default: string;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    commonTypeList: {
+        type: import("vue").PropType<import("./types").DrawerSelectCommonType[]>;
+        default: () => import("./types").DrawerSelectCommonType[];
+    };
+    showCommonTypes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    commonTypeVisibleCount: NumberConstructor;
+    hotTypeList: {
+        type: import("vue").PropType<import("./types").DrawerSelectHotType[]>;
+        default: () => import("./types").DrawerSelectHotType[];
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "clearAll")[], "select" | "change" | "clearAll", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     treeData: {
         type: import("vue").PropType<import("./types").DrawerSelectTreeNode[]>;
         default: () => import("./types").DrawerSelectTreeNode[];
@@ -44,19 +57,36 @@ export declare const DrawerSelect: import("../utils").WithInstall<import("vue").
         type: import("vue").PropType<string>;
         default: string;
     };
+    commonTypeList: {
+        type: import("vue").PropType<import("./types").DrawerSelectCommonType[]>;
+        default: () => import("./types").DrawerSelectCommonType[];
+    };
+    showCommonTypes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    commonTypeVisibleCount: NumberConstructor;
+    hotTypeList: {
+        type: import("vue").PropType<import("./types").DrawerSelectHotType[]>;
+        default: () => import("./types").DrawerSelectHotType[];
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onClearAll?: ((...args: any[]) => any) | undefined;
 }>, {
     title: string;
     placeholder: string;
     treeData: import("./types").DrawerSelectTreeNode[];
     expandAll: boolean;
     activeClassName: string;
+    commonTypeList: import("./types").DrawerSelectCommonType[];
+    showCommonTypes: boolean;
+    hotTypeList: import("./types").DrawerSelectHotType[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default DrawerSelect;
 export type { DrawerSelectProps } from './DrawerSelect';
-export type { DrawerSelectThemeVars, DrawerSelectTreeNode, FlatTreeNode, } from './types';
+export type { DrawerSelectCommonType, DrawerSelectHotType, DrawerSelectThemeVars, DrawerSelectTreeNode, FlatTreeNode, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtDrawerSelect: typeof DrawerSelect;

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

@@ -4,6 +4,28 @@ export type DrawerSelectTreeNode = {
     children?: DrawerSelectTreeNode[];
     [key: PropertyKey]: any;
 };
+export type DrawerSelectCommonType = {
+    types: {
+        id: string | number;
+        name: string;
+        [key: PropertyKey]: any;
+    };
+    timestamp: number;
+    uid: string | number;
+    count: number;
+    [key: PropertyKey]: any;
+};
+export type DrawerSelectHotType = {
+    id: string | number;
+    text?: string;
+    name?: string;
+    data?: {
+        id: string | number;
+        name: string;
+        [key: PropertyKey]: any;
+    };
+    [key: PropertyKey]: any;
+};
 export type FlatTreeNode = {
     text?: string;
     value?: string | number;

package/es/index.d.ts

@@ -85,4 +85,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.1.83";
+export const version: "3.1.85";

package/es/index.mjs

@@ -78,7 +78,7 @@ import { Timeline } from "./timeline/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Video } from "./video/index.mjs";
-const version = "3.1.83";
+const version = "3.1.85";
 function install(app) {
   const components = [
     ActionSheet,

package/es/pagination/index.css

@@ -1 +1 @@
-:root{--zt-pagination-bottom: 29px;--zt-pagination-item-size: 44px;--zt-pagination-gap: 16px;--zt-pagination-background: #2d4b7380;--zt-pagination-backdrop-filter: blur(5.44px);--zt-pagination-box-shadow: 0 4px 8px 0 #2d4b7333;--zt-pagination-text-color: #fff;--zt-pagination-disabled-icon-color: rgba(255, 255, 255, .45);--zt-pagination-font-size: 14px;--zt-pagination-text-line-height: 17px;--zt-pagination-z-index: 100}.zt-pagination{position:fixed;left:0;right:0;bottom:var(--zt-pagination-bottom);z-index:var(--zt-pagination-z-index);display:flex;align-items:center;justify-content:center;pointer-events:none}.zt-pagination__button,.zt-pagination__page{height:var(--zt-pagination-item-size);background:var(--zt-pagination-background);-webkit-backdrop-filter:var(--zt-pagination-backdrop-filter);backdrop-filter:var(--zt-pagination-backdrop-filter);box-shadow:var(--zt-pagination-box-shadow)}.zt-pagination__button{width:var(--zt-pagination-item-size);padding:0;border:0;border-radius:50%;color:var(--zt-pagination-text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:opacity var(--zt-duration-fast),transform var(--zt-duration-fast)}.zt-pagination__button:not(.zt-pagination__button--disabled):hover{opacity:.88;transform:scale(1.04)}.zt-pagination__button:not(.zt-pagination__button--disabled):active{opacity:.75;transform:scale(.96)}.zt-pagination__button--disabled{color:var(--zt-pagination-disabled-icon-color);cursor:default}.zt-pagination__page{margin:0 var(--zt-pagination-gap);padding:0 27px;border:0;border-radius:22px;display:flex;align-items:center;justify-content:center;color:var(--zt-pagination-text-color);cursor:pointer;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.zt-pagination__text{height:var(--zt-pagination-text-line-height);color:var(--zt-pagination-text-color);font-size:var(--zt-pagination-font-size);line-height:var(--zt-pagination-text-line-height)}.zt-pagination__next-icon{transform:rotate(180deg)}.zt-pagination__popup{height:100%;display:flex;flex-direction:column;background:#fff}.zt-pagination__popup-title{padding-top:var(--zt-popup-close-icon-margin);color:#2d4b73;font-size:18px;font-weight:600;text-align:center}.zt-pagination__popup-pages{flex:1;display:grid;grid-template-columns:repeat(5,40px);grid-auto-rows:40px;justify-content:space-around;row-gap:24px;padding:24px 0;overflow-y:auto}.zt-pagination__popup-page{width:40px;height:40px;padding:0;border:0;border-radius:50%;color:#2d4b73;background:rgba(45,75,115,.04);font-size:16px;line-height:24px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color var(--zt-duration-fast),transform var(--zt-duration-fast),opacity var(--zt-duration-fast)}.zt-pagination__popup-page:hover{background:rgba(45,75,115,.1);transform:scale(1.04)}.zt-pagination__popup-page:active{opacity:.75;transform:scale(.96)}.zt-pagination__popup-footer{padding:8px 16px;border-top:1px solid var(--zt-border-color)}
+:root{--zt-pagination-bottom: 29px;--zt-pagination-item-size: 44px;--zt-pagination-gap: 16px;--zt-pagination-background: #2d4b7380;--zt-pagination-backdrop-filter: blur(5.44px);--zt-pagination-box-shadow: 0 4px 8px 0 #2d4b7333;--zt-pagination-text-color: #fff;--zt-pagination-disabled-icon-color: rgba(255, 255, 255, .45);--zt-pagination-font-size: 14px;--zt-pagination-text-line-height: 17px;--zt-pagination-z-index: 100}.zt-pagination{position:fixed;left:0;right:0;bottom:var(--zt-pagination-bottom);z-index:var(--zt-pagination-z-index);display:flex;align-items:center;justify-content:center;pointer-events:none}.zt-pagination__button,.zt-pagination__page{height:var(--zt-pagination-item-size);background:var(--zt-pagination-background);-webkit-backdrop-filter:var(--zt-pagination-backdrop-filter);backdrop-filter:var(--zt-pagination-backdrop-filter);box-shadow:var(--zt-pagination-box-shadow)}.zt-pagination__button{width:var(--zt-pagination-item-size);padding:0;border:0;border-radius:50%;color:var(--zt-pagination-text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:opacity var(--zt-duration-fast),transform var(--zt-duration-fast)}.zt-pagination__button:not(.zt-pagination__button--disabled):hover{opacity:.88;transform:scale(1.04)}.zt-pagination__button:not(.zt-pagination__button--disabled):active{opacity:.75;transform:scale(.96)}.zt-pagination__button--disabled{color:var(--zt-pagination-disabled-icon-color);cursor:default}.zt-pagination__page{margin:0 var(--zt-pagination-gap);padding:0 27px;border:0;border-radius:22px;display:flex;align-items:center;justify-content:center;color:var(--zt-pagination-text-color);cursor:pointer;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.zt-pagination__text{height:var(--zt-pagination-text-line-height);color:var(--zt-pagination-text-color);font-size:var(--zt-pagination-font-size);line-height:var(--zt-pagination-text-line-height)}.zt-pagination__next-icon{transform:rotate(180deg)}.zt-pagination__popup{height:100%;display:flex;flex-direction:column;background:#fff}.zt-pagination__popup-title{padding-top:var(--zt-popup-close-icon-margin);color:#2d4b73;font-size:18px;font-weight:600;text-align:center}.zt-pagination__popup-pages{flex:1;display:grid;grid-template-columns:repeat(5,40px);grid-auto-rows:40px;justify-content:space-around;row-gap:24px;padding:24px 0;overflow-y:auto}.zt-pagination__popup-page{width:40px;height:40px;padding:0;border:0;border-radius:50%;color:#235;background:#F1F6FA;font-size:16px;line-height:24px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color var(--zt-duration-fast),transform var(--zt-duration-fast),opacity var(--zt-duration-fast)}.zt-pagination__popup-page:hover{background:rgba(45,75,115,.1);transform:scale(1.04)}.zt-pagination__popup-page:active{opacity:.75;transform:scale(.96)}.zt-pagination__popup-footer{padding:8px 16px;border-top:1px solid var(--zt-border-color)}

package/lib/drawer-select/DrawerSelect.d.ts

@@ -1,5 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
-import { DrawerSelectFieldNames, DrawerSelectTreeNode, FlatTreeNode } from './types';
+import { DrawerSelectCommonType, DrawerSelectFieldNames, DrawerSelectHotType, DrawerSelectTreeNode, FlatTreeNode } from './types';
 declare const drawerSelectProps: {
     treeData: {
         type: PropType<DrawerSelectTreeNode[]>;
@@ -23,6 +23,19 @@ declare const drawerSelectProps: {
         type: PropType<string>;
         default: string;
     };
+    commonTypeList: {
+        type: PropType<DrawerSelectCommonType[]>;
+        default: () => DrawerSelectCommonType[];
+    };
+    showCommonTypes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    commonTypeVisibleCount: NumberConstructor;
+    hotTypeList: {
+        type: PropType<DrawerSelectHotType[]>;
+        default: () => DrawerSelectHotType[];
+    };
 };
 export type DrawerSelectProps = ExtractPropTypes<typeof drawerSelectProps>;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
@@ -48,7 +61,20 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<string>;
         default: string;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    commonTypeList: {
+        type: PropType<DrawerSelectCommonType[]>;
+        default: () => DrawerSelectCommonType[];
+    };
+    showCommonTypes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    commonTypeVisibleCount: NumberConstructor;
+    hotTypeList: {
+        type: PropType<DrawerSelectHotType[]>;
+        default: () => DrawerSelectHotType[];
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "clearAll")[], "select" | "change" | "clearAll", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     treeData: {
         type: PropType<DrawerSelectTreeNode[]>;
         default: () => DrawerSelectTreeNode[];
@@ -71,14 +97,31 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<string>;
         default: string;
     };
+    commonTypeList: {
+        type: PropType<DrawerSelectCommonType[]>;
+        default: () => DrawerSelectCommonType[];
+    };
+    showCommonTypes: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    commonTypeVisibleCount: NumberConstructor;
+    hotTypeList: {
+        type: PropType<DrawerSelectHotType[]>;
+        default: () => DrawerSelectHotType[];
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onClearAll?: ((...args: any[]) => any) | undefined;
 }>, {
     title: string;
     placeholder: string;
     treeData: DrawerSelectTreeNode[];
     expandAll: boolean;
     activeClassName: string;
+    commonTypeList: DrawerSelectCommonType[];
+    showCommonTypes: boolean;
+    hotTypeList: DrawerSelectHotType[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;