zartui 3.0.6 → 3.0.7

package/lib/empty/Images.js

@@ -116,7 +116,7 @@ const renderNotFound = () => (0, import_vue.createVNode)("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [(0, import_vue.createVNode)("path", {
-  "fill": "#E6F5FF",
+  "fill": "currentColor",
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z",
   "transform": "translate(20 20)"
 }, null), (0, import_vue.createVNode)("path", {
@@ -239,7 +239,7 @@ const renderServerError = () => (0, import_vue.createVNode)("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [(0, import_vue.createVNode)("path", {
-  "fill": "#E6F5FF",
+  "fill": "currentColor",
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z",
   "transform": "translate(20 20)"
 }, null), (0, import_vue.createVNode)("path", {
@@ -330,7 +330,7 @@ const renderAccessRestricted = () => (0, import_vue.createVNode)("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [(0, import_vue.createVNode)("path", {
-  "fill": "#E6F5FF",
+  "fill": "currentColor",
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), (0, import_vue.createVNode)("path", {
   "d": "M88,80 L114,80 C118.418278,80 122,83.581722 122,88 L122,107 C122,118.59798 112.59798,128 101,128 L88,128 C83.581722,128 80,124.418278 80,120 L80,88 C80,83.581722 83.581722,80 88,80 Z",
@@ -461,7 +461,7 @@ const renderDeveloping = () => (0, import_vue.createVNode)("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [(0, import_vue.createVNode)("path", {
-  "fill": "#E6F5FF",
+  "fill": "currentColor",
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z",
   "transform": "translate(20 20)"
 }, null), (0, import_vue.createVNode)("path", {
@@ -560,7 +560,7 @@ const renderNetworkError = () => (0, import_vue.createVNode)("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [(0, import_vue.createVNode)("path", {
-  "fill": "#E6F5FF",
+  "fill": "currentColor",
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), (0, import_vue.createVNode)("path", {
   "d": "M88,80 L114,80 C118.418278,80 122,83.581722 122,88 L122,107 C122,118.59798 112.59798,128 101,128 L88,128 C83.581722,128 80,124.418278 80,120 L80,88 C80,83.581722 83.581722,80 88,80 Z",
@@ -646,7 +646,7 @@ const renderEmptyResult = () => (0, import_vue.createVNode)("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [(0, import_vue.createVNode)("path", {
-  "fill": "#E6F5FF",
+  "fill": "currentColor",
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), (0, import_vue.createVNode)("path", {
   "d": "M88,80 L114,80 C118.418278,80 122,83.581722 122,88 L122,107 C122,118.59798 112.59798,128 101,128 L88,128 C83.581722,128 80,124.418278 80,120 L80,88 C80,83.581722 83.581722,80 88,80 Z",
@@ -732,7 +732,7 @@ const renderFindNull = () => (0, import_vue.createVNode)("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [(0, import_vue.createVNode)("path", {
-  "fill": "#E6F5FF",
+  "fill": "currentColor",
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), (0, import_vue.createVNode)("path", {
   "d": "M88,80 L114,80 C118.418278,80 122,83.581722 122,88 L122,107 C122,118.59798 112.59798,128 101,128 L88,128 C83.581722,128 80,124.418278 80,120 L80,88 C80,83.581722 83.581722,80 88,80 Z",
@@ -818,7 +818,7 @@ const renderEmptyInterface = () => (0, import_vue.createVNode)("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [(0, import_vue.createVNode)("path", {
-  "fill": "#E6F5FF",
+  "fill": "currentColor",
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), (0, import_vue.createVNode)("path", {
   "d": "M88,80 L114,80 C118.418278,80 122,83.581722 122,88 L122,107 C122,118.59798 112.59798,128 101,128 L88,128 C83.581722,128 80,124.418278 80,120 L80,88 C80,83.581722 83.581722,80 88,80 Z",
@@ -925,7 +925,7 @@ const renderReportSuccess = () => (0, import_vue.createVNode)("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [(0, import_vue.createVNode)("path", {
-  "fill": "#E6F5FF",
+  "fill": "currentColor",
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), (0, import_vue.createVNode)("path", {
   "d": "M88,80 L114,80 C118.418278,80 122,83.581722 122,88 L122,107 C122,118.59798 112.59798,128 101,128 L88,128 C83.581722,128 80,124.418278 80,120 L80,88 C80,83.581722 83.581722,80 88,80 Z",

package/lib/empty/index.css

@@ -1 +1 @@
-:root{--zt-empty-image-width: 200px;--zt-empty-image-height: 200px;--zt-empty-description-padding: 8px 64px 16px;--zt-empty-description-color: var(--zt-gray-a6);--zt-empty-description-font-size: var(--zt-font-size-md);--zt-empty-description-line-height: var(--zt-line-height-md);--zt-empty-bottom-margin-top: 32px}.zt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.zt-empty__image{width:var(--zt-empty-image-width);height:var(--zt-empty-image-height)}.zt-empty__image img{width:100%;height:100%}.zt-empty__description{text-align:center;padding:var(--zt-empty-description-padding);color:var(--zt-empty-description-color);font-size:var(--zt-empty-description-font-size);line-height:var(--zt-empty-description-line-height)}.zt-empty__bottom{margin-top:var(--zt-empty-bottom-margin-top);width:100%}
+:root{--zt-empty-image-width: 200px;--zt-empty-image-height: 200px;--zt-empty-image-background-color: #e6f5ff;--zt-empty-description-padding: 8px 64px 16px;--zt-empty-description-color: var(--zt-gray-a6);--zt-empty-description-font-size: var(--zt-font-size-md);--zt-empty-description-line-height: var(--zt-line-height-md);--zt-empty-bottom-margin-top: 32px}.zt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.zt-empty__image{width:var(--zt-empty-image-width);height:var(--zt-empty-image-height);color:var(--zt-empty-image-background-color)}.zt-empty__image img{width:100%;height:100%}.zt-empty__description{text-align:center;padding:var(--zt-empty-description-padding);color:var(--zt-empty-description-color);font-size:var(--zt-empty-description-font-size);line-height:var(--zt-empty-description-line-height)}.zt-empty__bottom{margin-top:var(--zt-empty-bottom-margin-top);width:100%}.zt-theme-dark{--zt-empty-image-background-color: #1e3347}

package/lib/empty/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

package/lib/field/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

package/lib/form/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

package/lib/grid/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

package/lib/grid-item/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

package/lib/hierarchy-select/Breadcrumb.d.ts

@@ -0,0 +1,43 @@
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    textKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    breadcrumbTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "chooseSenior"[], "chooseSenior", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    textKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    breadcrumbTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onChooseSenior?: ((...args: any[]) => any) | undefined;
+}, {
+    data: unknown[];
+    valueKey: string;
+    textKey: string;
+    breadcrumbTitle: string;
+}>;
+export default _default;

package/lib/hierarchy-select/Breadcrumb.js

@@ -0,0 +1,85 @@
+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_utils = require("../utils");
+var import_icon = __toESM(require("../icon"));
+const [name, bem] = (0, import_utils.createNamespace)("breadcrumb");
+const BreadcrumbProps = {
+  data: {
+    type: Array,
+    default: () => []
+  },
+  valueKey: (0, import_utils.makeStringProp)("id"),
+  textKey: (0, import_utils.makeStringProp)("name"),
+  breadcrumbTitle: (0, import_utils.makeStringProp)("\u5168\u90E8")
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: BreadcrumbProps,
+  emits: ["chooseSenior"],
+  setup(props, {
+    emit
+  }) {
+    const chooseSenior = (index) => {
+      if (props.data.length === index + 1) {
+        return;
+      }
+      emit("chooseSenior", index);
+    };
+    return () => (0, import_vue.createVNode)("section", {
+      "class": bem()
+    }, [(0, import_vue.createVNode)("div", {
+      "class": bem("list")
+    }, [(0, import_vue.createVNode)("div", {
+      "class": bem("default"),
+      "onClick": () => {
+        chooseSenior(-1);
+      }
+    }, [props.breadcrumbTitle]), props.data.map((item, index) => (0, import_vue.createVNode)("div", {
+      "class": bem("item")
+    }, [(0, import_vue.createVNode)(import_icon.default, {
+      "class": bem("icon"),
+      "name": "arrow-right",
+      "color": "#C6CED9"
+    }, null), (0, import_vue.createVNode)("span", {
+      "class": bem("name"),
+      "style": {
+        color: index === props.data.length - 1 ? "" : "#0091fa"
+      },
+      "onClick": () => {
+        chooseSenior(index);
+      }
+    }, [item[props.textKey]])]))])]);
+  }
+});

package/lib/hierarchy-select/HierarchySelect.d.ts

@@ -0,0 +1,104 @@
+import { ExtractPropTypes } from 'vue';
+declare const hierarchySelectProps: {
+    treeData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    disableParent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    asyncGetter: {
+        type: FunctionConstructor;
+    };
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    textKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    breadcrumbTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    autoChangeToChildren: BooleanConstructor;
+};
+export declare type HierarchySelectProps = ExtractPropTypes<typeof hierarchySelectProps>;
+declare const _default: import("vue").DefineComponent<{
+    treeData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    disableParent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    asyncGetter: {
+        type: FunctionConstructor;
+    };
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    textKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    breadcrumbTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    autoChangeToChildren: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "selected" | "asyncGetter")[], "selected" | "change" | "asyncGetter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    treeData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    disableParent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    asyncGetter: {
+        type: FunctionConstructor;
+    };
+    valueKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    textKey: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    breadcrumbTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    autoChangeToChildren: BooleanConstructor;
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onSelected?: ((...args: any[]) => any) | undefined;
+    onAsyncGetter?: ((...args: any[]) => any) | undefined;
+}, {
+    multiple: boolean;
+    valueKey: string;
+    textKey: string;
+    breadcrumbTitle: string;
+    treeData: unknown[];
+    disableParent: boolean;
+    autoChangeToChildren: boolean;
+}>;
+export default _default;

package/lib/hierarchy-select/HierarchySelect.js

@@ -0,0 +1,250 @@
+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_utils = require("../utils");
+var import_deep_clone = require("../utils/deep-clone");
+var import_SubIcon = require("./svg/SubIcon");
+var import_icon = __toESM(require("../icon"));
+var import_toast = require("../toast");
+var import_Breadcrumb = __toESM(require("./Breadcrumb"));
+const [name, bem] = (0, import_utils.createNamespace)("hierarchy-select");
+const hierarchySelectProps = {
+  treeData: {
+    type: Array,
+    default: () => []
+  },
+  disableParent: {
+    type: Boolean,
+    default: false
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  asyncGetter: {
+    type: Function
+  },
+  valueKey: (0, import_utils.makeStringProp)("id"),
+  textKey: (0, import_utils.makeStringProp)("name"),
+  breadcrumbTitle: (0, import_utils.makeStringProp)("\u5168\u90E8"),
+  autoChangeToChildren: Boolean
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: hierarchySelectProps,
+  emits: ["asyncGetter", "selected", "change"],
+  setup(props, {
+    emit
+  }) {
+    const checkedList = (0, import_vue2.ref)([]);
+    const choosedValue = (0, import_vue2.ref)();
+    const dataList = (0, import_vue2.ref)((0, import_deep_clone.deepClone)(props.treeData));
+    const breadcrumbData = (0, import_vue2.ref)([]);
+    const historyLayers = (0, import_vue2.ref)([]);
+    const isDisabled = (item) => {
+      if (!props.autoChangeToChildren && props.disableParent && item.children) {
+        return true;
+      }
+      if (props.asyncGetter && props.disableParent && item.children) {
+        return true;
+      }
+      if (!props.asyncGetter && props.disableParent && item.children && item.children.length) {
+        return true;
+      }
+    };
+    const uncheckedChildren = (array) => {
+      const unchecked = (list) => {
+        const len = checkedList.value.length;
+        for (let index = len - 1; index > -1; index--) {
+          list.forEach((v) => {
+            if (checkedList.value[index][props.valueKey] === v[props.valueKey]) {
+              checkedList.value.splice(index, 1);
+            }
+          });
+        }
+        list.forEach((v) => {
+          if (v && v.children && v.children.length) {
+            unchecked(v.children);
+          }
+        });
+      };
+      unchecked(array);
+    };
+    const multipleClicked = (item) => {
+      if (isDisabled(item)) {
+        return;
+      }
+      item = (0, import_deep_clone.deepClone)(item);
+      if (checkedList.value && checkedList.value.length) {
+        let existed = false;
+        checkedList.value.forEach((v, i) => {
+          if (item[props.valueKey] === v[props.valueKey]) {
+            existed = true;
+            checkedList.value.splice(i, 1);
+          }
+        });
+        if (!existed) {
+          if (item.children && item.children.length) {
+            uncheckedChildren(item.children);
+          }
+          delete item.children;
+          checkedList.value.push(item);
+        }
+      } else {
+        checkedList.value = [];
+        delete item.children;
+        checkedList.value.push(item);
+      }
+      emit("change", checkedList.value);
+    };
+    const selected = (item) => {
+      if (isDisabled(item) || item.disabled) {
+        return;
+      }
+      if (props.multiple) {
+        multipleClicked(item);
+        return;
+      }
+      choosedValue.value = item[props.valueKey];
+      emit("selected", item);
+    };
+    const getChecked = (item) => {
+      if (checkedList.value && checkedList.value.length && checkedList.value.map((v) => v[props.valueKey]).indexOf(item[props.valueKey]) > -1) {
+        return true;
+      }
+      return false;
+    };
+    const toNextLevel = (item, index) => {
+      if (item.disabled) {
+        return;
+      }
+      if (getChecked(item)) {
+        return;
+      }
+      if (item.children && item.children.length) {
+        breadcrumbData.value.push(item);
+        historyLayers.value.push(dataList.value);
+        dataList.value = item.children;
+      } else if (props.asyncGetter) {
+        props.asyncGetter(item).then((list) => {
+          if (!list || list.length === 0) {
+            (0, import_toast.showToast)("\u65E0\u4E0B\u7EA7\u6570\u636E");
+            dataList.value[index].children = props.autoChangeToChildren ? void 0 : [];
+            return;
+          }
+          historyLayers.value.push(dataList.value);
+          breadcrumbData.value.push(item);
+          dataList.value = list;
+        });
+      } else {
+        (0, import_toast.showToast)("\u65E0\u4E0B\u7EA7\u6570\u636E");
+      }
+      (0, import_vue2.nextTick)(() => {
+        var _a;
+        (_a = document.querySelector(".zt-breadcrumb__item:last-child")) == null ? void 0 : _a.scrollIntoViewIfNeeded();
+      });
+    };
+    const getMultipleDom = (item) => {
+      if (item.disabled || isDisabled(item)) {
+        return (0, import_vue.createVNode)("span", {
+          "class": bem("icon", {
+            disabled: true,
+            round: true
+          })
+        }, [(0, import_vue.createVNode)(import_icon.default, {
+          "name": "checkbox-select"
+        }, null)]);
+      }
+      return getChecked(item) ? (0, import_vue.createVNode)("span", {
+        "class": bem("icon", {
+          checked: true,
+          round: true
+        })
+      }, [(0, import_vue.createVNode)(import_icon.default, {
+        "name": "checkbox-select"
+      }, null)]) : (0, import_vue.createVNode)("span", {
+        "class": bem("icon", {
+          round: true
+        })
+      }, [(0, import_vue.createVNode)(import_icon.default, {
+        "name": "check-blank-r",
+        "class": bem("uncheck-icon")
+      }, null)]);
+    };
+    const showSub = (item) => {
+      var _a;
+      if (!props.autoChangeToChildren) {
+        return item && (item == null ? void 0 : item.children);
+      }
+      return props.asyncGetter && (item == null ? void 0 : item.children) || !props.asyncGetter && ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length);
+    };
+    const chooseSenior = (index) => {
+      breadcrumbData.value.splice(index + 1);
+      dataList.value = historyLayers.value[index + 1];
+      historyLayers.value.splice(index + 1);
+    };
+    return () => (0, import_vue.createVNode)("div", {
+      "class": bem()
+    }, [(0, import_vue.createVNode)(import_Breadcrumb.default, {
+      "data": breadcrumbData.value,
+      "valueKey": props.valueKey,
+      "textKey": props.textKey,
+      "onChooseSenior": chooseSenior,
+      "breadcrumbTitle": props.breadcrumbTitle
+    }, null), dataList.value.map((item, index) => (0, import_vue.createVNode)("div", {
+      "class": [bem("score-item"), isDisabled(item) ? bem("disable-parent") : "", item.disabled ? bem("disable") : ""]
+    }, [props.multiple && (0, import_vue.createVNode)("div", {
+      "class": bem("multiple-button"),
+      "onClick": () => {
+        multipleClicked(item);
+      }
+    }, [getMultipleDom(item)]), (0, import_vue.createVNode)("div", {
+      "class": bem("item-content", {
+        selected: !props.multiple && choosedValue.value === item[props.valueKey]
+      }),
+      "onClick": () => {
+        selected(item);
+      }
+    }, [item[props.textKey]]), (0, import_vue.createVNode)("div", {
+      "class": bem("item-nav"),
+      "onClick": () => {
+        toNextLevel(item, index);
+      }
+    }, [showSub(item) && (0, import_vue.createVNode)("div", {
+      "class": bem("sub-level", getChecked(item) ? "disable" : "")
+    }, [(0, import_vue.createVNode)("span", {
+      "class": bem("sub-icon")
+    }, [(0, import_SubIcon.SubIcon)()]), (0, import_vue.createVNode)("span", null, [(0, import_vue.createTextVNode)("\u4E0B\u7EA7")])])])]))]);
+  }
+});

package/lib/hierarchy-select/index.css

@@ -0,0 +1 @@
+:root{--zt-hierarchy-select-size: 16px;--zt-hierarchy-select-color: var(--zt-gray-5);--zt-hierarchy-select-duration: var(--zt-duration-fast);--zt-hierarchy-select-round-icon-border: 1px solid rgba(45, 75, 115, .13);--zt-hierarchy-select-round-icon-box-shadow: -1px -1px 2px 0 #ffffff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-hierarchy-select-round-icon-background: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%);--zt-hierarchy-select-checked-icon-color: var(--zt-primary-color);--zt-hierarchy-select-checked-icon-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .2);--zt-hierarchy-select-checked-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-hierarchy-select-disabled-icon-shadow: -1px -1px 2px 0 #fff, 0 0 3px 0 rgba(45, 75, 115, .2);--zt-hierarchy-select-disabled-icon-border: 1px solid rgba(255, 255, 255, .5);--zt-hierarchy-select-disabled-checked-icon-opacity: .4;--zt-hierarchy-select-disabled-icon-background: linear-gradient(134deg, #e1e6eb 0%, #e5edf5 100%)}.zt-hierarchy-select__score-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 0 10px var(--zt-padding-md);background-color:var(--zt-background-2)}.zt-hierarchy-select__score-item:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:var(--zt-padding-md);border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-hierarchy-select__item-content{flex:1;margin-right:var(--zt-padding-md);width:278px;font-size:var(--zt-font-size-md);font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:var(--zt-gray-default);line-height:24px;word-break:break-all}.zt-hierarchy-select__item-content--selected,.zt-hierarchy-select__item-content span{color:var(--zt-primary-color)}.zt-hierarchy-select__disable .zt-hierarchy-select__sub-level,.zt-hierarchy-select__disable-parent .zt-hierarchy-select__sub-level,.zt-hierarchy-select__disable .zt-hierarchy-select__item-content,.zt-hierarchy-select__disable-parent .zt-hierarchy-select__item-content{opacity:.4}.zt-hierarchy-select__item-nav{padding:0 16px;border-left:rgba(0,0,0,.1) 1px solid}.zt-hierarchy-select__sub-level{display:flex;align-items:center}.zt-hierarchy-select__sub-level span{color:var(--zt-primary-color)}.zt-hierarchy-select__sub-level--disable{opacity:.2}.zt-hierarchy-select__multiple-button{margin-right:8px;display:flex;justify-content:center;align-items:center}.zt-hierarchy-select__icon{font-size:0;font-size:var(--zt-hierarchy-select-size);cursor:pointer;box-sizing:border-box}.zt-hierarchy-select__icon .zt-icon{display:flex;justify-content:center;align-items:center;color:transparent;text-align:center;width:18px;height:18px;border:1px solid var(--zt-hierarchy-select-color);transition-duration:var(--zt-hierarchy-select-duration);transition-property:color,border-color,background-color}.zt-hierarchy-select__icon--round .zt-icon{border-radius:100%;border:var(--zt-hierarchy-select-round-icon-border);box-shadow:var(--zt-hierarchy-select-round-icon-box-shadow);background:var(--zt-hierarchy-select-round-icon-background)}.zt-hierarchy-select__icon--checked .zt-icon{color:var(--zt-white);background:var(--zt-hierarchy-select-checked-icon-color);box-shadow:var(--zt-hierarchy-select-checked-icon-shadow);border:var(--zt-hierarchy-select-checked-icon-border)}.zt-hierarchy-select__icon--disabled{cursor:not-allowed}.zt-hierarchy-select__icon--disabled .zt-icon{border:var(--zt-hierarchy-select-disabled-icon-border);box-shadow:var(--zt-hierarchy-select-disabled-icon-shadow);background:var(--zt-hierarchy-select-disabled-icon-background)}.zt-hierarchy-select__icon--disabled.zt-hierarchy-select__icon--checked .zt-icon{opacity:var(--zt-hierarchy-select-disabled-checked-icon-opacity);background:var(--zt-blue);color:var(--zt-white)}.zt-breadcrumb{padding:0 16px}.zt-breadcrumb__list{box-sizing:border-box;height:44px;display:flex;align-items:center;color:var(--zt-primary-color);width:100%;overflow-x:scroll}.zt-breadcrumb__list::-webkit-scrollbar{width:0;height:0}.zt-breadcrumb__default{display:flex;white-space:nowrap}.zt-breadcrumb__item{height:44px;display:flex;align-items:center;white-space:nowrap}.zt-breadcrumb__item:last-child{color:var(--zt-gray-default)}.zt-breadcrumb__icon{padding:0 4px}