@gyyxds/zy-ui 0.0.4 → 0.1.0

package/dist/zy-ui/switch/ZySwitch.vue.d.ts

@@ -1,7 +1,11 @@
 type __VLS_Props = {
-    /** 选中态的轨道文案 */
+    /** default 常用基础款 / holographic 全息变体 */
+    variant?: 'default' | 'holographic';
+    /** 基础款等比尺寸：small 48×20 / default 72×30 / large 为参考原稿 120×50 */
+    size?: 'small' | 'default' | 'large';
+    /** 选中态文案：全息变体显示在轨道内；基础款不显示文案 */
     activeText?: string;
-    /** 未选态的轨道文案 */
+    /** 未选态文案：基础款显示在轨道右侧，全息变体显示在轨道内 */
     inactiveText?: string;
     disabled?: boolean;
     /** 无障碍名称：不传则读屏只说「开关」，不带名字 */
@@ -16,8 +20,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
+    size: "small" | "default" | "large";
     label: string;
     disabled: boolean;
+    variant: "default" | "holographic";
     activeText: string;
     inactiveText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/zy-ui/switch/index.d.ts

@@ -1,4 +1,6 @@
 export declare const ZySwitch: import("../utils/withInstall").SFCWithInstall<import("vue").DefineComponent<{
+    variant?: "default" | "holographic";
+    size?: "small" | "default" | "large";
     activeText?: string;
     inactiveText?: string;
     disabled?: boolean;
@@ -8,6 +10,8 @@ export declare const ZySwitch: import("../utils/withInstall").SFCWithInstall<imp
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<{
+    variant?: "default" | "holographic";
+    size?: "small" | "default" | "large";
     activeText?: string;
     inactiveText?: string;
     disabled?: boolean;
@@ -17,8 +21,10 @@ export declare const ZySwitch: import("../utils/withInstall").SFCWithInstall<imp
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
+    size: "small" | "default" | "large";
     label: string;
     disabled: boolean;
+    variant: "default" | "holographic";
     activeText: string;
     inactiveText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;

package/dist/zy-ui/tabs/ZyTabs.vue.d.ts

@@ -0,0 +1,49 @@
+import type { ZyTabItem } from './types';
+type __VLS_Props = {
+    /** 标签数据 */
+    items: ZyTabItem[];
+    /** 无障碍名称 */
+    ariaLabel?: string;
+    /** 是否渲染下方内容面板 */
+    panels?: boolean;
+    /** 标签等分铺满 */
+    stretch?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {
+    item: ZyTabItem;
+    active: boolean;
+}, __VLS_10: `panel-${string}` | `panel-${number}`, __VLS_11: {
+    item: ZyTabItem | undefined;
+}, __VLS_13: {
+    item: ZyTabItem | undefined;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+} & {
+    tab?: (props: typeof __VLS_1) => any;
+} & {
+    panel?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (key: string | number) => any;
+    "update:modelValue": (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((key: string | number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    ariaLabel: string;
+    stretch: boolean;
+    panels: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/zy-ui/tabs/index.d.ts

@@ -0,0 +1,81 @@
+export declare const ZyTabs: import("../utils/withInstall").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+        items: import("./types").ZyTabItem[];
+        ariaLabel?: string;
+        panels?: boolean;
+        stretch?: boolean;
+    } & {
+        modelValue?: string | number;
+    }> & Readonly<{
+        onChange?: ((key: string | number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (key: string | number) => any;
+        "update:modelValue": (value: string | number) => any;
+    }, import("vue").PublicProps, {
+        ariaLabel: string;
+        stretch: boolean;
+        panels: boolean;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        items: import("./types").ZyTabItem[];
+        ariaLabel?: string;
+        panels?: boolean;
+        stretch?: boolean;
+    } & {
+        modelValue?: string | number;
+    }> & Readonly<{
+        onChange?: ((key: string | number) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        ariaLabel: string;
+        stretch: boolean;
+        panels: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{
+    items: import("./types").ZyTabItem[];
+    ariaLabel?: string;
+    panels?: boolean;
+    stretch?: boolean;
+} & {
+    modelValue?: string | number;
+}> & Readonly<{
+    onChange?: ((key: string | number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (key: string | number) => any;
+    "update:modelValue": (value: string | number) => any;
+}, string, {
+    ariaLabel: string;
+    stretch: boolean;
+    panels: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        [x: `panel-${string}`]: ((props: {
+            item: import("./types").ZyTabItem | undefined;
+        }) => any) | undefined;
+        [x: `panel-${number}`]: ((props: {
+            item: import("./types").ZyTabItem | undefined;
+        }) => any) | undefined;
+    } & {
+        tab?: (props: {
+            item: import("./types").ZyTabItem;
+            active: boolean;
+        }) => any;
+    } & {
+        panel?: (props: {
+            item: import("./types").ZyTabItem | undefined;
+        }) => any;
+    };
+})>;
+export type { ZyTabItem } from './types';
+export default ZyTabs;

package/dist/zy-ui/tabs/types.d.ts

@@ -0,0 +1,10 @@
+export interface ZyTabItem {
+    /** 唯一键，v-model 绑定这个值 */
+    key: string | number;
+    /** 标签文字 */
+    label: string;
+    /** 标签右侧的计数 / 状态 */
+    badge?: string | number;
+    /** 禁用后不参与点击与键盘切换 */
+    disabled?: boolean;
+}

package/dist/zy-ui/themes/basic.css

@@ -78,6 +78,67 @@ html[data-zy-theme='basic'] .zy-pagination .el-pagination__jump {
   color: var(--zy-muted);
 }
 
+/* 每页条数：与选择器同一条纸片控件 */
+html[data-zy-theme='basic'] .zy-pagination .el-pagination__sizes .el-select__wrapper {
+  min-height: 28px;
+  height: 28px;
+  padding: 0 8px;
+  border: 1px solid var(--zy-hairline);
+  border-radius: var(--zy-radius-sm);
+  background-color: var(--zy-surface);
+  box-shadow: var(--zy-shadow-card);
+  font-family: var(--zy-font-sans);
+  transition:
+    border-color var(--zy-duration-press) var(--zy-ease-soft),
+    box-shadow var(--zy-duration-press) var(--zy-ease-soft);
+}
+
+html[data-zy-theme='basic'] .zy-pagination .el-pagination__sizes .el-select__wrapper:hover {
+  border-color: var(--zy-hairline-strong);
+}
+
+html[data-zy-theme='basic'] .zy-pagination .el-pagination__sizes .el-select__wrapper.is-focused,
+html[data-zy-theme='basic'] .zy-pagination .el-pagination__sizes .el-select__wrapper:focus-within {
+  border-color: var(--zy-brand);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--zy-brand) 14%, transparent);
+}
+
+html[data-zy-theme='basic'] .zy-pagination .el-pagination__sizes .el-select__selected-item,
+html[data-zy-theme='basic'] .zy-pagination .el-pagination__sizes .el-select__placeholder {
+  color: var(--zy-ink);
+  font-size: 12px;
+}
+
+html[data-zy-theme='basic'] .zy-pagination .el-pagination__sizes .el-select__caret {
+  color: var(--zy-muted);
+}
+
+html[data-zy-theme='basic'] .zy-pagination-popper {
+  border: 1px solid var(--zy-hairline) !important;
+  border-radius: var(--zy-radius) !important;
+  background: var(--zy-surface);
+  box-shadow: var(--zy-shadow-card) !important;
+}
+
+html[data-zy-theme='basic'] .zy-pagination-popper .el-select-dropdown__item {
+  min-height: 28px;
+  height: 28px;
+  line-height: 28px;
+  border-radius: var(--zy-radius-sm);
+  color: var(--zy-ink);
+  font-family: var(--zy-font-sans);
+  font-size: 12px;
+}
+
+html[data-zy-theme='basic'] .zy-pagination-popper .el-select-dropdown__item.is-hovering {
+  background: var(--zy-brand-soft);
+}
+
+html[data-zy-theme='basic'] .zy-pagination-popper .el-select-dropdown__item.is-selected {
+  color: var(--zy-brand);
+  font-weight: 600;
+}
+
 /* 卡 = 白纸片（发丝边 + 极轻双层影），键帽只留给键帽主题 */
 html[data-zy-theme='basic'] .zy-card {
   --zy-card-fill-clr: var(--zy-surface);
@@ -835,3 +896,66 @@ html.dark[data-zy-theme='basic'] .zy-tag.is-fill.el-tag--danger {
 html.dark[data-zy-theme='basic'] .zy-tag.is-fill.el-tag--info {
   --zy-tag-fill-clr: var(--zy-info-key);
 }
+
+/* ---------- 级联选择器：el-cascader 的主题化类 .zy-cascader / .zy-cascader-popper ---------- */
+html[data-zy-theme='basic'] .zy-cascader .el-input__wrapper {
+  border: 1px solid var(--zy-hairline);
+  border-radius: var(--zy-radius);
+  background-color: var(--zy-surface);
+  box-shadow: none;
+  transition:
+    border-color var(--zy-duration-press) var(--zy-ease-soft),
+    box-shadow var(--zy-duration-fast) var(--zy-ease-soft);
+}
+
+html[data-zy-theme='basic'] .zy-cascader .el-input__wrapper:hover {
+  border-color: var(--zy-hairline-strong);
+}
+
+html[data-zy-theme='basic'] .zy-cascader .el-input__wrapper.is-focus {
+  border-color: var(--zy-brand);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--zy-brand) 14%, transparent);
+}
+
+html[data-zy-theme='basic'] .zy-cascader .el-input__inner {
+  color: var(--zy-ink);
+  font-family: var(--zy-font-sans);
+}
+
+html[data-zy-theme='basic'] .zy-cascader-popper {
+  border: 1px solid var(--zy-hairline);
+  border-radius: var(--zy-radius);
+  background: var(--zy-surface);
+  box-shadow: var(--zy-shadow-card);
+}
+
+html[data-zy-theme='basic'] .zy-cascader-popper .el-cascader-menu {
+  border-right-color: var(--zy-hairline);
+}
+
+html[data-zy-theme='basic'] .zy-cascader-popper .el-cascader-node {
+  color: var(--zy-ink);
+}
+
+html[data-zy-theme='basic'] .zy-cascader-popper .el-cascader-node.in-active-path,
+html[data-zy-theme='basic'] .zy-cascader-popper .el-cascader-node.is-active {
+  background: var(--zy-brand-soft);
+  color: var(--zy-brand);
+  font-weight: 600;
+}
+
+html[data-zy-theme='basic'] .zy-cascader-popper .el-cascader-node.is-disabled {
+  opacity: 0.45;
+}
+
+html[data-zy-theme='basic'] .zy-cascader-popper .el-cascader-node__prefix {
+  color: var(--zy-muted);
+}
+
+/* ---------- 侧边菜单：显式品牌面比白纸多一层品牌薄雾 ---------- */
+html[data-zy-theme='basic'] .zy-side-menu[data-surface='brand'] {
+  --zy-side-menu-bg: color-mix(in srgb, var(--zy-brand) 7%, var(--zy-surface));
+  --zy-side-menu-bg-image: none;
+
+  border-color: color-mix(in srgb, var(--zy-brand) 22%, var(--zy-hairline));
+}

package/dist/zy-ui/themes/material.css

@@ -22,7 +22,8 @@ html[data-zy-theme='solid']
     .zy-mega-menu__plain.is-current,
     .zy-mega-menu__trigger.is-open,
     .zy-verify__piece,
-    .zy-verify__handle
+    .zy-verify__handle,
+    .zy-switch--default .zy-switch-default-track
   ) {
   --zy-key-gloss: linear-gradient(
     to bottom,