zartui 3.0.6 → 3.0.8

package/es/dialog/Dialog.mjs

@@ -7,6 +7,7 @@ import { Button } from "../button/index.mjs";
 const [name, bem, t] = createNamespace("dialog");
 const dialogProps = extend({}, popupSharedProps, {
   title: String,
+  primaryHeader: Boolean,
   theme: String,
   width: numericProp,
   message: [String, Function],
@@ -84,12 +85,21 @@ var stdin_default = defineComponent({
     const renderTitle = () => {
       const title = slots.title ? slots.title() : props.title;
       if (title) {
-        return _createVNode("div", {
-          "class": bem("header", {
-            isolated: !props.message && !slots.default,
-            "custom-title": !!slots.title
-          })
-        }, [title]);
+        return (
+          // <div
+          //   class={bem(['header', props.titleType, {
+          //     isolated: !props.message && !slots.default,
+          //     'custom-title': !!slots.title,
+          //   }])}
+          // >
+          _createVNode("div", {
+            "class": bem("header", {
+              isolated: !props.message && !slots.default,
+              "custom-title": !!slots.title,
+              primary: props.primaryHeader
+            })
+          }, [title])
+        );
       }
     };
     const renderMessage = (hasTitle) => {
@@ -98,10 +108,15 @@ var stdin_default = defineComponent({
         allowHtml,
         messageAlign
       } = props;
-      const classNames = bem("message", {
-        "has-title": hasTitle,
+      const mods = {
         [messageAlign]: messageAlign
-      });
+      };
+      if (props.primaryHeader) {
+        mods["primary-header"] = props.primaryHeader;
+      } else if (hasTitle) {
+        mods["has-title"] = hasTitle;
+      }
+      const classNames = bem("message", mods);
       const content = isFunction(message) ? message() : message;
       if (allowHtml && typeof content === "string") {
         return _createVNode("div", {

package/es/dialog/index.css

@@ -1 +1 @@
-:root{--zt-dialog-width: 350px;--zt-dialog-max-width: 90%;--zt-dialog-font-size: var(--zt-font-size-lg);--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-line-height: 24px;--zt-dialog-header-padding-top: 24px;--zt-dialog-header-isolated-padding: var(--zt-padding-lg) 0;--zt-dialog-message-padding: var(--zt-padding-lg) var(--zt-padding-md);--zt-dialog-message-font-size: var(--zt-font-size-lg);--zt-dialog-message-line-height: var(--zt-line-height-md);--zt-dialog-message-max-height: 60vh;--zt-dialog-has-title-message-font-size: var(--zt-font-size-md);--zt-dialog-has-title-message-text-color: var(--zt-gray-a6);--zt-dialog-has-title-message-padding-top: var(--zt-padding-xs);--zt-dialog-confirm-button-text-color: var(--zt-white);--zt-dialog-cancel-button-background-color: var(--zt-white);--zt-dialog-cancel-button-border: 0}.zt-dialog{top:45%;width:var(--zt-dialog-width);max-width:var(--zt-dialog-max-width);overflow:hidden;font-size:var(--zt-dialog-font-size);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-dialog-header-line-height);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__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-dialog-message-font-size);line-height:var(--zt-dialog-message-line-height);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-dialog-has-title-message-font-size)}.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;border:var(--zt-dialog-cancel-button-border);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-border: .5px solid rgba(255, 255, 255, .2);--zt-dialog-cancel-button-background-color: rbga(255, 255, 255, .2)}
+:root{--zt-dialog-width: 350px;--zt-dialog-max-width: 90%;--zt-dialog-font-size: var(--zt-font-size-lg);--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-line-height: 24px;--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-font-size: var(--zt-font-size-lg);--zt-dialog-message-line-height: var(--zt-line-height-md);--zt-dialog-message-max-height: 60vh;--zt-dialog-has-title-message-font-size: var(--zt-font-size-md);--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-cancel-button-border: 0}.zt-dialog{top:45%;width:var(--zt-dialog-width);max-width:var(--zt-dialog-max-width);overflow:hidden;font-size:var(--zt-dialog-font-size);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-dialog-header-line-height);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-dialog-message-font-size);line-height:var(--zt-dialog-message-line-height);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-dialog-has-title-message-font-size)}.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;border-width:var(--zt-dialog-cancel-button-border);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-border: .5px solid rgba(255, 255, 255, .2);--zt-dialog-cancel-button-background-color: rbga(255, 255, 255, .2)}

package/es/dialog/index.d.ts

@@ -25,6 +25,7 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
     };
 } & {
     title: StringConstructor;
+    primaryHeader: BooleanConstructor;
     theme: import("vue").PropType<import("./types").DialogTheme>;
     width: (NumberConstructor | StringConstructor)[];
     message: import("vue").PropType<import("./types").DialogMessage>;
@@ -79,6 +80,7 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
     };
 } & {
     title: StringConstructor;
+    primaryHeader: BooleanConstructor;
     theme: import("vue").PropType<import("./types").DialogTheme>;
     width: (NumberConstructor | StringConstructor)[];
     message: import("vue").PropType<import("./types").DialogMessage>;
@@ -121,6 +123,7 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
     transition: string;
     closeOnPopstate: boolean;
     allowHtml: boolean;
+    primaryHeader: boolean;
     showCancelButton: boolean;
     cancelButtonDisabled: boolean;
     confirmButtonDisabled: boolean;

package/es/dialog/types.d.ts

@@ -6,6 +6,7 @@ export declare type DialogMessage = string | (() => JSX.Element);
 export declare type DialogMessageAlign = 'left' | 'center' | 'right' | 'justify';
 export declare type DialogOptions = {
     title?: string;
+    primaryHeader?: boolean;
     width?: Numeric;
     theme?: DialogTheme;
     message?: DialogMessage;

package/es/divider/index.css

@@ -1 +1 @@
-:root{--zt-divider-margin: var(--zt-padding-md) 0;--zt-divider-text-color: var(--zt-text-color-2);--zt-divider-font-size: var(--zt-font-size-md);--zt-divider-line-height: 24px;--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-divider-font-size);line-height:var(--zt-divider-line-height);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-font-size: var(--zt-font-size-md);--zt-divider-line-height: 24px;--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-divider-font-size);line-height:var(--zt-divider-line-height);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/es/dropdown-item/DropdownItem.mjs

@@ -1,4 +1,4 @@
-import { createTextVNode as _createTextVNode, withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
+import { mergeProps as _mergeProps, createTextVNode as _createTextVNode, withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
 import { reactive, Teleport, defineComponent } from "vue";
 import { truthProp, unknownProp, getZIndexStyle, createNamespace, makeArrayProp, HAPTICS_FEEDBACK } from "../utils/index.mjs";
 import { DROPDOWN_KEY } from "../dropdown-menu/DropdownMenu.mjs";
@@ -23,11 +23,13 @@ const dropdownItemProps = {
 };
 var stdin_default = defineComponent({
   name,
+  inheritAttrs: false,
   props: dropdownItemProps,
   emits: ["open", "opened", "close", "closed", "change", "update:modelValue", "reset", "confirm"],
   setup(props, {
     emit,
-    slots
+    slots,
+    attrs
   }) {
     const state = reactive({
       showPopup: false,
@@ -87,6 +89,7 @@ var stdin_default = defineComponent({
       state.showPopup = show;
       state.transition = !options.immediate;
       if (show) {
+        parent.updateOffset();
         state.showWrapper = true;
       }
     };
@@ -233,11 +236,11 @@ var stdin_default = defineComponent({
           buttonStyle.top = `176px`;
         }
       }
-      return _withDirectives(_createVNode("div", {
+      return _withDirectives(_createVNode("div", _mergeProps({
         "style": style,
         "class": bem([direction]),
         "onClick": onClickWrapper
-      }, [_createVNode(Popup, {
+      }, attrs), [_createVNode(Popup, {
         "show": state.showPopup,
         "onUpdate:show": ($event) => state.showPopup = $event,
         "role": "menu",

package/es/dropdown-menu/DropdownMenu.mjs

@@ -63,7 +63,6 @@ var stdin_default = defineComponent({
     const toggleItem = (active) => {
       children.forEach((item, index) => {
         if (index === active) {
-          updateOffset();
           item.toggle();
         } else if (item.state.showPopup) {
           item.toggle(false, {
@@ -113,7 +112,8 @@ var stdin_default = defineComponent({
     linkChildren({
       id,
       props,
-      offset
+      offset,
+      updateOffset
     });
     useClickAway(root, onClickAway);
     useEventListener("scroll", onScroll, {

package/es/dropdown-menu/types.d.ts

@@ -5,4 +5,5 @@ export declare type DropdownMenuProvide = {
     id: string;
     props: DropdownMenuProps;
     offset: Ref<number>;
+    updateOffset: () => void;
 };

package/es/empty/Images.mjs

@@ -86,7 +86,7 @@ const renderNotFound = () => _createVNode("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [_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), _createVNode("path", {
@@ -209,7 +209,7 @@ const renderServerError = () => _createVNode("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [_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), _createVNode("path", {
@@ -300,7 +300,7 @@ const renderAccessRestricted = () => _createVNode("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [_createVNode("path", {
-  "fill": "#E6F5FF",
+  "fill": "currentColor",
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), _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",
@@ -431,7 +431,7 @@ const renderDeveloping = () => _createVNode("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [_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), _createVNode("path", {
@@ -530,7 +530,7 @@ const renderNetworkError = () => _createVNode("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [_createVNode("path", {
-  "fill": "#E6F5FF",
+  "fill": "currentColor",
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), _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",
@@ -616,7 +616,7 @@ const renderEmptyResult = () => _createVNode("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [_createVNode("path", {
-  "fill": "#E6F5FF",
+  "fill": "currentColor",
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), _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",
@@ -702,7 +702,7 @@ const renderFindNull = () => _createVNode("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [_createVNode("path", {
-  "fill": "#E6F5FF",
+  "fill": "currentColor",
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), _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",
@@ -788,7 +788,7 @@ const renderEmptyInterface = () => _createVNode("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [_createVNode("path", {
-  "fill": "#E6F5FF",
+  "fill": "currentColor",
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), _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",
@@ -895,7 +895,7 @@ const renderReportSuccess = () => _createVNode("svg", {
   "fill": "none",
   "fill-rule": "evenodd"
 }, [_createVNode("path", {
-  "fill": "#E6F5FF",
+  "fill": "currentColor",
   "d": "M80 0A80 80 0 1 0 80 160A80 80 0 1 0 80 0Z"
 }, null), _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/es/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/es/field/Field.d.ts

@@ -130,6 +130,7 @@ declare const fieldProps: {
     labelAlign: PropType<FieldTextAlign>;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
+    descriptionClass: PropType<unknown>;
     description: {
         type: PropType<string>;
         default: string;
@@ -226,6 +227,7 @@ declare const _default: import("vue").DefineComponent<{
     labelAlign: PropType<FieldTextAlign>;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
+    descriptionClass: PropType<unknown>;
     description: {
         type: PropType<string>;
         default: string;
@@ -320,6 +322,7 @@ declare const _default: import("vue").DefineComponent<{
     labelAlign: PropType<FieldTextAlign>;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
+    descriptionClass: PropType<unknown>;
     description: {
         type: PropType<string>;
         default: string;

package/es/field/Field.mjs

@@ -51,6 +51,7 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
   labelAlign: String,
   showWordLimit: Boolean,
   errorMessageAlign: String,
+  descriptionClass: unknownProp,
   description: makeStringProp(""),
   colon: {
     type: Boolean,
@@ -388,7 +389,7 @@ var stdin_default = defineComponent({
         return;
       }
       return _createVNode("div", {
-        "class": bem("description")
+        "class": [bem("description"), props.descriptionClass]
       }, [props.description]);
     };
     const showMessage = computed(() => !(form && form.props.showErrorMessage === false) && (props.errorMessage || state.validateMessage));

package/es/field/index.d.ts

@@ -85,6 +85,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     labelAlign: import("vue").PropType<import("./types").FieldTextAlign>;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: import("vue").PropType<import("./types").FieldTextAlign>;
+    descriptionClass: import("vue").PropType<unknown>;
     description: {
         type: import("vue").PropType<string>;
         default: string;
@@ -179,6 +180,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     labelAlign: import("vue").PropType<import("./types").FieldTextAlign>;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: import("vue").PropType<import("./types").FieldTextAlign>;
+    descriptionClass: import("vue").PropType<unknown>;
     description: {
         type: import("vue").PropType<string>;
         default: string;

package/es/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/es/hierarchy-select/Breadcrumb.mjs

@@ -0,0 +1,56 @@
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { createNamespace, makeStringProp } from "../utils/index.mjs";
+import Icon from "../icon/index.mjs";
+const [name, bem] = createNamespace("breadcrumb");
+const BreadcrumbProps = {
+  data: {
+    type: Array,
+    default: () => []
+  },
+  valueKey: makeStringProp("id"),
+  textKey: makeStringProp("name"),
+  breadcrumbTitle: makeStringProp("\u5168\u90E8")
+};
+var stdin_default = defineComponent({
+  name,
+  props: BreadcrumbProps,
+  emits: ["chooseSenior"],
+  setup(props, {
+    emit
+  }) {
+    const chooseSenior = (index) => {
+      if (props.data.length === index + 1) {
+        return;
+      }
+      emit("chooseSenior", index);
+    };
+    return () => _createVNode("section", {
+      "class": bem()
+    }, [_createVNode("div", {
+      "class": bem("list")
+    }, [_createVNode("div", {
+      "class": bem("default"),
+      "onClick": () => {
+        chooseSenior(-1);
+      }
+    }, [props.breadcrumbTitle]), props.data.map((item, index) => _createVNode("div", {
+      "class": bem("item")
+    }, [_createVNode(Icon, {
+      "class": bem("icon"),
+      "name": "arrow-right",
+      "color": "#C6CED9"
+    }, null), _createVNode("span", {
+      "class": bem("name"),
+      "style": {
+        color: index === props.data.length - 1 ? "" : "#0091fa"
+      },
+      "onClick": () => {
+        chooseSenior(index);
+      }
+    }, [item[props.textKey]])]))])]);
+  }
+});
+export {
+  stdin_default as default
+};

package/es/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;