zartui 3.1.11 → 3.1.13

package/lib/date-time-picker/index.d.ts

@@ -99,7 +99,7 @@ export declare const DateTimePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<string[]>;
         default: () => string[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "update:modelValue" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue")[], "cancel" | "change" | "update:modelValue" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue")[], "update:modelValue" | "cancel" | "change" | "update:show" | "confirm" | "startChange" | "endChange" | "update:startValue" | "update:endValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;

package/lib/dialog/index.css

@@ -1 +1 @@
-:root{--zt-dialog-width: 350px;--zt-dialog-max-width: 90%;--zt-dialog-transition: var(--zt-duration-base);--zt-dialog-radius: 12px;--zt-dialog-background: var(--zt-background-2);--zt-dialog-header-font-weight: var(--zt-font-bold);--zt-dialog-header-padding-top: 24px;--zt-dialog-header-isolated-padding: var(--zt-padding-lg) 0;--zt-dialog-header-primary-padding: 10px;--zt-dialog-message-padding: var(--zt-padding-lg) var(--zt-padding-md);--zt-dialog-message-max-height: 60vh;--zt-dialog-has-title-message-text-color: var(--zt-gray-a6);--zt-dialog-has-title-message-padding-top: var(--zt-padding-xs);--zt-dialog-has-title-message-primary-header: var(--zt-padding-lg);--zt-dialog-confirm-button-text-color: var(--zt-white);--zt-dialog-cancel-button-background-color: var(--zt-white)}.zt-dialog{top:45%;width:var(--zt-dialog-width);max-width:var(--zt-dialog-max-width);overflow:hidden;font-size:var(--zt-font-size-lg);background:var(--zt-dialog-background);border-radius:var(--zt-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--zt-dialog-transition);transition-property:transform,opacity}.zt-dialog__header{color:var(--zt-text-color);padding-top:var(--zt-dialog-header-padding-top);font-weight:var(--zt-dialog-header-font-weight);line-height:var(--zt-line-height-xl);text-align:center}.zt-dialog__header--isolated{padding:var(--zt-dialog-header-isolated-padding)}.zt-dialog__header--custom-title{padding-left:0;padding-right:0;padding-top:0}.zt-dialog__header--primary{padding:var(--zt-dialog-header-primary-padding);background:var(--zt-primary-color);color:var(--zt-white)}.zt-dialog__content{text-align:center;font-size:0}.zt-dialog__message{display:inline-block;color:var(--zt-gray-a8);max-height:var(--zt-dialog-message-max-height);padding:var(--zt-dialog-message-padding);overflow-y:auto;font-size:var(--zt-font-size-lg);line-height:var(--zt-line-height-md);white-space:pre-wrap;text-align:left;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:var(--zt-dialog-has-title-message-padding-top);color:var(--zt-dialog-has-title-message-text-color);font-size:var(--zt-font-size-md)}.zt-dialog__message--primary-header{padding-top:var(--zt-dialog-has-title-message-primary-header)}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__message--justify{text-align:justify}.zt-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;margin:0 var(--zt-padding-xl) var(--zt-padding-lg)}.zt-dialog__confirm,.zt-dialog__cancel{flex:1;margin:0;background-color:var(--zt-dialog-cancel-button-background-color)}.zt-dialog__confirm,.zt-dialog__confirm:active{color:var(--zt-dialog-confirm-button-text-color)}.zt-dialog__confirm--with-cancel{margin-left:8px}.zt-dialog--round-button .zt-dialog__footer{position:relative;height:auto;padding:var(--zt-padding-xs) var(--zt-padding-lg) var(--zt-padding-md)}.zt-dialog--round-button .zt-dialog__message{padding-bottom:var(--zt-padding-md);color:var(--zt-text-color)}.zt-dialog--round-button .zt-dialog__confirm,.zt-dialog--round-button .zt-dialog__cancel{height:var(--zt-dialog-round-button-height)}.zt-dialog--round-button .zt-dialog__confirm{color:var(--zt-white)}.zt-dialog-bounce-enter-from{transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}.zt-theme-dark{--zt-dialog-cancel-button-background-color: rbga(255, 255, 255, .2)}
+:root{--zt-dialog-width: 350px;--zt-dialog-max-width: 90%;--zt-dialog-transition: var(--zt-duration-base);--zt-dialog-radius: 12px;--zt-dialog-background: var(--zt-background-popup);--zt-dialog-header-font-weight: var(--zt-font-bold);--zt-dialog-header-padding-top: 24px;--zt-dialog-header-isolated-padding: var(--zt-padding-lg) 0;--zt-dialog-header-primary-padding: 10px;--zt-dialog-message-padding: var(--zt-padding-lg) var(--zt-padding-md);--zt-dialog-message-max-height: 60vh;--zt-dialog-has-title-message-text-color: var(--zt-gray-a6);--zt-dialog-has-title-message-padding-top: var(--zt-padding-xs);--zt-dialog-has-title-message-primary-header: var(--zt-padding-lg);--zt-dialog-confirm-button-text-color: var(--zt-white);--zt-dialog-cancel-button-background-color: var(--zt-white)}.zt-dialog{top:45%;width:var(--zt-dialog-width);max-width:var(--zt-dialog-max-width);overflow:hidden;font-size:var(--zt-font-size-lg);background:var(--zt-dialog-background);border-radius:var(--zt-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--zt-dialog-transition);transition-property:transform,opacity}.zt-dialog__header{color:var(--zt-text-color);padding-top:var(--zt-dialog-header-padding-top);font-weight:var(--zt-dialog-header-font-weight);line-height:var(--zt-line-height-lg);text-align:center}.zt-dialog__header--isolated{padding:var(--zt-dialog-header-isolated-padding)}.zt-dialog__header--custom-title{padding-left:0;padding-right:0;padding-top:0}.zt-dialog__header--primary{padding:var(--zt-dialog-header-primary-padding);background:var(--zt-primary-color);color:var(--zt-white)}.zt-dialog__content{text-align:center;font-size:0}.zt-dialog__message{display:inline-block;color:var(--zt-gray-a8);max-height:var(--zt-dialog-message-max-height);padding:var(--zt-dialog-message-padding);overflow-y:auto;font-size:var(--zt-font-size-lg);line-height:var(--zt-line-height-md);white-space:pre-wrap;text-align:left;word-wrap:break-word;-webkit-overflow-scrolling:touch}.zt-dialog__message--has-title{padding-top:var(--zt-dialog-has-title-message-padding-top);color:var(--zt-dialog-has-title-message-text-color);font-size:var(--zt-font-size-md)}.zt-dialog__message--primary-header{padding-top:var(--zt-dialog-has-title-message-primary-header)}.zt-dialog__message--left{text-align:left}.zt-dialog__message--right{text-align:right}.zt-dialog__message--justify{text-align:justify}.zt-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;margin:0 var(--zt-padding-xl) var(--zt-padding-lg)}.zt-dialog__confirm,.zt-dialog__cancel{flex:1;margin:0;background-color:var(--zt-dialog-cancel-button-background-color)}.zt-dialog__confirm,.zt-dialog__confirm:active{color:var(--zt-dialog-confirm-button-text-color)}.zt-dialog__confirm--with-cancel{margin-left:8px}.zt-dialog--round-button .zt-dialog__footer{position:relative;height:auto;padding:var(--zt-padding-xs) var(--zt-padding-lg) var(--zt-padding-md)}.zt-dialog--round-button .zt-dialog__message{padding-bottom:var(--zt-padding-md);color:var(--zt-text-color)}.zt-dialog--round-button .zt-dialog__confirm,.zt-dialog--round-button .zt-dialog__cancel{height:var(--zt-dialog-round-button-height)}.zt-dialog--round-button .zt-dialog__confirm{color:var(--zt-white)}.zt-dialog-bounce-enter-from{transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.zt-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}.zt-theme-dark{--zt-dialog-cancel-button-background-color: rbga(255, 255, 255, .2)}

package/lib/divider/index.css

@@ -1 +1 @@
-:root{--zt-divider-margin: var(--zt-padding-md) 0;--zt-divider-text-color: var(--zt-gray-a4);--zt-divider-border-color: var(--zt-border-color);--zt-divider-content-padding: var(--zt-padding-md);--zt-divider-content-left-width: 10%;--zt-divider-content-right-width: 10%}.zt-divider{display:flex;align-items:center;margin:var(--zt-divider-margin);color:var(--zt-divider-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-xl);border-color:var(--zt-divider-border-color);border-style:solid;border-width:0}.zt-divider:before,.zt-divider:after{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--zt-border-width) 0 0}.zt-divider:before{content:""}.zt-divider--hairline:before,.zt-divider--hairline:after{transform:scaleY(.5)}.zt-divider--dashed{border-style:dashed}.zt-divider--content-center:before,.zt-divider--content-left:before,.zt-divider--content-right:before{margin-right:var(--zt-divider-content-padding)}.zt-divider--content-center:after,.zt-divider--content-left:after,.zt-divider--content-right:after{margin-left:var(--zt-divider-content-padding);content:""}.zt-divider--content-left:before{max-width:var(--zt-divider-content-left-width)}.zt-divider--content-right:after{max-width:var(--zt-divider-content-right-width)}
+:root{--zt-divider-margin: var(--zt-padding-md) 0;--zt-divider-text-color: var(--zt-gray-a4);--zt-divider-border-color: var(--zt-border-color);--zt-divider-content-padding: var(--zt-padding-md);--zt-divider-content-left-width: 10%;--zt-divider-content-right-width: 10%}.zt-divider{display:flex;align-items:center;margin:var(--zt-divider-margin);color:var(--zt-divider-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);border-color:var(--zt-divider-border-color);border-style:solid;border-width:0}.zt-divider:before,.zt-divider:after{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--zt-border-width) 0 0}.zt-divider:before{content:""}.zt-divider--hairline:before,.zt-divider--hairline:after{transform:scaleY(.5)}.zt-divider--dashed{border-style:dashed}.zt-divider--content-center:before,.zt-divider--content-left:before,.zt-divider--content-right:before{margin-right:var(--zt-divider-content-padding)}.zt-divider--content-center:after,.zt-divider--content-left:after,.zt-divider--content-right:after{margin-left:var(--zt-divider-content-padding);content:""}.zt-divider--content-left:before{max-width:var(--zt-divider-content-left-width)}.zt-divider--content-right:after{max-width:var(--zt-divider-content-right-width)}

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

@@ -0,0 +1,68 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import { DrawerSelectFieldNames, DrawerSelectTreeNode } from './types';
+declare const drawerSelectProps: {
+    treeData: {
+        type: PropType<DrawerSelectTreeNode[]>;
+        default: () => DrawerSelectTreeNode[];
+    };
+    treeFieldName: PropType<DrawerSelectFieldNames>;
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: PropType<string>;
+        default: string;
+    };
+    expandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type DrawerSelectProps = ExtractPropTypes<typeof drawerSelectProps>;
+declare const _default: import("vue").DefineComponent<{
+    treeData: {
+        type: PropType<DrawerSelectTreeNode[]>;
+        default: () => DrawerSelectTreeNode[];
+    };
+    treeFieldName: PropType<DrawerSelectFieldNames>;
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: PropType<string>;
+        default: string;
+    };
+    expandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    treeData: {
+        type: PropType<DrawerSelectTreeNode[]>;
+        default: () => DrawerSelectTreeNode[];
+    };
+    treeFieldName: PropType<DrawerSelectFieldNames>;
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: PropType<string>;
+        default: string;
+    };
+    expandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    placeholder: string;
+    treeData: DrawerSelectTreeNode[];
+    expandAll: boolean;
+}, {}>;
+export default _default;

package/lib/drawer-select/DrawerSelect.js

@@ -0,0 +1,389 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+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_vue2 = require("vue");
+var import_use = require("@zartui/use");
+var import_utils = require("../utils");
+var import_search = __toESM(require("../search"));
+var import_icon = __toESM(require("../icon"));
+var import_popup = __toESM(require("../popup"));
+var import_tag = __toESM(require("../tag"));
+var import_deep_clone = require("../utils/deep-clone");
+var import_utils2 = require("../picker/utils");
+var import_dialog = require("../dialog");
+const [name, bem] = (0, import_utils.createNamespace)("drawer-select");
+const drawerSelectProps = {
+  treeData: (0, import_utils.makeArrayProp)(),
+  treeFieldName: Object,
+  title: (0, import_utils.makeStringProp)("\u9009\u62E9\u7C7B\u578B"),
+  placeholder: (0, import_utils.makeStringProp)("\u8BF7\u641C\u7D22\u95EE\u9898\u7C7B\u578B"),
+  expandAll: {
+    type: Boolean,
+    default: false
+  }
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: drawerSelectProps,
+  emits: ["change", "select"],
+  setup(props, {
+    emit
+  }) {
+    const keyword = (0, import_vue2.ref)("");
+    const expandNode = (0, import_vue2.ref)();
+    const selectNode = (0, import_vue2.ref)();
+    const flatArray = (0, import_vue2.ref)([]);
+    const show = (0, import_vue2.ref)(false);
+    const searchRef = (0, import_vue2.ref)();
+    const offset = (0, import_vue2.ref)(0);
+    const historyList = (0, import_vue2.ref)([]);
+    const defaultTreeNode = (0, import_vue2.ref)(props.treeData);
+    const fields = (0, import_vue2.computed)(() => (0, import_utils2.assignDefaultFields)(props.treeFieldName));
+    const {
+      value,
+      children,
+      text: key
+    } = fields.value;
+    const allData = {
+      [value]: -1,
+      [key]: "\u5168\u90E8",
+      [children]: props.treeData
+    };
+    const clearSearch = () => {
+      keyword.value = "";
+      show.value = false;
+    };
+    const onScroll = () => {
+      if (show.value) {
+        updateOffset();
+      }
+    };
+    (0, import_use.useEventListener)("scroll", onScroll, {
+      target: searchRef,
+      passive: true
+    });
+    const updateOffset = () => {
+      if (searchRef.value) {
+        const rect = (0, import_use.useRect)(searchRef);
+        offset.value = rect.bottom;
+      }
+    };
+    const flatData = (data) => {
+      const result = [];
+      const getNext = (list) => {
+        for (const v of list) {
+          const current = {
+            [key]: v[key],
+            [value]: v[value]
+          };
+          if (props.expandAll) {
+            v.checked = true;
+            v.expand = true;
+          }
+          if (v[children] && v[children].length > 0) {
+            if (v && v.parent) {
+              v[children].forEach((item) => {
+                var _a;
+                item.parent = (0, import_deep_clone.deepClone)(v.parent);
+                (_a = item.parent) == null ? void 0 : _a.push(current);
+              });
+            } else {
+              v[children].forEach((item) => {
+                item.parent = [current];
+              });
+            }
+            getNext(v[children]);
+          } else {
+            if (v && v.parent) {
+              v.parent.push(current);
+            } else {
+              v.parent = [current];
+            }
+            const fullName = v.parent.map((item) => item[key]).join(" \xB7 ");
+            result.push(Object.assign(v, {
+              fullName,
+              parent: v.parent
+            }));
+          }
+        }
+      };
+      getNext(data);
+      flatArray.value = result;
+    };
+    (0, import_vue2.onMounted)(() => {
+      var _a;
+      historyList.value = JSON.parse((_a = localStorage.getItem("problemSearchHistory")) != null ? _a : "[]") || [];
+      expandNode.value = {
+        text: allData[key],
+        value: allData[value],
+        children: allData[children]
+      };
+      flatData(props.treeData);
+      updateOffset();
+    });
+    const isEmpty = (item) => !item[children] || item[children].length === 0;
+    const onLabelClick = (item, assign = true) => {
+      const {
+        text,
+        value: value2,
+        children: children2
+      } = fields.value;
+      if (item) {
+        if (assign) {
+          expandNode.value = {
+            text: item[text],
+            value: item[value2],
+            children: item[children2]
+          };
+        }
+        if (isEmpty(item)) {
+          selectNode.value = item;
+          emit("select", item);
+        }
+        item.checked = !item.checked;
+        emit("change", item);
+      }
+    };
+    const isStrValid = (text) => {
+      return text !== null && text !== "" && Object.prototype.toString.call(text) === "[object String]";
+    };
+    const onSearch = (value2) => {
+      if (isStrValid(value2)) {
+        show.value = true;
+      }
+    };
+    const onClickInput = (e) => {
+      const {
+        value: value2
+      } = e.target;
+      onSearch(value2);
+    };
+    const formatSearchKeyword = (keywords, text = "") => {
+      if (!keywords)
+        return text;
+      const replaceReg = new RegExp(keywords, "ig");
+      const replaceString = `<span style="color: #0091FA; background: rgba(0, 145, 250, 0.1); font-weight: bold;">${keywords}</span>`;
+      return text.replace(replaceReg, replaceString);
+    };
+    const filterTree = (0, import_vue2.computed)(() => {
+      if (keyword.value) {
+        return flatArray.value.filter((item) => {
+          return (item.fullName || "").indexOf(keyword.value) > -1;
+        });
+      }
+      return [];
+    });
+    const onSearchClick = (item) => {
+      var _a;
+      if (item) {
+        const {
+          text
+        } = fields.value;
+        show.value = false;
+        keyword.value = item[text];
+        let history = JSON.parse((_a = localStorage.getItem("problemSearchHistory")) != null ? _a : "[]") || [];
+        if (history.includes(keyword.value)) {
+          history.map((v, i) => {
+            if (v === keyword.value) {
+              history.splice(i, 1);
+            }
+          });
+        }
+        history.unshift(keyword.value);
+        if (history.length > 10) {
+          history = history.slice(0, 10);
+        }
+        historyList.value = history;
+        localStorage.setItem("problemSearchHistory", JSON.stringify(history));
+        emit("select", Object.assign(item, {
+          parent: item.parent
+        }));
+      }
+    };
+    const renderSecondTree = (item) => {
+      var _a, _b;
+      const text = item[fields.value.text];
+      const children2 = (_a = item[fields.value.children]) != null ? _a : [];
+      return (0, import_vue.createVNode)("div", null, [(0, import_vue.createVNode)("div", {
+        "class": [bem("label")],
+        "onClick": () => item.expand = !item.expand
+      }, [(0, import_vue.createVNode)("span", {
+        "class": [bem("label--placeholder")]
+      }, [children2.length > 0 && (0, import_vue.createVNode)(import_icon.default, {
+        "name": "play-small",
+        "class": [bem("label--icon", {
+          active: item.expand
+        })],
+        "size": "20"
+      }, null)]), (0, import_vue.createVNode)("span", {
+        "class": [bem("label--text")]
+      }, [text])]), !isEmpty(item) && item.expand && ((_b = item.children) == null ? void 0 : _b.map((child) => {
+        var _a2;
+        return (0, import_vue.createVNode)("div", {
+          "class": [bem("label", "second"), bem("label", {
+            active: ((_a2 = expandNode.value) == null ? void 0 : _a2.value) === child[value]
+          })],
+          "onClick": () => onLabelClick(child)
+        }, [child[fields.value.text]]);
+      }))]);
+    };
+    const renderItem = (item) => {
+      var _a, _b;
+      const empty = isEmpty(item);
+      return (0, import_vue.createVNode)("div", {
+        "onClick": (e) => {
+          e.stopPropagation();
+          onLabelClick(item, false);
+        },
+        "class": [bem("item")]
+      }, [(0, import_vue.createVNode)("div", {
+        "class": [bem("item--header")]
+      }, [(0, import_vue.createVNode)("span", {
+        "class": [bem("item--placeholder")]
+      }, [!empty && (0, import_vue.createVNode)(import_icon.default, {
+        "name": "play-small",
+        "class": [bem("item--icon", {
+          active: item.checked
+        })],
+        "size": "20"
+      }, null)]), (0, import_vue.createVNode)("div", {
+        "class": [bem("item--label", {
+          active: empty && ((_a = selectNode.value) == null ? void 0 : _a.value) == item[fields.value.value]
+        }), "zt-hairline--top"]
+      }, [item[fields.value.text]])]), (0, import_vue.createVNode)("div", {
+        "class": [bem("item--child")]
+      }, [!empty && item.checked && ((_b = item[fields.value.children]) == null ? void 0 : _b.map(renderItem))])]);
+    };
+    const onClearHistory = () => {
+      (0, import_dialog.showConfirmDialog)({
+        title: "\u786E\u8BA4\u5220\u9664\u5168\u90E8\u641C\u7D22\u5386\u53F2",
+        message: "\u70B9\u51FB\u201C\u5220\u9664\u201D\u5C06\u6E05\u7A7A\u5168\u90E8\u7684\u641C\u7D22\u8BB0\u5F55",
+        confirmButtonText: "\u5220\u9664",
+        teleport: ".zt-drawer-select"
+      }).then(() => {
+        historyList.value = [];
+        show.value = false;
+        localStorage.removeItem("problemSearchHistory");
+      });
+    };
+    const onHistoryClick = (itme) => {
+      keyword.value = itme;
+    };
+    return () => {
+      var _a, _b, _c, _d, _e;
+      return (0, import_vue.createVNode)("div", {
+        "class": [bem()]
+      }, [(0, import_vue.createVNode)("div", {
+        "class": [bem("search")],
+        "ref": searchRef
+      }, [(0, import_vue.createVNode)(import_search.default, {
+        "modelValue": keyword.value,
+        "onUpdate:modelValue": [($event) => keyword.value = $event, onSearch],
+        "placeholder": props.placeholder,
+        "onClickInput": onClickInput,
+        "onSearch": onSearch,
+        "onClear": clearSearch,
+        "onFocus": () => show.value = true,
+        "autocomplete": "off"
+      }, null), (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
+        "class": [bem("wrap")],
+        "style": {
+          top: `${offset.value}px`
+        }
+      }, [(0, import_vue.createVNode)(import_popup.default, {
+        "class": [bem("popup")],
+        "position": "top",
+        "show": show.value,
+        "onUpdate:show": ($event) => show.value = $event,
+        "overlayStyle": {
+          position: "absolute"
+        }
+      }, {
+        default: () => [keyword.value ? (0, import_vue.createVNode)(import_vue.Fragment, null, [filterTree.value.length > 0 ? filterTree.value.map((item) => (0, import_vue.createVNode)("div", {
+          "class": [bem("search--item"), "zt-hairline--bottom"],
+          "onClick": () => onSearchClick(item)
+        }, [(0, import_vue.createVNode)("div", {
+          "class": [bem("search--header")],
+          "innerHTML": formatSearchKeyword(keyword.value, item[key])
+        }, null), (0, import_vue.createVNode)("div", {
+          "class": [bem("search--name")],
+          "innerHTML": formatSearchKeyword(keyword.value, item == null ? void 0 : item.fullName)
+        }, null)])) : (0, import_vue.createVNode)("div", {
+          "class": [bem("empty")]
+        }, [(0, import_vue.createTextVNode)("\u6CA1\u6709\u76F8\u5173\u5185\u5BB9\uFF0C\u8BF7\u91CD\u65B0\u8F93\u5165\u5173\u952E\u5B57")]), " "]) : (0, import_vue.createVNode)("section", {
+          "class": [bem("history")]
+        }, [historyList.value.length > 0 && (0, import_vue.createVNode)("div", null, [(0, import_vue.createVNode)("p", {
+          "class": [bem("history--title"), "zt-hairline--bottom"]
+        }, [(0, import_vue.createTextVNode)("\u641C\u7D22\u5386\u53F2")]), (0, import_vue.createVNode)("div", {
+          "class": [bem("history--content")]
+        }, [historyList.value.map((item) => (0, import_vue.createVNode)(import_tag.default, {
+          "onClick": () => onHistoryClick(item),
+          "round": true,
+          "text-color": "var(--zt-gray-a8)",
+          "icon-color": "var(--zt-gray)"
+        }, {
+          default: () => [item]
+        }))]), (0, import_vue.createVNode)("div", {
+          "class": [bem("history--clear")],
+          "onClick": onClearHistory
+        }, [(0, import_vue.createVNode)(import_icon.default, {
+          "name": "delete",
+          "size": "20"
+        }, null), (0, import_vue.createTextVNode)("\u6E05\u7A7A\u641C\u7D22\u5386\u53F2")])]), historyList.value.length === 0 && (0, import_vue.createVNode)("div", {
+          "class": [bem("empty")]
+        }, [(0, import_vue.createTextVNode)("\u6682\u65E0\u641C\u7D22\u8BB0\u5F55")])])]
+      })]), [[import_vue.vShow, show.value]])]), (0, import_vue.createVNode)("div", {
+        "class": [bem("name"), "zt-hairline--bottom"]
+      }, [props.title]), (0, import_vue.createVNode)("main", {
+        "class": [bem("tree")]
+      }, [(0, import_vue.createVNode)("nav", {
+        "class": [bem("tree-left")]
+      }, [(0, import_vue.createVNode)("div", {
+        "class": [bem("label", {
+          active: ((_a = expandNode.value) == null ? void 0 : _a.value) === allData[value]
+        })],
+        "onClick": () => onLabelClick(allData)
+      }, [(0, import_vue.createVNode)("span", {
+        "class": [bem("label", "placeholder")]
+      }, null), (0, import_vue.createVNode)("span", {
+        "class": [bem("label--text")]
+      }, [(0, import_vue.createTextVNode)("\u5168\u90E8")])]), (_b = defaultTreeNode.value) == null ? void 0 : _b.map(renderSecondTree)]), (0, import_vue.createVNode)("section", {
+        "class": [bem("tree-right")]
+      }, [(0, import_vue.createVNode)("div", {
+        "class": [bem("title")]
+      }, [(_c = expandNode.value) == null ? void 0 : _c.text]), (0, import_vue.createVNode)("div", {
+        "class": [bem("content")]
+      }, [(_e = (_d = expandNode.value) == null ? void 0 : _d.children) == null ? void 0 : _e.map(renderItem)])])])]);
+    };
+  }
+});

package/lib/drawer-select/index.css

@@ -0,0 +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}

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

@@ -0,0 +1,53 @@
+export declare const DrawerSelect: import("../utils").WithInstall<import("vue").DefineComponent<{
+    treeData: {
+        type: import("vue").PropType<import("./types").DrawerSelectTreeNode[]>;
+        default: () => import("./types").DrawerSelectTreeNode[];
+    };
+    treeFieldName: import("vue").PropType<import("./types").DrawerSelectFieldNames>;
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    treeData: {
+        type: import("vue").PropType<import("./types").DrawerSelectTreeNode[]>;
+        default: () => import("./types").DrawerSelectTreeNode[];
+    };
+    treeFieldName: import("vue").PropType<import("./types").DrawerSelectFieldNames>;
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    expandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    placeholder: string;
+    treeData: import("./types").DrawerSelectTreeNode[];
+    expandAll: boolean;
+}, {}>>;
+export default DrawerSelect;
+export type { DrawerSelectProps } from './DrawerSelect';
+export type { DrawerSelectThemeVars, DrawerSelectTreeNode, FlatTreeNode, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtDrawerSelect: typeof DrawerSelect;
+    }
+}

package/lib/drawer-select/index.js

@@ -0,0 +1,37 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], 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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  DrawerSelect: () => DrawerSelect,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_DrawerSelect = __toESM(require("./DrawerSelect"));
+const DrawerSelect = (0, import_utils.withInstall)(import_DrawerSelect.default);
+var stdin_default = DrawerSelect;

package/lib/drawer-select/style/index.d.ts

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

package/lib/drawer-select/style/index.js

@@ -0,0 +1,15 @@
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../image/index.css");
+require("../../tag/index.css");
+require("../../overlay/index.css");
+require("../../popup/index.css");
+require("../../loading/index.css");
+require("../../button/index.css");
+require("../../dialog/index.css");
+require("../../picker/index.css");
+require("../../cell/index.css");
+require("../../field/index.css");
+require("../../search/index.css");
+require("../index.css");

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

@@ -0,0 +1,26 @@
+export type DrawerSelectTreeNode = {
+    text?: string;
+    value?: string | number;
+    children?: DrawerSelectTreeNode[];
+    [key: PropertyKey]: any;
+};
+export type FlatTreeNode = {
+    text?: string;
+    value?: string | number;
+    children?: FlatTreeNode[];
+    checked?: boolean;
+    expand?: boolean;
+    fullName?: string;
+    parent?: {
+        [key: PropertyKey]: any;
+    }[];
+    [key: PropertyKey]: any;
+};
+export type DrawerSelectFieldNames = {
+    text?: string;
+    value?: string;
+    children?: string;
+};
+export type DrawerSelectThemeVars = {
+    drawSelectBackground?: string;
+};

package/lib/drawer-select/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 = {};
+module.exports = __toCommonJS(stdin_exports);