zartui 3.1.12 → 3.1.14

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);

package/lib/dropdown-item/DropdownItem.d.ts

@@ -1,11 +1,13 @@
 import type { PropType, ExtractPropTypes } from 'vue';
 import type { DropdownItemOption } from './types';
+import { PickerFieldNames } from '../radio-picker/types';
 export declare const dropdownItemProps: {
     title: StringConstructor;
     options: {
         type: PropType<DropdownItemOption[]>;
         default: () => DropdownItemOption[];
     };
+    columnsFieldNames: PropType<PickerFieldNames>;
     disabled: BooleanConstructor;
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
     lazyRender: {
@@ -19,6 +21,7 @@ export declare const dropdownItemProps: {
     };
     titleClass: PropType<unknown>;
     multiSelect: BooleanConstructor;
+    itemLabel: StringConstructor;
 };
 export type DropdownItemProps = ExtractPropTypes<typeof dropdownItemProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -27,6 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<DropdownItemOption[]>;
         default: () => DropdownItemOption[];
     };
+    columnsFieldNames: PropType<PickerFieldNames>;
     disabled: BooleanConstructor;
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
     lazyRender: {
@@ -40,12 +44,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     titleClass: PropType<unknown>;
     multiSelect: BooleanConstructor;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "open" | "change" | "close" | "update:modelValue" | "opened" | "closed" | "confirm")[], "reset" | "open" | "change" | "close" | "update:modelValue" | "opened" | "closed" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    itemLabel: StringConstructor;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "open" | "update:modelValue" | "change" | "close" | "opened" | "closed" | "confirm")[], "reset" | "open" | "update:modelValue" | "change" | "close" | "opened" | "closed" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: PropType<DropdownItemOption[]>;
         default: () => DropdownItemOption[];
     };
+    columnsFieldNames: PropType<PickerFieldNames>;
     disabled: BooleanConstructor;
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
     lazyRender: {
@@ -59,6 +65,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     titleClass: PropType<unknown>;
     multiSelect: BooleanConstructor;
+    itemLabel: StringConstructor;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;