zartui 3.0.6 → 3.0.7

package/es/media-picker/watermark/image-processor.mjs

@@ -10,6 +10,7 @@ const DEFAULT_JPEG_QUALITY = 0.8;
 const MIN_JPEG_QUALITY = 0.1;
 const JPEG_QUALITY_STEP = 0.05;
 class ImageProcessor {
+  // 压缩图片的配置
   constructor(file, resizeOptions, watermarkOptions, compressOptions) {
     this.file = file;
     this.resizeOptions = resizeOptions;
@@ -38,12 +39,15 @@ class ImageProcessor {
       fileType = "image/png";
     }
     return file2Image(this.file).then(
-      (img) => resize(img, {
-        inputType: fileType,
-        orientation,
-        sideLengthLimit: this.resizeOptions.maxSideLength,
-        resultType: "canvas"
-      })
+      (img) => (
+        // 第一步 resize image
+        resize(img, {
+          inputType: fileType,
+          orientation,
+          sideLengthLimit: this.resizeOptions.maxSideLength,
+          resultType: "canvas"
+        })
+      )
     ).then((result) => {
       const canvas = result;
       return renderWatermark(canvas, this.watermarkOptions);

package/es/media-picker/watermark/resize-options.mjs

@@ -1,6 +1,7 @@
 import { isDef } from "../../utils/index.mjs";
 import { MAX_SIDE_LENGTH, MIN_SIDE_LENGTH } from "../util/media-util.mjs";
 class ResizeOptions {
+  // 最大边长
   constructor(maxSideLength) {
     if (!isDef(maxSideLength)) {
       this.maxSideLength = MAX_SIDE_LENGTH;

package/es/media-picker/watermark/watermark.mjs

@@ -194,6 +194,10 @@ function parseWatermarkStyle(styleString, canvasSize) {
   };
 }
 class TextScanner {
+  /**
+   * The content to scan
+   * @param text
+   */
   constructor(text) {
     this.text = text;
     this.cursor = 0;

package/es/multiple-picker/MultiplePicker.d.ts

@@ -35,7 +35,7 @@ declare const multiplePickerProps: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -84,7 +84,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -131,7 +131,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -159,7 +159,7 @@ declare const _default: import("vue").DefineComponent<{
     showToolbar: boolean;
     toolbarPosition: string;
     showPicker: boolean;
-    valueKey: string;
+    textKey: string;
     itemHeight: string | number;
     columnCounts: number;
     selectedIndex: number[];

package/es/multiple-picker/MultiplePicker.mjs

@@ -21,7 +21,7 @@ const multiplePickerProps = {
   showToolbar: truthProp,
   options: makeArrayProp(),
   toolbarPosition: makeStringProp("bottom"),
-  valueKey: makeStringProp("text"),
+  textKey: makeStringProp("text"),
   columnCounts: makeNumberProp(3),
   selectedIndex: makeArrayProp([])
 };
@@ -64,7 +64,7 @@ var stdin_default = defineComponent({
       indexes == null ? void 0 : indexes.forEach((index) => {
         if (index > -1 && index < props.options.length && props.options[index]) {
           result.push({
-            text: props.options[index].text,
+            [props.textKey]: props.options[index][props.textKey],
             value: props.options[index].value,
             initialIndex: index
           });
@@ -136,7 +136,7 @@ var stdin_default = defineComponent({
         "columnCounts": props.columnCounts,
         "initialOptions": formatOptions,
         "allowHtml": props.allowHtml,
-        "valueKey": props.valueKey,
+        "textKey": props.textKey,
         "readonly": props.readonly,
         "itemHeight": Number(itemPxHeight),
         "onChange": onChange

package/es/multiple-picker/MultiplePickerOptions.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 declare const multiplePickerOptionsProps: {
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -25,7 +25,7 @@ declare const multiplePickerOptionsProps: {
 };
 export declare type MultiplePickerOptionsProps = ExtractPropTypes<typeof multiplePickerOptionsProps>;
 declare const _default: import("vue").DefineComponent<{
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => number[];
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:currentIndexes")[], "change" | "update:currentIndexes", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     readonly: boolean;
     allowHtml: boolean;
-    valueKey: string;
+    textKey: string;
     itemHeight: number;
     columnCounts: number;
     initialOptions: object[];

package/es/multiple-picker/MultiplePickerOptions.mjs

@@ -4,7 +4,7 @@ import { createNamespace, isObject, makeArrayProp, makeNumberProp, makeStringPro
 import { useExpose } from "../composables/use-expose.mjs";
 const [name, bem] = createNamespace("multiple-picker-options");
 const multiplePickerOptionsProps = {
-  valueKey: makeStringProp(""),
+  textKey: makeStringProp(""),
   readonly: Boolean,
   allowHtml: Boolean,
   itemHeight: makeNumberProp(0),
@@ -44,8 +44,8 @@ var stdin_default = defineComponent({
       emit("change");
     };
     const getOptionText = (option) => {
-      if (isObject(option) && props.valueKey in option) {
-        return option[props.valueKey];
+      if (isObject(option) && props.textKey in option) {
+        return option[props.textKey];
       }
       return option;
     };

package/es/multiple-picker/index.d.ts

@@ -34,7 +34,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<string>;
         default: string;
     };
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -81,7 +81,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<string>;
         default: string;
     };
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -109,7 +109,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
     showToolbar: boolean;
     toolbarPosition: string;
     showPicker: boolean;
-    valueKey: string;
+    textKey: string;
     itemHeight: string | number;
     columnCounts: number;
     selectedIndex: number[];

package/es/notice-bar/index.css

@@ -1 +1 @@
-:root{--zt-notice-bar-height: 36px;--zt-notice-bar-padding: 0 var(--zt-padding-md);--zt-notice-bar-wrapable-padding: var(--zt-padding-xs) var(--zt-padding-md);--zt-notice-bar-text-color: var(--zt-orange-2);--zt-notice-bar-font-size: var(--zt-font-size-md);--zt-notice-bar-line-height: 36px;--zt-notice-bar-background: var(--zt-background-4);--zt-notice-bar-icon-size: 20px;--zt-notice-bar-icon-min-width: 20px;--zt-notice-bar-icon-height: 20px}.zt-notice-bar{position:relative;display:flex;align-items:center;height:var(--zt-notice-bar-height);padding:var(--zt-notice-bar-padding);color:var(--zt-notice-bar-text-color);font-size:var(--zt-notice-bar-font-size);line-height:var(--zt-notice-bar-line-height);background:var(--zt-notice-bar-background)}.zt-notice-bar__left-icon,.zt-notice-bar__right-icon{min-width:var(--zt-notice-bar-icon-min-width);font-size:var(--zt-notice-bar-icon-size);height:var(--zt-notice-bar-icon-height)}.zt-notice-bar__right-icon{text-align:right;cursor:pointer}.zt-notice-bar__left-icon-size,.zt-notice-bar__right-icon-size{width:var(--zt-notice-bar-icon-size);height:var(--zt-notice-bar-icon-size)}.zt-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.zt-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.zt-notice-bar__content.zt-ellipsis{max-width:100%}.zt-notice-bar--wrapable{height:auto;padding:var(--zt-notice-bar-wrapable-padding)}.zt-notice-bar--wrapable .zt-notice-bar__wrap{height:auto}.zt-notice-bar--wrapable .zt-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}
+:root{--zt-notice-bar-height: 36px;--zt-notice-bar-padding: 0 var(--zt-padding-md);--zt-notice-bar-wrapable-padding: var(--zt-padding-xs) var(--zt-padding-md);--zt-notice-bar-text-color: var(--zt-orange-2);--zt-notice-bar-font-size: var(--zt-font-size-md);--zt-notice-bar-line-height: 36px;--zt-notice-bar-background: var(--zt-background-4);--zt-notice-bar-icon-size: 20px;--zt-notice-bar-icon-min-width: 20px;--zt-notice-bar-icon-height: 20px}.zt-notice-bar{position:relative;display:flex;align-items:center;height:var(--zt-notice-bar-height);padding:var(--zt-notice-bar-padding);color:var(--zt-notice-bar-text-color);font-size:var(--zt-notice-bar-font-size);line-height:var(--zt-notice-bar-line-height);background:var(--zt-notice-bar-background)}.zt-notice-bar__left-icon,.zt-notice-bar__right-icon{min-width:var(--zt-notice-bar-icon-min-width);font-size:var(--zt-notice-bar-icon-size);height:var(--zt-notice-bar-icon-height)}.zt-notice-bar__right-icon{text-align:right;cursor:pointer}.zt-notice-bar__left-icon-size,.zt-notice-bar__right-icon-size{width:var(--zt-notice-bar-icon-size);height:var(--zt-notice-bar-icon-size)}.zt-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.zt-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.zt-notice-bar__content.zt-ellipsis{max-width:100%}.zt-notice-bar--wrapable{height:auto;padding:var(--zt-notice-bar-wrapable-padding)}.zt-notice-bar--wrapable .zt-notice-bar__wrap{height:auto}.zt-notice-bar--wrapable .zt-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}.zt-theme-dark{--zt-notice-bar-background: rgba(255, 245, 211, .1)}

package/es/picker/Picker.mjs

@@ -1,5 +1,5 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { ref, watch, computed, defineComponent } from "vue";
+import { ref, watch, computed, defineComponent, nextTick } from "vue";
 import { pick, extend, unitToPx, truthProp, HAPTICS_FEEDBACK, isSameValue, makeArrayProp, preventDefault, makeStringProp, makeNumericProp } from "../utils/index.mjs";
 import { bem, name, isOptionExist, getColumnsType, findOptionByValue, assignDefaultFields, formatCascadeColumns, getFirstEnabledOption } from "./utils.mjs";
 import { useChildren, useEventListener } from "@zartui/use";
@@ -94,9 +94,11 @@ var stdin_default = defineComponent({
           }
         });
       }
-      emit("change", extend({
-        columnIndex
-      }, getEventParams()));
+      nextTick(() => {
+        emit("change", extend({
+          columnIndex
+        }, getEventParams()));
+      });
     };
     const onClickOption = (currentOption, columnIndex) => emit("clickOption", extend({
       columnIndex,
@@ -194,6 +196,7 @@ var stdin_default = defineComponent({
     watch(() => props.modelValue, (newValues) => {
       if (!isSameValue(newValues, selectedValues.value) && !isSameValue(newValues, lastEmittedModelValue)) {
         selectedValues.value = newValues.slice(0);
+        lastEmittedModelValue = newValues.slice(0);
       }
     }, {
       deep: true

package/es/picker/PickerToolbar.mjs

@@ -5,6 +5,7 @@ import { createNamespace, HAPTICS_FEEDBACK } from "../utils/index.mjs";
 import { Button } from "../button/index.mjs";
 const [name] = createNamespace("picker-toolbar");
 const pickerToolbarProps = {
+  // title: String,
   cancelButtonText: String,
   confirmButtonText: String
 };

package/es/popover/Popover.d.ts

@@ -47,6 +47,10 @@ export declare const popoverProps: {
         type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
+    autoAdjustOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare type PopoverProps = ExtractPropTypes<typeof popoverProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -96,6 +100,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
+    autoAdjustOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     theme: {
@@ -143,6 +151,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
+    autoAdjustOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     onTouchstart?: ((...args: any[]) => any) | undefined;
@@ -160,5 +172,6 @@ declare const _default: import("vue").DefineComponent<{
     trigger: PopoverTrigger;
     showArrow: boolean;
     placement: PopoverPlacement;
+    autoAdjustOverflow: boolean;
 }>;
 export default _default;

package/es/popover/Popover.mjs

@@ -1,7 +1,28 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 import { mergeProps as _mergeProps, Fragment as _Fragment, createVNode as _createVNode } from "vue";
 import { ref, watch, nextTick, onMounted, watchEffect, onBeforeUnmount, defineComponent } from "vue";
+import { arrow, computePosition, flip, offset, autoUpdate, hide, shift, limitShift } from "@floating-ui/vue";
 import { createPopper, offsetModifier } from "@zartui/popperjs";
-import { pick, extend, truthProp, numericProp, unknownProp, BORDER_BOTTOM, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { pick, extend, inBrowser, truthProp, numericProp, unknownProp, BORDER_BOTTOM, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 import { useClickAway } from "@zartui/use";
 import { Icon } from "../icon/index.mjs";
 import { Popup } from "../popup/index.mjs";
@@ -29,6 +50,10 @@ const popoverProps = {
   teleport: {
     type: [String, Object],
     default: "body"
+  },
+  autoAdjustOverflow: {
+    type: Boolean,
+    default: false
   }
 };
 var stdin_default = defineComponent({
@@ -44,6 +69,7 @@ var stdin_default = defineComponent({
     const popupRef = ref();
     const wrapperRef = ref();
     const popoverRef = ref();
+    const arrowRef = ref();
     const getPopoverOptions = () => ({
       placement: props.placement,
       modifiers: [{
@@ -71,6 +97,10 @@ var stdin_default = defineComponent({
         }
         if (!popper) {
           popper = createPopperInstance();
+          if (inBrowser) {
+            window.addEventListener("animationend", updateLocation);
+            window.addEventListener("transitionend", updateLocation);
+          }
         } else {
           popper.setOptions(getPopoverOptions());
         }
@@ -139,15 +169,69 @@ var stdin_default = defineComponent({
         "onClick": () => onClickAction(action, index)
       }, [renderActionContent(action, index)]);
     };
+    function update() {
+      return __async(this, null, function* () {
+        var _a;
+        if (wrapperRef.value && popupRef.value && arrowRef.value) {
+          const {
+            x,
+            y,
+            placement: realPlacement,
+            middlewareData
+          } = yield computePosition(wrapperRef.value, popupRef.value, {
+            placement: props.placement,
+            middleware: [offset(8), shift({
+              padding: 4,
+              crossAxis: false,
+              limiter: limitShift()
+            }), flip(), hide(), arrow({
+              element: arrowRef.value,
+              padding: 6
+            })]
+          });
+          Object.assign(popupRef.value.style, {
+            left: `${x}px`,
+            top: `${y}px`
+          });
+          popupRef.value.setAttribute("data-popper-placement", realPlacement);
+          const side = realPlacement.split("-")[0];
+          const arrowSide = {
+            top: "bottom",
+            right: "left",
+            bottom: "top",
+            left: "right"
+          }[side];
+          const {
+            x: arrowX,
+            y: arrowY
+          } = (_a = middlewareData.arrow) != null ? _a : {};
+          Object.assign(arrowRef.value.style, {
+            left: arrowX != null ? `${arrowX}px` : "",
+            top: arrowY != null ? `${arrowY}px` : "",
+            margin: 0,
+            [arrowSide]: "calc(var(--zt-popover-arrow-size) * -1)"
+          });
+        }
+      });
+    }
     onMounted(() => {
       updateLocation();
       watchEffect(() => {
         var _a;
         popupRef.value = (_a = popoverRef.value) == null ? void 0 : _a.popupRef.value;
+        if (wrapperRef.value && popupRef.value && props.autoAdjustOverflow) {
+          autoUpdate(wrapperRef.value, popupRef.value, update, {
+            elementResize: typeof ResizeObserver !== "undefined"
+          });
+        }
       });
     });
     onBeforeUnmount(() => {
       if (popper) {
+        if (inBrowser) {
+          window.removeEventListener("animationend", updateLocation);
+          window.removeEventListener("transitionend", updateLocation);
+        }
         popper.destroy();
         popper = null;
       }
@@ -164,14 +248,17 @@ var stdin_default = defineComponent({
         "onClick": onClickWrapper
       }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), _createVNode(Popup, _mergeProps({
         "ref": popoverRef,
-        "class": bem([props.theme]),
+        "class": bem([props.theme, props.show ? "show" : "hidden"]),
         "position": "",
         "transition": "zt-popover-zoom",
         "lockScroll": false,
         "onUpdate:show": updateShow
-      }, attrs, pick(props, popupProps)), {
+      }, attrs, pick(props, popupProps), {
+        "show": true
+      }), {
         default: () => [props.showArrow && _createVNode("div", {
-          "class": bem("arrow")
+          "class": bem("arrow"),
+          "ref": arrowRef
         }, null), _createVNode("div", {
           "role": "menu",
           "class": bem("content")

package/es/popover/index.css

@@ -1 +1 @@
-:root{--zt-popover-arrow-size: 6px;--zt-popover-radius: var(--zt-radius-lg);--zt-popover-action-width: 120px;--zt-popover-action-height: 40px;--zt-popover-action-font-size: var(--zt-font-size-md);--zt-popover-action-line-height: var(--zt-line-height-md);--zt-popover-action-icon-size: 20px;--zt-popover-light-text-color: var(--zt-text-color);--zt-popover-light-background: var(--zt-background-2);--zt-popover-light-action-disabled-text-color: var(--zt-text-color-3);--zt-popover-dark-text-color: var(--zt-white);--zt-popover-dark-background: #4a4a4a;--zt-popover-dark-action-disabled-text-color: var(--zt-text-color-2)}.zt-popover{position:absolute;overflow:visible;background-color:transparent;transition:opacity .15s,transform .15s}.zt-popover__wrapper{display:inline-block}.zt-popover__arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:var(--zt-popover-arrow-size)}.zt-popover__content{overflow:hidden;border-radius:var(--zt-popover-radius)}.zt-popover__action{position:relative;display:flex;align-items:center;box-sizing:border-box;width:var(--zt-popover-action-width);height:var(--zt-popover-action-height);padding:0 var(--zt-padding-md);font-size:var(--zt-popover-action-font-size);line-height:var(--zt-line-height-md);cursor:pointer}.zt-popover__action:last-child .zt-popover__action-text:after{display:none}.zt-popover__action-text{display:flex;flex:1;align-items:center;justify-content:center;height:100%}.zt-popover__action-icon{margin-right:var(--zt-padding-xs);font-size:var(--zt-popover-action-icon-size)}.zt-popover__action--with-icon .zt-popover__action-text{justify-content:flex-start}.zt-popover[data-popper-placement^=top] .zt-popover__arrow{bottom:0;border-top-color:currentColor;border-bottom-width:0;transform:translate(-50%);margin-bottom:calc(var(--zt-popover-arrow-size) * -1)}.zt-popover[data-popper-placement=top]{transform-origin:50% 100%}.zt-popover[data-popper-placement=top] .zt-popover__arrow{left:50%}.zt-popover[data-popper-placement=top-start]{transform-origin:0 100%}.zt-popover[data-popper-placement=top-start] .zt-popover__arrow{left:var(--zt-padding-md)}.zt-popover[data-popper-placement=top-end]{transform-origin:100% 100%}.zt-popover[data-popper-placement=top-end] .zt-popover__arrow{right:var(--zt-padding-md)}.zt-popover[data-popper-placement^=left] .zt-popover__arrow{right:0;border-right-width:0;border-left-color:currentColor;transform:translateY(-50%);margin-right:calc(var(--zt-popover-arrow-size) * -1)}.zt-popover[data-popper-placement=left]{transform-origin:100% 50%}.zt-popover[data-popper-placement=left] .zt-popover__arrow{top:50%}.zt-popover[data-popper-placement=left-start]{transform-origin:100% 0}.zt-popover[data-popper-placement=left-start] .zt-popover__arrow{top:var(--zt-padding-md)}.zt-popover[data-popper-placement=left-end]{transform-origin:100% 100%}.zt-popover[data-popper-placement=left-end] .zt-popover__arrow{bottom:var(--zt-padding-md)}.zt-popover[data-popper-placement^=right] .zt-popover__arrow{left:0;border-right-color:currentColor;border-left-width:0;transform:translateY(-50%);margin-left:calc(var(--zt-popover-arrow-size) * -1)}.zt-popover[data-popper-placement=right]{transform-origin:0 50%}.zt-popover[data-popper-placement=right] .zt-popover__arrow{top:50%}.zt-popover[data-popper-placement=right-start]{transform-origin:0 0}.zt-popover[data-popper-placement=right-start] .zt-popover__arrow{top:var(--zt-padding-md)}.zt-popover[data-popper-placement=right-end]{transform-origin:0 100%}.zt-popover[data-popper-placement=right-end] .zt-popover__arrow{bottom:var(--zt-padding-md)}.zt-popover[data-popper-placement^=bottom] .zt-popover__arrow{top:0;border-top-width:0;border-bottom-color:currentColor;transform:translate(-50%);margin-top:calc(var(--zt-popover-arrow-size) * -1)}.zt-popover[data-popper-placement=bottom]{transform-origin:50% 0}.zt-popover[data-popper-placement=bottom] .zt-popover__arrow{left:50%}.zt-popover[data-popper-placement=bottom-start]{transform-origin:0 0}.zt-popover[data-popper-placement=bottom-start] .zt-popover__arrow{left:var(--zt-padding-md)}.zt-popover[data-popper-placement=bottom-end]{transform-origin:100% 0}.zt-popover[data-popper-placement=bottom-end] .zt-popover__arrow{right:var(--zt-padding-md)}.zt-popover--light{color:var(--zt-popover-light-text-color)}.zt-popover--light .zt-popover__content{background:var(--zt-popover-light-background);box-shadow:0 2px 12px rgba(50,50,51,.12)}.zt-popover--light .zt-popover__arrow{color:var(--zt-popover-light-background)}.zt-popover--light .zt-popover__action:active{background-color:var(--zt-active-color)}.zt-popover--light .zt-popover__action--selected{color:var(--zt-blue);cursor:not-allowed}.zt-popover--light .zt-popover__action--selected:active{background-color:transparent}.zt-popover--light .zt-popover__action--disabled{color:var(--zt-popover-light-action-disabled-text-color);cursor:not-allowed}.zt-popover--light .zt-popover__action--disabled:active{background-color:transparent}.zt-popover--dark{color:var(--zt-popover-dark-text-color)}.zt-popover--dark .zt-popover__content{background:var(--zt-popover-dark-background)}.zt-popover--dark .zt-popover__arrow{color:var(--zt-popover-dark-background)}.zt-popover--dark .zt-popover__action:active{background-color:rgba(0,0,0,.2)}.zt-popover--dark .zt-popover__action--disabled{color:var(--zt-popover-dark-action-disabled-text-color)}.zt-popover--dark .zt-popover__action--disabled:active{background-color:transparent}.zt-popover--dark .zt-popover__action-text:after{border-color:var(--zt-gray-7)}.zt-popover-zoom-enter-from,.zt-popover-zoom-leave-active{transform:scale(.8);opacity:0}.zt-popover-zoom-enter-active{transition-timing-function:var(--zt-ease-out)}.zt-popover-zoom-leave-active{transition-timing-function:var(--zt-ease-in)}
+:root{--zt-popover-arrow-size: 6px;--zt-popover-radius: var(--zt-radius-lg);--zt-popover-action-width: 120px;--zt-popover-action-height: 40px;--zt-popover-action-font-size: var(--zt-font-size-md);--zt-popover-action-line-height: var(--zt-line-height-md);--zt-popover-action-icon-size: 20px;--zt-popover-light-text-color: var(--zt-text-color);--zt-popover-light-background: var(--zt-background-2);--zt-popover-light-action-disabled-text-color: var(--zt-text-color-3);--zt-popover-dark-text-color: var(--zt-white);--zt-popover-dark-background: #4a4a4a;--zt-popover-dark-action-disabled-text-color: var(--zt-text-color-2)}.zt-popover{position:absolute;overflow:visible;background-color:transparent;transition:opacity .15s,transform .15s}.zt-popover__wrapper{display:inline-block}.zt-popover__arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:var(--zt-popover-arrow-size)}.zt-popover__content{overflow:hidden;border-radius:var(--zt-popover-radius)}.zt-popover__action{position:relative;display:flex;align-items:center;box-sizing:border-box;width:var(--zt-popover-action-width);height:var(--zt-popover-action-height);padding:0 var(--zt-padding-md);font-size:var(--zt-popover-action-font-size);line-height:var(--zt-line-height-md);cursor:pointer}.zt-popover__action:last-child .zt-popover__action-text:after{display:none}.zt-popover__action-text{display:flex;flex:1;align-items:center;justify-content:center;height:100%}.zt-popover__action-icon{margin-right:var(--zt-padding-xs);font-size:var(--zt-popover-action-icon-size)}.zt-popover__action--with-icon .zt-popover__action-text{justify-content:flex-start}.zt-popover[data-popper-placement^=top] .zt-popover__arrow{bottom:0;border-top-color:currentColor;border-bottom-width:0;margin-bottom:calc(var(--zt-popover-arrow-size) * -1)}.zt-popover[data-popper-placement=top]{transform-origin:50% 100%}.zt-popover[data-popper-placement=top] .zt-popover__arrow{left:50%;transform:translate(-50%)}.zt-popover[data-popper-placement=top-start]{transform-origin:0 100%}.zt-popover[data-popper-placement=top-start] .zt-popover__arrow{left:var(--zt-padding-md)}.zt-popover[data-popper-placement=top-end]{transform-origin:100% 100%}.zt-popover[data-popper-placement=top-end] .zt-popover__arrow{right:var(--zt-padding-md)}.zt-popover[data-popper-placement^=left] .zt-popover__arrow{right:0;border-right-width:0;border-left-color:currentColor;transform:translateY(-50%);margin-right:calc(var(--zt-popover-arrow-size) * -1)}.zt-popover[data-popper-placement=left]{transform-origin:100% 50%}.zt-popover[data-popper-placement=left] .zt-popover__arrow{top:50%}.zt-popover[data-popper-placement=left-start]{transform-origin:100% 0}.zt-popover[data-popper-placement=left-start] .zt-popover__arrow{top:var(--zt-padding-md)}.zt-popover[data-popper-placement=left-end]{transform-origin:100% 100%}.zt-popover[data-popper-placement=left-end] .zt-popover__arrow{bottom:var(--zt-padding-md)}.zt-popover[data-popper-placement^=right] .zt-popover__arrow{left:0;border-right-color:currentColor;border-left-width:0;transform:translateY(-50%);margin-left:calc(var(--zt-popover-arrow-size) * -1)}.zt-popover[data-popper-placement=right]{transform-origin:0 50%}.zt-popover[data-popper-placement=right] .zt-popover__arrow{top:50%}.zt-popover[data-popper-placement=right-start]{transform-origin:0 0}.zt-popover[data-popper-placement=right-start] .zt-popover__arrow{top:var(--zt-padding-md)}.zt-popover[data-popper-placement=right-end]{transform-origin:0 100%}.zt-popover[data-popper-placement=right-end] .zt-popover__arrow{bottom:var(--zt-padding-md)}.zt-popover[data-popper-placement^=bottom] .zt-popover__arrow{top:0;border-top-width:0;border-bottom-color:currentColor;transform:translate(-50%);margin-top:calc(var(--zt-popover-arrow-size) * -1)}.zt-popover[data-popper-placement=bottom]{transform-origin:50% 0}.zt-popover[data-popper-placement=bottom] .zt-popover__arrow{left:50%}.zt-popover[data-popper-placement=bottom-start]{transform-origin:0 0}.zt-popover[data-popper-placement=bottom-start] .zt-popover__arrow{left:var(--zt-padding-md)}.zt-popover[data-popper-placement=bottom-end]{transform-origin:100% 0}.zt-popover[data-popper-placement=bottom-end] .zt-popover__arrow{right:var(--zt-padding-md)}.zt-popover--light{display:none;color:var(--zt-popover-light-text-color)}.zt-popover--light .zt-popover__content{background:var(--zt-popover-light-background);box-shadow:0 2px 12px rgba(50,50,51,.12)}.zt-popover--light .zt-popover__arrow{color:var(--zt-popover-light-background)}.zt-popover--light .zt-popover__action:active{background-color:var(--zt-active-color)}.zt-popover--light .zt-popover__action--selected{color:var(--zt-blue);cursor:not-allowed}.zt-popover--light .zt-popover__action--selected:active{background-color:transparent}.zt-popover--light .zt-popover__action--disabled{color:var(--zt-popover-light-action-disabled-text-color);cursor:not-allowed}.zt-popover--light .zt-popover__action--disabled:active{background-color:transparent}.zt-popover--dark{display:none;color:var(--zt-popover-dark-text-color)}.zt-popover--dark .zt-popover__content{background:var(--zt-popover-dark-background)}.zt-popover--dark .zt-popover__arrow{color:var(--zt-popover-dark-background)}.zt-popover--dark .zt-popover__action:active{background-color:rgba(0,0,0,.2)}.zt-popover--dark .zt-popover__action--disabled{color:var(--zt-popover-dark-action-disabled-text-color)}.zt-popover--dark .zt-popover__action--disabled:active{background-color:transparent}.zt-popover--dark .zt-popover__action-text:after{border-color:var(--zt-gray-7)}.zt-popover--show{display:block}.zt-popover--hidden{display:none}.zt-popover-zoom-enter-from,.zt-popover-zoom-leave-active{transform:scale(.8);opacity:0}.zt-popover-zoom-enter-active{transition-timing-function:var(--zt-ease-out)}.zt-popover-zoom-leave-active{transition-timing-function:var(--zt-ease-in)}

package/es/popover/index.d.ts

@@ -45,6 +45,10 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
         type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
+    autoAdjustOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "touchstart" | "update:show")[], "select" | "touchstart" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     theme: {
@@ -92,6 +96,10 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
         type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
     };
+    autoAdjustOverflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
     onTouchstart?: ((...args: any[]) => any) | undefined;
@@ -109,6 +117,7 @@ export declare const Popover: import("../utils").WithInstall<import("vue").Defin
     trigger: import("./types").PopoverTrigger;
     showArrow: boolean;
     placement: import("./types").PopoverPlacement;
+    autoAdjustOverflow: boolean;
 }>>;
 export default Popover;
 export { popoverProps } from './Popover';

package/es/popup/Popup.mjs

@@ -21,6 +21,7 @@ const popupProps = extend({}, popupSharedProps, {
   safeAreaInsetTop: Boolean,
   safeAreaInsetBottom: Boolean,
   sliderContentHeight: makeNumberProp(60),
+  // 控制滑动区域的高度,滑动区域最小高
   minDragHeight: makeStringProp("40px"),
   maxDragHeight: makeStringProp("85vh"),
   slideable: Boolean

package/es/popup/index.css

@@ -1 +1 @@
-:root{--zt-popup-background: var(--zt-background-2);--zt-popup-transition: transform var(--zt-duration-base);--zt-popup-round-radius: 16px;--zt-popup-close-icon-size: 22px;--zt-popup-close-icon-color: var(--zt-gray-5);--zt-popup-close-icon-margin: 16px;--zt-popup-close-icon-z-index: 1}.zt-overflow-hidden{overflow:hidden!important}.zt-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--zt-popup-background);transition:var(--zt-popup-transition);-webkit-overflow-scrolling:touch}.zt-popup__slider{position:fixed;width:100%;bottom:0;border-radius:16px 16px 0 0;background-color:var(--zt-popup-background)}.zt-popup__slider-title{height:40px;text-align:center}.zt-popup__slider-bar{display:inline-block;width:32px;height:4px;transform:scaleY(-1);background:rgba(45,75,115,.2);border-radius:3px}.zt-popup__slider-content{overflow-y:auto}.zt-popup--center{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.zt-popup--center.zt-popup--round{border-radius:var(--zt-popup-round-radius)}.zt-popup--top{top:0;left:0;width:100%}.zt-popup--top.zt-popup--round{border-radius:0 0 var(--zt-popup-round-radius) var(--zt-popup-round-radius)}.zt-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.zt-popup--right.zt-popup--round{border-radius:var(--zt-popup-round-radius) 0 0 var(--zt-popup-round-radius)}.zt-popup--bottom{bottom:0;left:0;width:100%}.zt-popup--bottom.zt-popup--round{border-radius:var(--zt-popup-round-radius) var(--zt-popup-round-radius) 0 0}.zt-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.zt-popup--left.zt-popup--round{border-radius:0 var(--zt-popup-round-radius) var(--zt-popup-round-radius) 0}.zt-popup-slide-top-enter-active,.zt-popup-slide-left-enter-active,.zt-popup-slide-right-enter-active,.zt-popup-slide-bottom-enter-active{transition-timing-function:var(--zt-ease-out)}.zt-popup-slide-top-leave-active,.zt-popup-slide-left-leave-active,.zt-popup-slide-right-leave-active,.zt-popup-slide-bottom-leave-active{transition-timing-function:var(--zt-ease-in)}.zt-popup-slide-top-enter-from,.zt-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.zt-popup-slide-right-enter-from,.zt-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.zt-popup-slide-bottom-enter-from,.zt-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.zt-popup-slide-left-enter-from,.zt-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.zt-popup__slider-icon{z-index:var(--zt-popup-close-icon-z-index);color:var(--zt-popup-close-icon-color);font-size:var(--zt-popup-close-icon-size);cursor:pointer}.zt-popup__close-icon{position:absolute;z-index:var(--zt-popup-close-icon-z-index);color:var(--zt-popup-close-icon-color);font-size:var(--zt-popup-close-icon-size)}.zt-popup__close-icon--top-left{top:var(--zt-popup-close-icon-margin);left:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--top-right{top:var(--zt-popup-close-icon-margin);right:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--bottom-left{bottom:var(--zt-popup-close-icon-margin);left:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--bottom-right{right:var(--zt-popup-close-icon-margin);bottom:var(--zt-popup-close-icon-margin)}
+:root{--zt-popup-background: var(--zt-background-2);--zt-popup-transition: transform var(--zt-duration-base);--zt-popup-round-radius: 16px;--zt-popup-close-icon-size: 22px;--zt-popup-close-icon-color: var(--zt-gray-5);--zt-popup-close-icon-margin: 16px;--zt-popup-close-icon-z-index: 1}.zt-overflow-hidden{overflow:hidden!important}.zt-popup{position:fixed;max-height:100%;overflow-y:auto;background:var(--zt-popup-background);transition:var(--zt-popup-transition);-webkit-overflow-scrolling:touch}.zt-popup__slider{position:fixed;width:100%;bottom:0;left:0;border-radius:16px 16px 0 0;background-color:var(--zt-popup-background)}.zt-popup__slider-title{height:40px;text-align:center}.zt-popup__slider-bar{display:inline-block;width:32px;height:4px;transform:scaleY(-1);background:rgba(45,75,115,.2);border-radius:3px}.zt-popup__slider-content{overflow-y:auto}.zt-popup--center{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.zt-popup--center.zt-popup--round{border-radius:var(--zt-popup-round-radius)}.zt-popup--top{top:0;left:0;width:100%}.zt-popup--top.zt-popup--round{border-radius:0 0 var(--zt-popup-round-radius) var(--zt-popup-round-radius)}.zt-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.zt-popup--right.zt-popup--round{border-radius:var(--zt-popup-round-radius) 0 0 var(--zt-popup-round-radius)}.zt-popup--bottom{bottom:0;left:0;width:100%}.zt-popup--bottom.zt-popup--round{border-radius:var(--zt-popup-round-radius) var(--zt-popup-round-radius) 0 0}.zt-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.zt-popup--left.zt-popup--round{border-radius:0 var(--zt-popup-round-radius) var(--zt-popup-round-radius) 0}.zt-popup-slide-top-enter-active,.zt-popup-slide-left-enter-active,.zt-popup-slide-right-enter-active,.zt-popup-slide-bottom-enter-active{transition-timing-function:var(--zt-ease-out)}.zt-popup-slide-top-leave-active,.zt-popup-slide-left-leave-active,.zt-popup-slide-right-leave-active,.zt-popup-slide-bottom-leave-active{transition-timing-function:var(--zt-ease-in)}.zt-popup-slide-top-enter-from,.zt-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.zt-popup-slide-right-enter-from,.zt-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.zt-popup-slide-bottom-enter-from,.zt-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.zt-popup-slide-left-enter-from,.zt-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.zt-popup__slider-icon{z-index:var(--zt-popup-close-icon-z-index);color:var(--zt-popup-close-icon-color);font-size:var(--zt-popup-close-icon-size);cursor:pointer}.zt-popup__close-icon{position:absolute;z-index:var(--zt-popup-close-icon-z-index);color:var(--zt-popup-close-icon-color);font-size:var(--zt-popup-close-icon-size)}.zt-popup__close-icon--top-left{top:var(--zt-popup-close-icon-margin);left:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--top-right{top:var(--zt-popup-close-icon-margin);right:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--bottom-left{bottom:var(--zt-popup-close-icon-margin);left:var(--zt-popup-close-icon-margin)}.zt-popup__close-icon--bottom-right{right:var(--zt-popup-close-icon-margin);bottom:var(--zt-popup-close-icon-margin)}

package/es/popup/shared.mjs

@@ -1,16 +1,28 @@
 import { truthProp, unknownProp, numericProp } from "../utils/index.mjs";
 const popupSharedProps = {
+  // whether to show popup
   show: Boolean,
+  // z-index
   zIndex: numericProp,
+  // whether to show overlay
   overlay: truthProp,
+  // transition duration
   duration: numericProp,
+  // teleport
   teleport: [String, Object],
+  // prevent body scroll
   lockScroll: truthProp,
+  // whether to lazy render
   lazyRender: truthProp,
+  // callback function before close
   beforeClose: Function,
+  // overlay custom style
   overlayStyle: Object,
+  // overlay custom class name
   overlayClass: unknownProp,
+  // Initial rendering animation
   transitionAppear: Boolean,
+  // whether to close popup when overlay is clicked
   closeOnClickOverlay: truthProp
 };
 const popupSharedPropKeys = Object.keys(

package/es/radio/Radio.d.ts

@@ -30,8 +30,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     shape: CheckerShape;
+    disabled: boolean;
     labelDisabled: boolean;
 }>;
 export default _default;

package/es/radio/index.d.ts

@@ -25,8 +25,8 @@ export declare const Radio: import("../utils").WithInstall<import("vue").DefineC
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     shape: import("../checkbox/Checker").CheckerShape;
+    disabled: boolean;
     labelDisabled: boolean;
 }>>;
 export default Radio;

package/es/rate/index.css

@@ -1 +1 @@
-:root{--zt-rate-icon-size: 20px;--zt-rate-icon-gutter: var(--zt-padding-base);--zt-rate-icon-void-color: var(--zt-gray-5);--zt-rate-icon-full-color: var(--zt-yellow);--zt-rate-icon-disabled-color: var(--zt-gray-5)}.zt-rate{cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;display:inline-flex;align-items:center}.zt-rate__item{position:relative}.zt-rate__item:not(:last-child){padding-right:var(--zt-rate-icon-gutter)}.zt-rate__icon{display:block;width:1em;color:var(--zt-rate-icon-void-color);font-size:var(--zt-rate-icon-size)}.zt-rate__icon--half{position:absolute;top:0;left:0;overflow:hidden}.zt-rate__icon--full{color:var(--zt-rate-icon-full-color)}.zt-rate__icon--disabled{color:var(--zt-rate-icon-disabled-color)}.zt-rate--disabled{cursor:not-allowed}.zt-rate--readonly{cursor:default}
+:root{--zt-rate-icon-size: 20px;--zt-rate-icon-gutter: var(--zt-padding-base);--zt-rate-icon-void-color: rgba(0, 0, 0, .2);--zt-rate-icon-full-color: var(--zt-yellow);--zt-rate-icon-disabled-color: var(--zt-gray-5)}.zt-rate{cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;display:inline-flex;align-items:center}.zt-rate__item{position:relative}.zt-rate__item:not(:last-child){padding-right:var(--zt-rate-icon-gutter)}.zt-rate__icon{display:block;width:1em;color:var(--zt-rate-icon-void-color);font-size:var(--zt-rate-icon-size)}.zt-rate__icon--half{position:absolute;top:0;left:0;overflow:hidden}.zt-rate__icon--full{color:var(--zt-rate-icon-full-color)}.zt-rate__icon--disabled{color:var(--zt-rate-icon-disabled-color)}.zt-rate--disabled{cursor:not-allowed}.zt-rate--readonly{cursor:default}.zt-theme-dark{--zt-rate-icon-void-color: rgba(255, 255, 255, .2)}

package/es/search/Search.d.ts

@@ -201,9 +201,9 @@ declare const _default: import("vue").DefineComponent<{
     onCancel?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
 }, {
+    shape: SearchShape;
     autofocus: boolean;
     disabled: boolean;
-    shape: SearchShape;
     leftIcon: string;
     clearable: boolean;
     clearIcon: string;

package/es/search/Search.mjs

@@ -28,6 +28,7 @@ var stdin_default = defineComponent({
     "search",
     "cancel",
     "clickInput",
+    // 'clickLeftIcon',
     "clickRightIcon",
     "update:modelValue"
   ],

package/es/search/index.d.ts

@@ -135,9 +135,9 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     onCancel?: ((...args: any[]) => any) | undefined;
     onSearch?: ((...args: any[]) => any) | undefined;
 }, {
+    shape: import("./types").SearchShape;
     autofocus: boolean;
     disabled: boolean;
-    shape: import("./types").SearchShape;
     leftIcon: string;
     clearable: boolean;
     clearIcon: string;