zartui 3.1.9 → 3.1.11

package/es/dropdown-item/index.css

@@ -1 +1 @@
-:root{--zt-dropdown-item-z-index: 10}.zt-dropdown-item{position:fixed;right:0;left:0;z-index:var(--zt-dropdown-item-z-index);overflow:hidden}.zt-dropdown-item__icon{display:block;line-height:inherit}.zt-dropdown-item__option{text-align:left}.zt-dropdown-item__option--active,.zt-dropdown-item__option--active .zt-dropdown-item__icon{color:var(--zt-dropdown-menu-option-active-color)}.zt-dropdown-item--up{top:0}.zt-dropdown-item--down{bottom:0}.zt-dropdown-item__content{position:absolute;max-height:var(--zt-dropdown-menu-content-max-height)}.zt-dropdown-item__options{position:absolute;top:0;width:100%;overflow-y:scroll}.zt-dropdown-item__button{position:absolute;overflow-y:hidden;z-index:1;width:100%;display:flex;height:68px;border-top:1px solid rgba(0,0,0,.05);border-radius:0 0 16px 16px}.zt-dropdown-item__button-reset{margin-top:12px;margin-left:16px;margin-right:4px;border-color:#ff8700;color:#ff8700;background:#ffffff;width:50%}.zt-dropdown-item__button-confirm{margin-top:12px;margin-left:4px;margin-right:16px;width:50%;background-image:linear-gradient(-45deg,#3cafff 0%,#0091fa 100%);color:#fff}
+:root{--zt-dropdown-item-z-index: 10}.zt-dropdown-item{position:fixed;right:0;left:0;z-index:var(--zt-dropdown-item-z-index);overflow:hidden}.zt-dropdown-item__icon{display:block;line-height:inherit}.zt-dropdown-item__option{text-align:left}.zt-dropdown-item__option--active,.zt-dropdown-item__option--active .zt-dropdown-item__icon{color:var(--zt-dropdown-menu-option-active-color)}.zt-dropdown-item--up{top:0}.zt-dropdown-item--down{bottom:0}.zt-dropdown-item__content{position:absolute;max-height:var(--zt-dropdown-menu-content-max-height)}.zt-dropdown-item__options{position:absolute;top:0;width:100%;overflow-y:scroll}.zt-dropdown-item__button{position:absolute;overflow-y:hidden;z-index:1;width:100%;display:flex;height:68px;border-top:1px solid rgba(0,0,0,.05);border-radius:0 0 16px 16px}.zt-dropdown-item__button-reset{margin-top:12px;margin-left:16px;margin-right:4px;border-color:var(--zt-orange);color:var(--zt-orange);background:#ffffff;width:50%}.zt-dropdown-item__button-confirm{margin-top:12px;margin-left:4px;margin-right:16px;width:50%}

package/es/dropdown-item/index.d.ts

@@ -18,7 +18,7 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
     };
     titleClass: import("vue").PropType<unknown>;
     multiSelect: BooleanConstructor;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "open" | "update:modelValue" | "change" | "close" | "opened" | "closed" | "confirm")[], "reset" | "open" | "update:modelValue" | "change" | "close" | "opened" | "closed" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("reset" | "open" | "change" | "close" | "update:modelValue" | "opened" | "closed" | "confirm")[], "reset" | "open" | "change" | "close" | "update:modelValue" | "opened" | "closed" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: import("vue").PropType<import("./types").DropdownItemOption[]>;
@@ -56,7 +56,7 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
 export default DropdownItem;
 export { dropdownItemProps } from './DropdownItem';
 export type { DropdownItemProps };
-export type { DropdownItemInstance, DropdownItemOption } from './types';
+export type { DropdownItemInstance, DropdownItemOption, DropdownItemThemeVars, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtDropdownItem: typeof DropdownItem;

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

@@ -22,3 +22,6 @@ export type DropdownItemExpose = {
     renderTitle: () => string | VNode[];
 };
 export type DropdownItemInstance = ComponentPublicInstance<DropdownItemProps, DropdownItemExpose>;
+export type DropdownItemThemeVars = {
+    dropdownItemZIndex?: number;
+};

package/es/dropdown-menu/index.css

@@ -1 +1 @@
-:root{--zt-dropdown-menu-height: 36px;--zt-dropdown-menu-width: 50%;--zt-dropdown-menu-background: var(--zt-background-2);--zt-dropdown-menu-bar-padding: 0 12px;--zt-dropdown-menu-item-margin: 12px 4px;--zt-dropdown-menu-item-padding: 0 12px;--zt-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .12);--zt-dropdown-menu-title-font-size: 14px;--zt-dropdown-menu-border-radius: 18px;--zt-dropdown-menu-title-text-color: var(--zt-text-color);--zt-dropdown-menu-title-active-text-color: var(--zt-primary-color);--zt-dropdown-menu-title-disabled-text-color: var(--zt-text-color-2);--zt-dropdown-menu-title-padding: 0 var(--zt-padding-sm);--zt-dropdown-menu-title-line-height: var(--zt-line-height-xs);--zt-dropdown-menu-option-active-color: var(--zt-primary-color);--zt-dropdown-menu-content-max-height: 80%}.zt-dropdown-menu{-webkit-user-select:none;user-select:none}.zt-dropdown-menu__bar{position:relative;display:flex;padding:var(--zt-dropdown-menu-bar-padding);align-items:center}.zt-dropdown-menu__bar--opened{z-index:calc(var(--zt-dropdown-item-z-index) + 1)}.zt-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;background:var(--zt-dropdown-menu-background);min-width:0;margin:var(--zt-dropdown-menu-item-margin);height:var(--zt-dropdown-menu-height);border-radius:var(--zt-dropdown-menu-border-radius);padding:var(--zt-dropdown-menu-item-padding);line-height:var(--zt-dropdown-menu-title-line-height);cursor:pointer}.zt-dropdown-menu__item:last-child{margin-right:0}.zt-dropdown-menu__item:active{opacity:.7}.zt-dropdown-menu__item--disabled:active{opacity:1}.zt-dropdown-menu__item--disabled .zt-dropdown-menu__title{color:var(--zt-dropdown-menu-title-disabled-text-color)}.zt-dropdown-menu__title{position:relative;box-sizing:border-box;width:100%;color:var(--zt-dropdown-menu-title-text-color);font-size:var(--zt-dropdown-menu-title-font-size)}.zt-dropdown-menu__title .zt-icon{position:absolute;right:0;margin-top:1px;color:var(--zt-gray-4)}.zt-dropdown-menu__title--active{color:var(--zt-dropdown-menu-title-active-text-color)}.zt-dropdown-menu__title--active .zt-icon{color:currentColor}.zt-dropdown-menu__title--active .zt-dropdown-menu__icon{transform:rotate(180deg)}.zt-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}
+:root{--zt-dropdown-menu-background: var(--zt-background-2);--zt-dropdown-menu-bar-padding: 0 12px;--zt-dropdown-menu-item-margin: 12px 4px;--zt-dropdown-menu-item-height: 36px;--zt-dropdown-menu-item-padding: 0 12px;--zt-dropdown-menu-title-text-color: var(--zt-text-color);--zt-dropdown-menu-title-active-text-color: var(--zt-primary-color);--zt-dropdown-menu-title-disabled-text-color: var(--zt-text-color-2);--zt-dropdown-menu-option-active-color: var(--zt-primary-color);--zt-dropdown-menu-content-max-height: 80%}:root[zt-theme-size=large]{--zt-dropdown-menu-item-height: 48px}.zt-dropdown-menu{-webkit-user-select:none;user-select:none}.zt-dropdown-menu__bar{position:relative;display:flex;padding:var(--zt-dropdown-menu-bar-padding);align-items:center}.zt-dropdown-menu__bar--opened{z-index:calc(var(--zt-dropdown-item-z-index) + 1)}.zt-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;background:var(--zt-dropdown-menu-background);min-width:0;margin:var(--zt-dropdown-menu-item-margin);height:var(--zt-dropdown-menu-item-height);border-radius:calc(var(--zt-dropdown-menu-item-height) / 2);padding:var(--zt-dropdown-menu-item-padding);line-height:var(--zt-line-height-xs);cursor:pointer}.zt-dropdown-menu__item:last-child{margin-right:0}.zt-dropdown-menu__item:active{opacity:.7}.zt-dropdown-menu__item--disabled:active{opacity:1}.zt-dropdown-menu__item--disabled .zt-dropdown-menu__title{color:var(--zt-dropdown-menu-title-disabled-text-color)}.zt-dropdown-menu__title{position:relative;box-sizing:border-box;width:100%;color:var(--zt-dropdown-menu-title-text-color);font-size:var(--zt-font-size-md)}.zt-dropdown-menu__title .zt-icon{position:absolute;right:0;margin-top:1px;color:var(--zt-gray-4)}.zt-dropdown-menu__title--active{color:var(--zt-dropdown-menu-title-active-text-color)}.zt-dropdown-menu__title--active .zt-icon{color:currentColor}.zt-dropdown-menu__title--active .zt-dropdown-menu__icon{transform:rotate(180deg)}.zt-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}

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

@@ -55,7 +55,7 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
 export default DropdownMenu;
 export { dropdownMenuProps } from './DropdownMenu';
 export type { DropdownMenuProps };
-export type { DropdownMenuDirection } from './types';
+export type { DropdownMenuDirection, DropdownMenuThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         ZtDropdownMenu: typeof DropdownMenu;

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

@@ -7,3 +7,15 @@ export type DropdownMenuProvide = {
     offset: Ref<number>;
     updateOffset: () => void;
 };
+export type DropdownMenuThemeVars = {
+    dropdownMenuBackground?: string;
+    dropdownMenuBarPadding?: string;
+    dropdownMenuItemMargin?: string;
+    dropdownMenuItemPadding?: string;
+    dropdownMenuTitleTextColor?: string;
+    dropdownMenuTitleActiveTextColor?: string;
+    dropdownMenuTitleDisabledTextColor?: string;
+    dropdownMenuOptionActiveColor?: string;
+    dropdownMenuContentMaxHeight?: string;
+    dropdownMenuItemHeight?: string;
+};

package/es/empty/Empty.mjs

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
 import { getSizeStyle, makeStringProp, createNamespace } from "../utils/index.mjs";
-import { renderNotFound, renderServerError, renderAccessRestricted, renderDeveloping, renderNetworkError, renderEmptyResult, renderFindNull, renderEmptyInterface, renderReportSuccess } from "./Images.mjs";
+import { renderNotFound, renderServerError, renderAccessRestricted, renderDeveloping, renderNetworkError, renderEmptyResult, renderFindNull, renderEmptyInterface, renderReportSuccess, renderReportError, renderNoCollect } from "./Images.mjs";
 const [name, bem] = createNamespace("empty");
 const PRESET_IMAGES = {
   default: renderNotFound,
@@ -13,7 +13,9 @@ const PRESET_IMAGES = {
   "access-restricted": renderAccessRestricted,
   "network-error": renderNetworkError,
   "empty-interface": renderEmptyInterface,
-  "report-success": renderReportSuccess
+  "report-success": renderReportSuccess,
+  "report-error": renderReportError,
+  "no-collect": renderNoCollect
 };
 const emptyProps = {
   image: makeStringProp("default"),
@@ -31,7 +33,7 @@ var stdin_default = defineComponent({
       if (slots.image) {
         return slots.image();
       }
-      return ((_a = PRESET_IMAGES[props.image]) == null ? void 0 : _a.call(PRESET_IMAGES)) || _createVNode("img", {
+      return ((_a = PRESET_IMAGES[props.image]) == null ? void 0 : _a.call(PRESET_IMAGES, bem)) || _createVNode("img", {
         "src": props.image
       }, null);
     };

package/es/empty/Images.d.ts

@@ -1,9 +1,20 @@
-export declare const renderNotFound: () => JSX.Element;
-export declare const renderServerError: () => JSX.Element;
-export declare const renderAccessRestricted: () => JSX.Element;
-export declare const renderDeveloping: () => JSX.Element;
-export declare const renderNetworkError: () => JSX.Element;
-export declare const renderEmptyResult: () => JSX.Element;
-export declare const renderFindNull: () => JSX.Element;
-export declare const renderEmptyInterface: () => JSX.Element;
-export declare const renderReportSuccess: () => JSX.Element;
+/**
+ * 特别注意对于empty组件svg的颜色转换。后续如果要添加新的svg图标的话，需要下载压缩后的svg图标，
+ * 并同步修改此svg内部所有使用到非纯色的stop-color、fill、feColorMatrix、feOffset属性。
+ * stop-color根据原有css颜色值修改为class={bem('svg-defs-stop-color-gradient')}或class={bem('svg-defs-stop-color')}；
+ * fill修改为class={bem('svg-defs-path-fill')}；
+ * feColorMatrix需要调整内部value矩阵值，feOffset需要调整内部的in的值为SourceGraphic，具体可参考empty组件已有的svg元素。
+ * 经过这些操作，svg图标就会随主色变换颜色
+ */
+import { BEM } from '../utils';
+export declare const renderNotFound: (bem: BEM) => JSX.Element;
+export declare const renderServerError: (bem: BEM) => JSX.Element;
+export declare const renderAccessRestricted: (bem: BEM) => JSX.Element;
+export declare const renderDeveloping: (bem: BEM) => JSX.Element;
+export declare const renderNetworkError: (bem: BEM) => JSX.Element;
+export declare const renderEmptyResult: (bem: BEM) => JSX.Element;
+export declare const renderFindNull: (bem: BEM) => JSX.Element;
+export declare const renderEmptyInterface: (bem: BEM) => JSX.Element;
+export declare const renderReportSuccess: (bem: BEM) => JSX.Element;
+export declare const renderReportError: (bem: BEM) => JSX.Element;
+export declare const renderNoCollect: (bem: BEM) => JSX.Element;