@wot-ui/ui 1.0.0 → 2.0.0-alpha.3

package/styles/variable.scss

@@ -0,0 +1,472 @@
+/* 基础颜色 */
+$base-black: var(--wot-base-black, #000000FF) !default;
+$base-transparent: var(--wot-base-transparent, transparent) !default;
+$base-white: var(--wot-base-white, #FFFFFFFF) !default;
+
+/* 蓝色系列 */
+$blue-1: var(--wot-blue-1, #F5F8FFFF) !default;
+$blue-2: var(--wot-blue-2, #E5EDFFFF) !default;
+$blue-3: var(--wot-blue-3, #B8CFFFFF) !default;
+$blue-4: var(--wot-blue-4, #7CA4FFFF) !default;
+$blue-5: var(--wot-blue-5, #4480FFFF) !default;
+$blue-6: var(--wot-blue-6, #1C64FDFF) !default;
+$blue-7: var(--wot-blue-7, #164ED1FF) !default;
+$blue-8: var(--wot-blue-8, #1341ADFF) !default;
+$blue-9: var(--wot-blue-9, #0F3285FF) !default;
+$blue-10: var(--wot-blue-10, #0A235CFF) !default;
+$blue-opac: var(--wot-blue-opac, #1C64FD14) !default;
+
+/* 亮蓝系列 */
+$lightblue-1: var(--wot-lightblue-1, #E8FBFFFF) !default;
+$lightblue-2: var(--wot-lightblue-2, #BFF2FFFF) !default;
+$lightblue-3: var(--wot-lightblue-3, #96E7FFFF) !default;
+$lightblue-4: var(--wot-lightblue-4, #6ED8FFFF) !default;
+$lightblue-5: var(--wot-lightblue-5, #45C7FFFF) !default;
+$lightblue-6: var(--wot-lightblue-6, #1CB2FDFF) !default;
+$lightblue-7: var(--wot-lightblue-7, #0D8CD6FF) !default;
+$lightblue-8: var(--wot-lightblue-8, #026AB0FF) !default;
+$lightblue-9: var(--wot-lightblue-9, #004E8AFF) !default;
+$lightblue-10: var(--wot-lightblue-10, #003563FF) !default;
+$lightblue-opac: var(--wot-lightblue-opac, #1CB2FD14) !default;
+
+/* 粉色系列 */
+$pink-1: var(--wot-pink-1, #FFF0F6FF) !default;
+$pink-2: var(--wot-pink-2, #FFDEEBFF) !default;
+$pink-3: var(--wot-pink-3, #FCC2D7FF) !default;
+$pink-4: var(--wot-pink-4, #FAA2C1FF) !default;
+$pink-5: var(--wot-pink-5, #F783ACFF) !default;
+$pink-6: var(--wot-pink-6, #FF357CFF) !default;
+$pink-7: var(--wot-pink-7, #FF0A60FF) !default;
+$pink-8: var(--wot-pink-8, #E0004FFF) !default;
+$pink-9: var(--wot-pink-9, #B80040FF) !default;
+$pink-10: var(--wot-pink-10, #8F0032FF) !default;
+$pink-opac: var(--wot-pink-opac, #FF357C14) !default;
+
+/* 红色系列 */
+$red-1: var(--wot-red-1, #FFF5F5FF) !default;
+$red-2: var(--wot-red-2, #FFE3E3FF) !default;
+$red-3: var(--wot-red-3, #FFC9C9FF) !default;
+$red-4: var(--wot-red-4, #FFA8A8FF) !default;
+$red-5: var(--wot-red-5, #FB7C7CFF) !default;
+$red-6: var(--wot-red-6, #F14646FF) !default;
+$red-7: var(--wot-red-7, #DC2C2CFF) !default;
+$red-8: var(--wot-red-8, #BC2626FF) !default;
+$red-9: var(--wot-red-9, #A01515FF) !default;
+$red-10: var(--wot-red-10, #790909FF) !default;
+$red-opac: var(--wot-red-opac, #F1464614) !default;
+
+/* 橘红色系列 */
+$volcano-1: var(--wot-volcano-1, #FFF2E8FF) !default;
+$volcano-2: var(--wot-volcano-2, #FFDABFFF) !default;
+$volcano-3: var(--wot-volcano-3, #FFBF96FF) !default;
+$volcano-4: var(--wot-volcano-4, #FFA16EFF) !default;
+$volcano-5: var(--wot-volcano-5, #FF8045FF) !default;
+$volcano-6: var(--wot-volcano-6, #FD5C1CFF) !default;
+$volcano-7: var(--wot-volcano-7, #D63F0DFF) !default;
+$volcano-8: var(--wot-volcano-8, #B02802FF) !default;
+$volcano-9: var(--wot-volcano-9, #8A1900FF) !default;
+$volcano-10: var(--wot-volcano-10, #630F00FF) !default;
+$volcano-opac: var(--wot-volcano-opac, #FD5C1C14) !default;
+
+/* 橙色系列 */
+$orange-1: var(--wot-orange-1, #FFF6EBFF) !default;
+$orange-2: var(--wot-orange-2, #FFE8CCFF) !default;
+$orange-3: var(--wot-orange-3, #FFD8A8FF) !default;
+$orange-4: var(--wot-orange-4, #FFC078FF) !default;
+$orange-5: var(--wot-orange-5, #FFA94DFF) !default;
+$orange-6: var(--wot-orange-6, #F57F00FF) !default;
+$orange-7: var(--wot-orange-7, #D05706FF) !default;
+$orange-8: var(--wot-orange-8, #A94605FF) !default;
+$orange-9: var(--wot-orange-9, #813604FF) !default;
+$orange-10: var(--wot-orange-10, #592503FF) !default;
+$orange-opac: var(--wot-orange-opac, #F57F0014) !default;
+
+/* 黄色系列 */
+$yellow-1: var(--wot-yellow-1, #FFFAF1FF) !default;
+$yellow-2: var(--wot-yellow-2, #FDE5B4FF) !default;
+$yellow-3: var(--wot-yellow-3, #FDD78CFF) !default;
+$yellow-4: var(--wot-yellow-4, #FCC964FF) !default;
+$yellow-5: var(--wot-yellow-5, #FBBB3CFF) !default;
+$yellow-6: var(--wot-yellow-6, #FAAD14FF) !default;
+$yellow-7: var(--wot-yellow-7, #E19705FF) !default;
+$yellow-8: var(--wot-yellow-8, #B97C04FF) !default;
+$yellow-9: var(--wot-yellow-9, #916103FF) !default;
+$yellow-10: var(--wot-yellow-10, #694702FF) !default;
+$yellow-opac: var(--wot-yellow-opac, #FAAD1414) !default;
+
+/* 绿色系列 */
+$green-1: var(--wot-green-1, #F3FBF9FF) !default;
+$green-2: var(--wot-green-2, #E7F8F3FF) !default;
+$green-3: var(--wot-green-3, #B8EADBFF) !default;
+$green-4: var(--wot-green-4, #88DBC3FF) !default;
+$green-5: var(--wot-green-5, #59CDAAFF) !default;
+$green-6: var(--wot-green-6, #12B886FF) !default;
+$green-7: var(--wot-green-7, #0F956CFF) !default;
+$green-8: var(--wot-green-8, #0B6F51FF) !default;
+$green-9: var(--wot-green-9, #074A36FF) !default;
+$green-10: var(--wot-green-10, #04251BFF) !default;
+$green-opac: var(--wot-green-opac, #12B88614) !default;
+
+/* 青色系列 */
+$cyan-1: var(--wot-cyan-1, #F4FBFDFF) !default;
+$cyan-2: var(--wot-cyan-2, #E9F8FAFF) !default;
+$cyan-3: var(--wot-cyan-3, #BDEAF1FF) !default;
+$cyan-4: var(--wot-cyan-4, #90DBE7FF) !default;
+$cyan-5: var(--wot-cyan-5, #64CDDDFF) !default;
+$cyan-6: var(--wot-cyan-6, #22B8CFFF) !default;
+$cyan-7: var(--wot-cyan-7, #1C98ABFF) !default;
+$cyan-8: var(--wot-cyan-8, #167988FF) !default;
+$cyan-9: var(--wot-cyan-9, #115A65FF) !default;
+$cyan-10: var(--wot-cyan-10, #0B3A42FF) !default;
+$cyan-opac: var(--wot-cyan-opac, #22B8CF14) !default;
+
+/* 紫色系列 */
+$purple-1: var(--wot-purple-1, #F9F8FFFF) !default;
+$purple-2: var(--wot-purple-2, #E5DBFFFF) !default;
+$purple-3: var(--wot-purple-3, #D0BFFFFF) !default;
+$purple-4: var(--wot-purple-4, #B197FCFF) !default;
+$purple-5: var(--wot-purple-5, #9775FAFF) !default;
+$purple-6: var(--wot-purple-6, #8059F3FF) !default;
+$purple-7: var(--wot-purple-7, #5B29EFFF) !default;
+$purple-8: var(--wot-purple-8, #4511DFFF) !default;
+$purple-9: var(--wot-purple-9, #390EB9FF) !default;
+$purple-10: var(--wot-purple-10, #2D0B93FF) !default;
+$purple-opac: var(--wot-purple-opac, #8059F314) !default;
+
+/* 靛色系列 */
+$grape-1: var(--wot-grape-1, #FBF6FDFF) !default;
+$grape-2: var(--wot-grape-2, #F3D9FAFF) !default;
+$grape-3: var(--wot-grape-3, #EEBEFAFF) !default;
+$grape-4: var(--wot-grape-4, #E599F7FF) !default;
+$grape-5: var(--wot-grape-5, #DA77F2FF) !default;
+$grape-6: var(--wot-grape-6, #AE3EC9FF) !default;
+$grape-7: var(--wot-grape-7, #9731AFFF) !default;
+$grape-8: var(--wot-grape-8, #7B288FFF) !default;
+$grape-9: var(--wot-grape-9, #601F70FF) !default;
+$grape-10: var(--wot-grape-10, #451650FF) !default;
+$grape-opac: var(--wot-grape-opac, #AE3EC914) !default;
+
+/* 冷灰系列 */
+$coolgrey-1: var(--wot-coolgrey-1, #F7F8FAFF) !default;
+$coolgrey-10: var(--wot-coolgrey-10, #1D1F29FF) !default;
+$coolgrey-2: var(--wot-coolgrey-2, #F2F3F5FF) !default;
+$coolgrey-3: var(--wot-coolgrey-3, #E5E6EBFF) !default;
+$coolgrey-4: var(--wot-coolgrey-4, #C9CBD4FF) !default;
+$coolgrey-5: var(--wot-coolgrey-5, #A9ACB8FF) !default;
+$coolgrey-6: var(--wot-coolgrey-6, #868A9CFF) !default;
+$coolgrey-7: var(--wot-coolgrey-7, #6B7085FF) !default;
+$coolgrey-8: var(--wot-coolgrey-8, #4E5369FF) !default;
+$coolgrey-9: var(--wot-coolgrey-9, #272B3BFF) !default;
+
+/* 中性灰系列 */
+$neutralgrey-1: var(--wot-neutralgrey-1, #FAFAFAFF) !default;
+$neutralgrey-10: var(--wot-neutralgrey-10, #292929FF) !default;
+$neutralgrey-2: var(--wot-neutralgrey-2, #F5F5F5FF) !default;
+$neutralgrey-3: var(--wot-neutralgrey-3, #EBEBEBFF) !default;
+$neutralgrey-4: var(--wot-neutralgrey-4, #D4D4D4FF) !default;
+$neutralgrey-5: var(--wot-neutralgrey-5, #B8B8B8FF) !default;
+$neutralgrey-6: var(--wot-neutralgrey-6, #9C9C9CFF) !default;
+$neutralgrey-7: var(--wot-neutralgrey-7, #858585FF) !default;
+$neutralgrey-8: var(--wot-neutralgrey-8, #696969FF) !default;
+$neutralgrey-9: var(--wot-neutralgrey-9, #3D3D3DFF) !default;
+
+/* 暖灰系列 */
+$warmgrey-1: var(--wot-warmgrey-1, #FAF8F7FF) !default;
+$warmgrey-10: var(--wot-warmgrey-10, #292321FF) !default;
+$warmgrey-2: var(--wot-warmgrey-2, #F5F3F2FF) !default;
+$warmgrey-3: var(--wot-warmgrey-3, #EBE7E5FF) !default;
+$warmgrey-4: var(--wot-warmgrey-4, #D4CECCFF) !default;
+$warmgrey-5: var(--wot-warmgrey-5, #B8B0ADFF) !default;
+$warmgrey-6: var(--wot-warmgrey-6, #9C918CFF) !default;
+$warmgrey-7: var(--wot-warmgrey-7, #857A75FF) !default;
+$warmgrey-8: var(--wot-warmgrey-8, #695E5AFF) !default;
+$warmgrey-9: var(--wot-warmgrey-9, #3B332FFF) !default;
+
+/* 遮罩系列 */
+$opac-1_02: var(--wot-opac-1_02, #00000005) !default;
+$opac-2_04: var(--wot-opac-2_04, #0000000A) !default;
+$opac-3_08: var(--wot-opac-3_08, #00000014) !default;
+$opac-4_15: var(--wot-opac-4_15, #00000026) !default;
+$opac-5_20: var(--wot-opac-5_20, #00000033) !default;
+$opac-6_30: var(--wot-opac-6_30, #0000004D) !default;
+$opac-7_45: var(--wot-opac-7_45, #00000073) !default;
+$opac-7_55: var(--wot-opac-7_55, #0000008C) !default;
+$opac-8_65: var(--wot-opac-8_65, #000000A6) !default;
+$opac-9_75: var(--wot-opac-9_75, #000000BF) !default;
+$opac-10_85: var(--wot-opac-10_85, #000000D9) !default;
+
+/* 白遮罩系列 */
+$opacwhite-1_02: var(--wot-opacwhite-1_02, #FFFFFF05) !default;
+$opacwhite-2_04: var(--wot-opacwhite-2_04, #FFFFFF0A) !default;
+$opacwhite-3_08: var(--wot-opacwhite-3_08, #FFFFFF14) !default;
+$opacwhite-4_15: var(--wot-opacwhite-4_15, #FFFFFF26) !default;
+$opacwhite-5_20: var(--wot-opacwhite-5_20, #FFFFFF33) !default;
+$opacwhite-6_30: var(--wot-opacwhite-6_30, #FFFFFF4D) !default;
+$opacwhite-7_45: var(--wot-opacwhite-7_45, #FFFFFF73) !default;
+$opacwhite-7_55: var(--wot-opacwhite-7_55, #FFFFFF8C) !default;
+$opacwhite-8_65: var(--wot-opacwhite-8_65, #FFFFFFA6) !default;
+$opacwhite-9_75: var(--wot-opacwhite-9_75, #FFFFFFBF) !default;
+$opacwhite-10_85: var(--wot-opacwhite-10_85, #FFFFFFD9) !default;
+
+/* 透明度系列 */
+$opacity-disabled: var(--wot-opacity-disabled, 0.4) !default;
+$opacity-dimmer: var(--wot-opacity-dimmer, 0.6) !default;
+$opacity-oveylay: var(--wot-opacity-oveylay, 0.75) !default;
+$opacity-backdrop: var(--wot-opacity-backdrop, 0.3) !default;
+$opacity-main: var(--wot-opacity-main, 1) !default;
+
+/* 基础数字 */
+$n-0: var(--wot-n-0, 0px) !default;
+$n-1: var(--wot-n-1, 1px) !default;
+$n-2: var(--wot-n-2, 2px) !default;
+$n-3: var(--wot-n-3, 3px) !default;
+$n-4: var(--wot-n-4, 4px) !default;
+$n-05: var(--wot-n-05, 0.5px) !default;
+$n-5: var(--wot-n-5, 5px) !default;
+$n-6: var(--wot-n-6, 6px) !default;
+$n-8: var(--wot-n-8, 8px) !default;
+$n-9: var(--wot-n-9, 9px) !default;
+$n-10: var(--wot-n-10, 10px) !default;
+$n-11: var(--wot-n-11, 11px) !default;
+$n-12: var(--wot-n-12, 12px) !default;
+$n-14: var(--wot-n-14, 14px) !default;
+$n-15: var(--wot-n-15, 15px) !default;
+$n-16: var(--wot-n-16, 16px) !default;
+$n-17: var(--wot-n-17, 17px) !default;
+$n-18: var(--wot-n-18, 18px) !default;
+$n-20: var(--wot-n-20, 20px) !default;
+$n-22: var(--wot-n-22, 22px) !default;
+$n-24: var(--wot-n-24, 24px) !default;
+$n-26: var(--wot-n-26, 26px) !default;
+$n-28: var(--wot-n-28, 28px) !default;
+$n-32: var(--wot-n-32, 32px) !default;
+$n-34: var(--wot-n-34, 34px) !default;
+$n-36: var(--wot-n-36, 36px) !default;
+$n-40: var(--wot-n-40, 40px) !default;
+$n-44: var(--wot-n-44, 44px) !default;
+$n-48: var(--wot-n-48, 48px) !default;
+$n-50: var(--wot-n-50, 50px) !default;
+$n-52: var(--wot-n-52, 52px) !default;
+$n-56: var(--wot-n-56, 56px) !default;
+$n-60: var(--wot-n-60, 60px) !default;
+$n-64: var(--wot-n-64, 64px) !default;
+$n-88: var(--wot-n-88, 88px) !default;
+$n-98: var(--wot-n-98, 98px) !default;
+$n-248: var(--wot-n-248, 248px) !default;
+$n-375: var(--wot-n-375, 375px) !default;
+$n-full: var(--wot-n-full, 9999px) !default;
+
+/* 字重系列 */
+$font-weight-ultra-light: var(--wot-font-weight-ultra-light, 100) !default;
+$font-weight-thin: var(--wot-font-weight-thin, 200);
+$font-weight-light: var(--wot-font-weight-light, 300) !default;
+$font-weight-regular: var(--wot-font-weight-regular, 400) !default;
+$font-weight-medium: var(--wot-font-weight-medium, 600) !default;
+$font-weight-semibold: var(--wot-font-weight-semibold, 700) !default;
+$font-weight-bold: var(--wot-font-weight-bold, 700) !default;
+
+
+/* 排版系列 */
+/* label */
+$typography-label-font-family: var(--wot-typography-label-font-family, PingFang SC) !default;
+$typography-label-size-small: var(--wot-typography-label-size-small, $n-11) !default;
+$typography-label-size-main: var(--wot-typography-label-size-main, $n-12) !default;
+$typography-label-size-large: var(--wot-typography-label-size-large, $n-14) !default;
+$typography-label-font-weight-main: var(--wot-typography-label-font-weight-main, $font-weight-regular) !default;
+$typography-label-font-weight-strong: var(--wot-typography-label-font-weight-strong, $font-weight-medium) !default;
+$typography-label-line--height-size-extra-small: var(--wot-typography-label-line--height-size-extra-small, $n-16) !default;
+$typography-label-line--height-size-large: var(--wot-typography-label-line--height-size-large, $n-18) !default;
+$typography-label-line--height-size-main: var(--wot-typography-label-line--height-size-main, $n-18) !default;
+$typography-label-line--height-size-small: var(--wot-typography-label-line--height-size-small, $n-16) !default;
+$typography-label-line--height-size-super-small: var(--wot-typography-label-line--height-size-super-small, $n-14) !default;
+$typography-label-size-extra-small: var(--wot-typography-label-size-extra-small, $n-10) !default;
+$typography-label-size-super-small: var(--wot-typography-label-size-super-small, $n-9) !default;
+
+/* body */
+$typography-body-font-family: var(--wot-typography-body-font-family, PingFang SC) !default;
+$typography-body-size-main: var(--wot-typography-body-size-main, $n-14) !default;
+$typography-body-size-large: var(--wot-typography-body-size-large, $n-15) !default;
+$typography-body-font-weight-main: var(--wot-typography-body-font-weight-main, $font-weight-regular) !default;
+$typography-body-font-weight-strong: var(--wot-typography-body-font-weight-strong, $font-weight-medium) !default;
+$typography-body-font-weight-extra-strong: var(--wot-typography-body-font-weight-extra-strong, $font-weight-semibold) !default;
+$typography-body-line--height-size-extra-large: var(--wot-typography-body-line--height-size-extra-large, $n-24) !default;
+$typography-body-line--height-size-large: var(--wot-typography-body-line--height-size-large, $n-22) !default;
+$typography-body-line--height-size-main: var(--wot-typography-body-line--height-size-main, $n-20) !default;
+$typography-body-line--height-size-super-large: var(--wot-typography-body-line--height-size-super-large, $n-24) !default;
+$typography-body-line--height-size-ultra-large: var(--wot-typography-body-line--height-size-ultra-large, $n-26) !default;
+$typography-body-size-extra-large: var(--wot-typography-body-size-extra-large, $n-16) !default;
+$typography-body-size-super-large: var(--wot-typography-body-size-super-large, $n-17) !default;
+$typography-body-size-ultra-large: var(--wot-typography-body-size-ultra-large, $n-18) !default;
+
+/* title */
+$typography-title-font-family: var(--wot-typography-title-font-family, PingFang SC) !default;
+$typography-title-size-main: var(--wot-typography-title-size-main, $n-18) !default;
+$typography-title-size-large: var(--wot-typography-title-size-large, $n-20) !default;
+$typography-title-size-extra-large: var(--wot-typography-title-size-extra-large, $n-24) !default;
+$typography-title-font-weight-light: var(--wot-typography-title-font-weight-light, $font-weight-regular) !default;
+$typography-title-font-weight-main: var(--wot-typography-title-font-weight-main, $font-weight-medium) !default;
+$typography-title-font-weight-strong: var(--wot-typography-title-font-weight-strong, $font-weight-semibold) !default;
+$typography-title-line--height-size-main: var(--wot-typography-title-line--height-size-main, $n-26) !default;
+$typography-title-line--height-size-large: var(--wot-typography-title-line--height-size-large, $n-28) !default;
+$typography-title-line--height-size-extra-large: var(--wot-typography-title-line--height-size-extra-large, $n-34) !default;
+
+/* 圆角系列 */
+$radius-zero: var(--wot-radius-zero, $n-0) !default;
+$radius-small: var(--wot-radius-small, $n-2) !default;
+$radius-main: var(--wot-radius-main, $n-4) !default;
+$radius-large: var(--wot-radius-large, $n-8) !default;
+$radius-extra-large: var(--wot-radius-extra-large, $n-12) !default;
+$radius-super-large: var(--wot-radius-super-large, $n-16) !default;
+$radius-ultra-large: var(--wot-radius-ultra-large, $n-20) !default;
+$radius-radius-full: var(--wot-radius-radius-full, $n-full) !default;
+
+/* 内边距系列 */
+$padding-zero: var(--wot-padding-zero, $n-0) !default;
+$padding-ultra-tight: var(--wot-padding-ultra-tight, $n-2) !default;
+$padding-super-tight: var(--wot-padding-super-tight, $n-4) !default;
+$padding-extra-tight: var(--wot-padding-extra-tight, $n-6) !default;
+$padding-tight: var(--wot-padding-tight, $n-8) !default;
+$padding-main: var(--wot-padding-main, $n-10) !default;
+$padding-loose: var(--wot-padding-loose, $n-12) !default;
+$padding-extra-loose: var(--wot-padding-extra-loose, $n-16) !default;
+$padding-super-loose: var(--wot-padding-super-loose, $n-20) !default;
+$padding-ultra-loose: var(--wot-padding-ultra-loose, $n-24) !default;
+$padding-spacious: var(--wot-padding-spacious, $n-28) !default;
+$padding-extra-spacious: var(--wot-padding-extra-spacious, $n-32) !default;
+$padding-super-spacious: var(--wot-padding-super-spacious, $n-40) !default;
+$padding-ultra-spacious: var(--wot-padding-ultra-spacious, $n-48) !default;
+
+/* 间距系列 */
+$spacing-zero: var(--wot-spacing-zero, $n-0) !default;
+$spacing-ultra-tight: var(--wot-spacing-ultra-tight, $n-2) !default;
+$spacing-super-tight: var(--wot-spacing-super-tight, $n-4) !default;
+$spacing-extra-tight: var(--wot-spacing-extra-tight, $n-6) !default;
+$spacing-tight: var(--wot-spacing-tight, $n-8) !default;
+$spacing-main: var(--wot-spacing-main, $n-10) !default;
+$spacing-loose: var(--wot-spacing-loose, $n-12) !default;
+$spacing-extra-loose: var(--wot-spacing-extra-loose, $n-16) !default;
+$spacing-super-loose: var(--wot-spacing-super-loose, $n-20) !default;
+$spacing-ultra-loose: var(--wot-spacing-ultra-loose, $n-24) !default;
+$spacing-spacious: var(--wot-spacing-spacious, $n-28) !default;
+$spacing-extra-spacious: var(--wot-spacing-extra-spacious, $n-32) !default;
+$spacing-super-spacious: var(--wot-spacing-super-spacious, $n-40) !default;
+$spacing-ultra-spacious: var(--wot-spacing-ultra-spacious, $n-48) !default;
+
+/* 边框线系列 */
+$stroke-zero: var(--wot-stroke-zero, $n-0) !default;
+$stroke-light: var(--wot-stroke-light, $n-05) !default;
+$stroke-main: var(--wot-stroke-main, $n-1) !default;
+$stroke-blod: var(--wot-stroke-blod, $n-2) !default;
+
+
+/* 语义变量(light) */
+/* 主色系列 */
+$primary-1: var(--wot-primary-1, $blue-1) !default;
+$primary-2: var(--wot-primary-2, $blue-2) !default;
+$primary-3: var(--wot-primary-3, $blue-3) !default;
+$primary-4: var(--wot-primary-4, $blue-4) !default;
+$primary-5: var(--wot-primary-5, $blue-5) !default;
+$primary-6: var(--wot-primary-6, $blue-6) !default;
+$primary-7: var(--wot-primary-7, $blue-7) !default;
+$primary-8: var(--wot-primary-8, $blue-8) !default;
+$primary-9: var(--wot-primary-9, $blue-9) !default;
+$primary-10: var(--wot-primary-10, $blue-10) !default;
+
+/* 危险色系列 */
+$danger-clicked: var(--wot-danger-clicked, $red-7) !default;
+$danger-disabled: var(--wot-danger-disabled, $red-3) !default;
+$danger-hover: var(--wot-danger-hover, $red-5) !default;
+$danger-main: var(--wot-danger-main, $red-6) !default;
+$danger-particular: var(--wot-danger-particular, $red-2) !default;
+$danger-surface: var(--wot-danger-surface, $red-1) !default;
+
+/* 成功色系列 */
+$success-clicked: var(--wot-success-clicked, $green-7) !default;
+$success-disabled: var(--wot-success-disabled, $green-3) !default;
+$success-hover: var(--wot-success-hover, $green-5) !default;
+$success-main: var(--wot-success-main, $green-6) !default;
+$success-particular: var(--wot-success-particular, $green-2) !default;
+$success-surface: var(--wot-success-surface, $green-1) !default;
+
+/* 警告色系列 */
+$warning-clicked: var(--wot-warning-clicked, $orange-7) !default;
+$warning-disabled: var(--wot-warning-disabled, $orange-3) !default;
+$warning-hover: var(--wot-warning-hover, $orange-5) !default;
+$warning-main: var(--wot-warning-main, $orange-6) !default;
+$warning-particular: var(--wot-warning-particular, $orange-2) !default;
+$warning-surface: var(--wot-warning-surface, $orange-1) !default;
+
+/* 文字色系列 */
+$text-main: var(--wot-text-main, $coolgrey-10) !default;
+$text-secondary: var(--wot-text-secondary, $coolgrey-8) !default;
+$text-auxiliary: var(--wot-text-auxiliary, $coolgrey-6) !default;
+$text-disabled: var(--wot-text-disabled, $coolgrey-4) !default;
+$text-placeholder: var(--wot-text-placeholder, $coolgrey-5) !default;
+$text-white: var(--wot-text-white, $base-white) !default;
+
+/* 图标色系列 */
+/* 图标 */
+$icon-main: var(--wot-icon-main, $coolgrey-10) !default;
+$icon-secondary: var(--wot-icon-secondary, $coolgrey-8) !default;
+$icon-auxiliary: var(--wot-icon-auxiliary, $coolgrey-6) !default;
+$icon-disabled: var(--wot-icon-disabled, $coolgrey-4) !default;
+$icon-placeholder: var(--wot-icon-placeholder, $coolgrey-5) !default;
+$icon-white: var(--wot-icon-white, $base-white) !default;
+
+/* 边框色系列 */
+$border-extra-strong: var(--wot-border-extra-strong, $coolgrey-6) !default;
+$border-strong: var(--wot-border-strong, $coolgrey-4) !default;
+$border-main: var(--wot-border-main, $coolgrey-3) !default;
+$border-light: var(--wot-border-light, $coolgrey-2) !default;
+$border-white: var(--wot-border-white, $base-white) !default;
+$border-zero: var(--wot-border-zero, $base-transparent) !default;
+
+/* 填充色系列 */
+$filled-extra-strong: var(--wot-filled-extra-strong, $coolgrey-4) !default;
+$filled-strong: var(--wot-filled-strong, $coolgrey-3) !default;
+$filled-content: var(--wot-filled-content, $coolgrey-2) !default;
+$filled-bottom: var(--wot-filled-bottom, $coolgrey-1) !default;
+$filled-oppo: var(--wot-filled-oppo, $base-white) !default;
+$filled-zero: var(--wot-filled-zero, $base-transparent) !default;
+
+/* 分割线系列 */
+$divider-main: var(--wot-divider-main, $opac-3_08) !default;
+$divider-light: var(--wot-divider-light, $opac-2_04) !default;
+$divider-strong: var(--wot-divider-strong, $opac-4_15) !default;
+$divider-white: var(--wot-divider-white, $base-white) !default;
+
+/* 反馈色系列 */
+$feedback-accent: var(--wot-feedback-accent, $blue-opac) !default;
+$feedback-active: var(--wot-feedback-active, $opac-3_08) !default;
+$feedback-hover: var(--wot-feedback-hover, $opac-2_04) !default;
+
+/* 透明度填充 */
+$opacfilled-light-cover: var(--wot-opacfilled-light-cover, $opac-6_30) !default;
+$opacfilled-main-cover: var(--wot-opacfilled-main-cover, $opac-7_55) !default;
+$opacfilled-tooltip-toast-cover: var(--wot-opacfilled-tooltip-toast-cover, $opac-9_75) !default;
+
+/* 分类色系列 */
+/* 黄色 */
+$classifyapplication-yellow-background: var(--wot-classifyapplication-yellow-background, $yellow-1) !default;
+$classifyapplication-yellow-border: var(--wot-classifyapplication-yellow-border, $yellow-3) !default;
+$classifyapplication-yellow-content: var(--wot-classifyapplication-yellow-content, $yellow-6) !default;
+
+/* 蓝色 */
+$classifyapplication-cyan-background: var(--wot-classifyapplication-cyan-background, $cyan-1) !default;
+$classifyapplication-cyan-border: var(--wot-classifyapplication-cyan-border, $cyan-3) !default;
+$classifyapplication-cyan-content: var(--wot-classifyapplication-cyan-content, $cyan-6) !default;
+
+/* 紫色 */
+$classifyapplication-purple-background: var(--wot-classifyapplication-purple-background, $purple-1) !default;
+$classifyapplication-purple-border: var(--wot-classifyapplication-purple-border, $purple-3) !default;
+$classifyapplication-purple-content: var(--wot-classifyapplication-purple-content, $purple-6) !default;
+
+/* 靛色 */
+$classifyapplication-grape-background: var(--wot-classifyapplication-grape-background, $grape-1) !default;
+$classifyapplication-grape-border: var(--wot-classifyapplication-grape-border, $grape-3) !default;
+$classifyapplication-grape-content: var(--wot-classifyapplication-grape-content, $grape-6) !default;
+
+/* 粉色 */
+$classifyapplication-pink-background: var(--wot-classifyapplication-pink-background, $pink-1) !default;
+$classifyapplication-pink-border: var(--wot-classifyapplication-pink-border, $pink-3) !default;
+$classifyapplication-pink-content: var(--wot-classifyapplication-pink-content, $pink-6) !default;

package/tags.json

@@ -0,0 +1 @@
+{"wd-action-sheet":{"attributes":["v-model","actions","panels","title","cancel-text","close-on-click-action","close-on-click-modal","duration","z-index","lazy-render","safe-area-inset-bottom","root-portal","custom-title-class","custom-class","custom-style","select","enter","after-enter","leave","after-leave","close","click-modal","cancel"],"description":"从底部弹出的动作菜单面板。\n\n[Docs](https://wot-ui.cn/component/action-sheet.html#actionsheet)"},"wd-avatar":{"attributes":["src","text","icon","size","shape","bg-color","color","alt","mode","custom-class","custom-style","click","error"],"description":"用来代表用户或事物，支持图片、文本或图标展示。\n\n[Docs](https://wot-ui.cn/component/avatar.html#avatar)"},"wd-avatar-group":{"attributes":["max-count","cascading","shape","size","collapse-avatar","vertical","custom-class","custom-style"],"description":"用来代表用户或事物，支持图片、文本或图标展示。\n\n[Docs](https://wot-ui.cn/component/avatar.html#avatargroup)"},"wd-backtop":{"attributes":["scroll-top","text","top","duration","z-index","icon-style","shape","bottom","right","custom-style","custom-class"],"description":"用于返回页面顶部的操作按钮。\n\n[Docs](https://wot-ui.cn/component/backtop.html#backtop)"},"wd-badge":{"attributes":["value","max","top","right","is-dot","hidden","type","bg-color","show-zero","shape","border","custom-class","custom-style"],"description":"出现在按钮、图标旁的数字或状态标记。\n\n[Docs](https://wot-ui.cn/component/badge.html#badge)"},"wd-button":{"attributes":["type","variant","size","round","disabled","hairline","block","loading","text","icon","class-prefix","loading-props","open-type","hover-stop-propagation","hover-start-time","hover-stay-time","lang","session-from","send-message-title","send-message-path","send-message-img","app-parameter","show-message-card","button-id","scope","loading-color","custom-class","custom-style","click","getuserinfo","contact","getphonenumber","getrealtimephonenumber","error","launchapp","opensetting","chooseavatar","agreeprivacyauthorization"],"description":"按钮用于触发一个操作，如提交表单或打开链接。\n\n[Docs](https://wot-ui.cn/component/button.html#button)"},"wd-calendar-view":{"attributes":["v-model","type","min-date","max-date","first-day-of-week","formatter","max-range","range-prompt","allow-same-day","show-panel-title","default-time","panel-height","time-filter","time-item-height","time-visible-item-count","hide-second","immediate-change","switch-mode","custom-class","custom-style","change","pickstart","pickend"],"description":"提供单选、多选、范围、周/月、日期时间等日历选择能力，可作为业务日历选择器的底层面板组件。\n\n[Docs](https://wot-ui.cn/component/calendar-view.html#calendarview)"},"wd-calendar":{"attributes":["v-model","v-model:visible","type","min-date","max-date","first-day-of-week","formatter","max-range","range-prompt","allow-same-day","default-time","time-filter","hide-second","title","close-on-click-modal","z-index","show-confirm","confirm-text","inner-display-format","ellipsis","show-type-switch","shortcuts","on-shortcuts-click","safe-area-inset-bottom","before-confirm","custom-view-class","immediate-change","root-portal","panel-height","show-panel-title","switch-mode","duration","custom-class","custom-style","confirm","change","cancel","open"],"description":"提供单选、多选、范围、周/月、日期时间等日历选择能力。\n\n[Docs](https://wot-ui.cn/component/calendar.html#calendar)"},"wd-card":{"attributes":["title","type","custom-title-class","custom-content-class","custom-footer-class","custom-class","custom-style"],"description":"用于展示商品的图片、价格等信息。\n\n[Docs](https://wot-ui.cn/component/card.html#card)"},"wd-cascader":{"attributes":["v-model","v-model:visible","options","title","before-confirm","check-strictly","confirm-text","value-key","text-key","children-key","tip-key","is-leaf-key","lazy-load","close-on-click-modal","z-index","safe-area-inset-bottom","line-width","line-height","line-theme","root-portal","custom-class","custom-style","confirm","close"],"description":"用于处理树形结构数据的分级选择，支持静态数据与异步加载两种模式。\n\n[Docs](https://wot-ui.cn/component/cascader.html#cascader)"},"wd-cell-group":{"attributes":["title","value","border","insert","center","size","title-width","layout","value-align","custom-class","custom-style"],"description":"单元格用于信息展示与轻交互，可独立使用，也可通过 `wd-cell-group` 统一管理布局与样式。\n\n[Docs](https://wot-ui.cn/component/cell.html#cellgroup)"},"wd-cell":{"attributes":["title","value","placeholder","label","prefix-icon","suffix-icon","icon-size","icon-prefix","to","replace","clickable","is-link","arrow-direction","size","border","title-width","center","layout","value-align","required","asterisk-position","hide-asterisk","ellipsis","use-title-slot","custom-class","custom-style","custom-prefix-class","custom-suffix-class","custom-label-class","custom-value-class","custom-title-class","click"],"description":"单元格用于信息展示与轻交互，可独立使用，也可通过 `wd-cell-group` 统一管理布局与样式。\n\n[Docs](https://wot-ui.cn/component/cell.html#cell)"},"wd-checkbox":{"attributes":["v-model","name","type","checked-color","unchecked-color","disabled","readonly","indeterminate","true-value","false-value","size","placement","direction","max-width","custom-label-class","custom-class","custom-style","change"],"description":"用于在一组备选项中进行多选，支持普通样式、按钮样式、自定义图标及全选控制。\n\n[Docs](https://wot-ui.cn/component/checkbox.html#checkbox)"},"wd-checkbox-group":{"attributes":["v-model","type","checked-color","unchecked-color","disabled","readonly","min","max","size","placement","direction","custom-class","custom-style","change"],"description":"用于在一组备选项中进行多选，支持普通样式、按钮样式、自定义图标及全选控制。\n\n[Docs](https://wot-ui.cn/component/checkbox.html#checkboxgroup)"},"wd-circle":{"attributes":["v-model","size","color","layer-color","fill","speed","text","stroke-width","stroke-linecap","clockwise","custom-class","custom-style"],"description":"圆环形进度条组件，支持颜色定制、渐变色、方向控制和插槽内容。\n\n[Docs](https://wot-ui.cn/component/circle.html#circle)"},"wd-collapse-item":{"attributes":["name","title","disabled","before-expend","border","custom-body-class","custom-body-style","custom-class","custom-style"],"description":"将一组内容放置在多个折叠面板中，点击面板标题可展开或收起内容。\n\n[Docs](https://wot-ui.cn/component/collapse.html#collapseitem)"},"wd-collapse":{"attributes":["change"],"description":"将一组内容放置在多个折叠面板中，点击面板标题可展开或收起内容。\n\n[Docs](https://wot-ui.cn/component/collapse.html#collapse)"},"wd-config-provider":{"attributes":["theme","theme-vars","custom-class","custom-style"],"description":"用于为 `Wot` 组件提供主题模式和主题变量配置，支持深色模式、主题定制和跨组件树共享配置。\n\n[Docs](https://wot-ui.cn/component/config-provider.html#configprovider)"},"wd-count-down":{"attributes":["time","millisecond","format","auto-start","custom-class","custom-style","change","finish"],"description":"用于实时展示倒计时数值，支持毫秒级渲染与手动控制。\n\n[Docs](https://wot-ui.cn/component/count-down.html#countdown)"},"wd-count-to":{"attributes":["color","type","start-val","end-val","duration","auto-start","decimals","decimal","separator","prefix","suffix","use-easing","custom-class","custom-style","mounted","finish"],"description":"用于数字滚动展示，支持主题、前后缀、小数精度与手动控制。\n\n[Docs](https://wot-ui.cn/component/count-to.html#countto)"},"wd-curtain":{"attributes":["v-model","value","src","width","to","close-position","close-on-click-modal","hide-when-close","z-index","custom-close-class","custom-close-style","root-portal","show-menu-by-longpress","close-on-click","custom-class","custom-style","click","close","closed","click-modal","beforeenter","enter","afterenter","beforeleave","leave","afterleave","load","error"],"description":"一般用于公告类图片弹窗展示。\n\n[Docs](https://wot-ui.cn/component/curtain.html#curtain)"},"wd-datetime-picker-view":{"attributes":["v-model","type","item-height","visible-item-count","value-key","label-key","formatter","filter","column-formatter","min-date","max-date","min-hour","max-hour","min-minute","max-minute","use-second","min-second","max-second","immediate-change","boundary-min-date","boundary-max-date","custom-class","custom-style","change","pickstart","pickend"],"description":"用于构建日期时间滚筒选项的基础视图组件。\n\n[Docs](https://wot-ui.cn/component/datetime-picker-view.html#datetimepickerview)"},"wd-datetime-picker":{"attributes":["v-model","v-model:visible","type","title","cancel-button-text","confirm-button-text","close-on-click-modal","safe-area-inset-bottom","item-height","visible-item-count","value-key","label-key","min-date","max-date","min-hour","max-hour","min-minute","max-minute","use-second","min-second","max-second","formatter","filter","before-confirm","display-format-tab-label","z-index","immediate-change","root-portal","custom-class","custom-style","custom-view-class","open","cancel","confirm","change","toggle"],"description":"对 `DatetimePickerView` 的封装组件，内置日期时间列构建与弹窗交互。\n\n[Docs](https://wot-ui.cn/component/datetime-picker.html#datetimepicker)"},"wd-dialog":{"description":"弹出对话框，常用于消息提示、操作确认和输入收集，支持函数式调用。\n\n[Docs](https://wot-ui.cn/component/dialog.html#dialog)"},"wd-divider":{"attributes":["color","content-position","dashed","vertical","hairline","custom-class","custom-style"],"description":"用于将内容分隔为多个区域。\n\n[Docs](https://wot-ui.cn/component/divider.html#divider)"},"wd-drop-menu":{"attributes":["z-index","direction","modal","close-on-click-modal","duration","custom-class","custom-style"],"description":"向下或向上弹出的菜单列表。\n\n[Docs](https://wot-ui.cn/component/drop-menu.html#dropmenu)"},"wd-drop-menu-item":{"attributes":["v-model","disabled","options","icon-name","title","icon","icon-size","before-toggle","value-key","label-key","tip-key","custom-popup-class","custom-popup-style","popup-height","root-portal","custom-class","custom-style","change","open","opened","close","closed"],"description":"向下或向上弹出的菜单列表。\n\n[Docs](https://wot-ui.cn/component/drop-menu.html#dropmenuitem)"},"wd-empty":{"attributes":["icon","icon-size","tip"],"description":"一般用于兜底占位展示。\n\n[Docs](https://wot-ui.cn/component/empty.html#empty)"},"wd-fab":{"attributes":["v-model:active","type","position","draggable","direction","disabled","inactive-icon","active-icon","z-index","gap","expandable","custom-class","custom-style","click"],"description":"悬浮动作按钮组件，按下可显示一组动作按钮。\n\n[Docs](https://wot-ui.cn/component/fab.html#fab)"},"wd-floating-panel":{"attributes":["v-model:height","anchors","duration","content-draggable","safe-area-inset-bottom","show-scrollbar","custom-class","custom-style"],"description":"浮动在页面底部的面板，用户可以通过上下拖动秒板来浏览内容，从而在不离开当前视图的情况下访问更多信息，常用于地图导航。\n\n[Docs](https://wot-ui.cn/component/floating-panel.html#floatingpanel)"},"wd-form-item":{"attributes":["click"],"description":"用于数据录入、校验，支持输入框、单选框、复选框、文件上传等类型。\n\n[Docs](https://wot-ui.cn/component/form.html#formitem)"},"wd-form":{"attributes":["model","schema","validate-trigger","reset-on-change","error-type","border","center","size","title-width","layout","value-align","asterisk-position","hide-asterisk","ellipsis"],"description":"用于数据录入、校验，支持输入框、单选框、复选框、文件上传等类型。\n\n[Docs](https://wot-ui.cn/component/form.html#form)"},"wd-gap":{"attributes":["height","bg-color","safe-area-bottom","custom-class","custom-style"],"description":"用于页面布局中的间距占位，可替代 `margin` 或 `padding`，也可作为底部占位元素。\n\n[Docs](https://wot-ui.cn/component/gap.html#gap)"},"wd-grid":{"attributes":["column","border","gutter","square","clickable","bg-color","hover-class","center","direction","reverse","icon-size","custom-class","custom-style"],"description":"宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或进行页面导航。\n\n[Docs](https://wot-ui.cn/component/grid.html#grid)"},"wd-grid-item":{"attributes":["text","ellipsis","icon","icon-color","icon-prefix","is-dot","value","max","badge-props","url","link-type","custom-class","custom-style"],"description":"宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或进行页面导航。\n\n[Docs](https://wot-ui.cn/component/grid.html#griditem)"},"wd-icon":{"attributes":["name","color","size","class-prefix","css-icon","custom-style","custom-class","click"],"description":"基于字体的图标集。\n\n[Docs](https://wot-ui.cn/component/icon.html#icon)"},"wd-image-preview":{"attributes":["selector","images","start-position","show-index","loop","closeable","close-icon","close-icon-position","close-on-click","show-menu-by-longpress","z-index","open","close","change","long-press"],"description":"图片预览组件，支持多图预览、滑动切换和函数式调用。\n\n[Docs](https://wot-ui.cn/component/image-preview.html#imagepreview)"},"wd-img-cropper":{"attributes":["v-model","img-src","img-width","img-height","disabled-rotate","export-scale","max-scale","cancel-button-text","confirm-button-text","quality","file-type","aspect-ratio","confirm","cancel","imgloaderror","imgloaded"],"description":"图片剪裁组件，用于图片裁剪，支持拖拽、缩放、旋转等操作。\n\n[Docs](https://wot-ui.cn/component/img-cropper.html#imgcropper)"},"wd-img":{"attributes":["src","preview-src","width","height","mode","round","radius","lazy-load","enable-preview","show-menu-by-longpress","show-loading","show-error","custom-class","custom-style","custom-image","click","load","error"],"description":"增强版图片组件，支持填充模式、懒加载、加载态/失败态插槽，以及点击预览。\n\n[Docs](https://wot-ui.cn/component/img.html#img)"},"wd-index-anchor":{"attributes":["index","custom-style","custom-class"],"description":"用于列表的索引分类显示和快速定位。\n\n[Docs](https://wot-ui.cn/component/index-bar.html#indexanchor)"},"wd-index-bar":{"attributes":["sticky"],"description":"用于列表的索引分类显示和快速定位。\n\n[Docs](https://wot-ui.cn/component/index-bar.html#indexbar)"},"wd-input-number":{"attributes":["v-model","min","max","step","step-strictly","precision","disabled","disable-input","disable-minus","disable-plus","without-input","input-width","allow-null","placeholder","adjust-position","before-change","long-press","immediate-change","update-on-init","input-type","theme","round","custom-class","custom-style","change","focus","blur","update:modelValue"],"description":"由增加按钮、减少按钮和输入框组成，用于在一定范围内输入或调整数字。\n\n[Docs](https://wot-ui.cn/component/input-number.html#inputnumber)"},"wd-input":{"attributes":["v-model","type","placeholder","placeholder-style","placeholder-class","maxlength","disabled","readonly","clearable","clear-trigger","focus-when-clear","show-password","prefix-icon","suffix-icon","show-word-limit","error","align-right","compact","focus","cursor-spacing","cursor","selection-start","selection-end","adjust-position","hold-keyboard","confirm-type","confirm-hold","always-embed","ignore-composition-event","inputmode","enable-native","custom-input-class","custom-class","custom-style","input","focus","blur","clear","confirm","keyboardheightchange","clickprefixicon","clicksuffixicon","click"],"description":"用户可以在文本框中输入内容。\n\n[Docs](https://wot-ui.cn/component/input.html#input)"},"wd-keyboard":{"attributes":["v-model:visible","v-model","title","mode","z-index","maxlength","show-delete-key","random-key-order","close-text","delete-text","close-button-loading","modal","hide-on-click-outside","lock-scroll","safe-area-inset-bottom","extra-key","root-portal","v-model:car","auto-switch-lang","custom-class","custom-style","input","delete","close","update:visible","update:modelValue","update:carLang"],"description":"虚拟数字键盘，用于输入数字、密码、身份证或车牌号等场景。\n\n[Docs](https://wot-ui.cn/component/keyboard.html#keyboard)"},"wd-row":{"attributes":["gutter","justify","align","custom-class","custom-style"],"description":"用于快速进行布局。\n\n[Docs](https://wot-ui.cn/component/layout.html#row)"},"wd-col":{"attributes":["span","offset","custom-class","custom-style"],"description":"用于快速进行布局。\n\n[Docs](https://wot-ui.cn/component/layout.html#col)"},"wd-loading":{"attributes":["type","color","size","text","direction","inherit-color","custom-class","custom-style","custom-spinner-class"],"description":"加载动画，用于表示加载中的过渡状态。\n\n[Docs](https://wot-ui.cn/component/loading.html#loading)"},"wd-loadmore":{"attributes":["state","loading-text","finished-text","error-text","loading-props","custom-class","custom-style","reload"],"description":"用于在列表底部展示加载状态。\n\n[Docs](https://wot-ui.cn/component/loadmore.html#loadmore)"},"wd-navbar-capsule":{"attributes":["custom-class","custom-style","back","back-home"],"description":"为页面提供导航功能，常用于页面顶部。\n\n[Docs](https://wot-ui.cn/component/navbar.html#navbarcapsule)"},"wd-navbar":{"attributes":["title","left-text","right-text","left-arrow","bordered","fixed","placeholder","z-index","safe-area-inset-top","left-disabled","right-disabled","custom-class","custom-style","click-left","click-right"],"description":"为页面提供导航功能，常用于页面顶部。\n\n[Docs](https://wot-ui.cn/component/navbar.html#navbar)"},"wd-notice-bar":{"attributes":["text","type","prefix","scrollable","delay","speed","closable","wrapable","color","background-color","direction","custom-class","custom-style","close","next","click"],"description":"通知栏组件，用于在页面顶部展示通知提醒。\n\n[Docs](https://wot-ui.cn/component/notice-bar.html#noticebar)"},"wd-notify":{"attributes":["type","message","duration","visible","position","color","background","z-index","safe-height","selector","root-portal","closable","variant","custom-class","custom-style"],"description":"通知类组件，用于在页面顶部展示通知信息。\n\n[Docs](https://wot-ui.cn/component/notify.html#notify)"},"wd-overlay":{"attributes":["show","duration","lock-scroll","z-index","custom-style","custom-class","click","before-enter","enter","after-enter","before-leave","leave","after-leave"],"description":"创建一个遮罩层，用于强调特定的页面元素，并阻止用户进行其他操作。\n\n[Docs](https://wot-ui.cn/component/overlay.html#overlay)"},"wd-pagination":{"attributes":["v-model","total-page","total","page-size","prev-text","next-text","show-icon","show-message","button-variant","hide-if-one-page","custom-class","custom-style","change","update:modelValue"],"description":"当数据量过多时，使用分页分解数据。\n\n[Docs](https://wot-ui.cn/component/pagination.html#pagination)"},"wd-password-input":{"attributes":["v-model","mask","info","error-info","gutter","length","focused","custom-class","custom-style","focus"],"description":"带网格的密码输入组件，适用于支付密码、短信验证码等场景，通常与 [Keyboard 键盘]\n\n[Docs](https://wot-ui.cn/component/password-input.html#passwordinput)"},"wd-picker-view":{"attributes":["v-model","columns","item-height","visible-item-count","value-key","label-key","immediate-change","cascade","children-key","custom-class","custom-style","change","pickstart","pickend","update:modelValue"],"description":"选择器视图，用于从一组数据中选择单个或多个值。\n\n[Docs](https://wot-ui.cn/component/picker-view.html#pickerview)"},"wd-picker":{"attributes":["v-model","v-model:visible","columns","cascade","title","cancel-button-text","confirm-button-text","value-key","label-key","children-key","item-height","visible-item-count","before-confirm","close-on-click-modal","z-index","safe-area-inset-bottom","immediate-change","root-portal","custom-class","custom-style","custom-view-class","confirm","cancel","open"],"description":"Picker 包含了一个弹出层（`wd-popup`）与一个选择器视图（`wd-picker-view`），不包含外层的触发元素（如 Input、Cell 等）。通常需要结合 `wd-cell` 或表单相关组件来触发显示。\n\n[Docs](https://wot-ui.cn/component/picker.html#picker)"},"wd-popover":{"attributes":["v-model","content","mode","placement","offset","visible-arrow","disabled","show-close","custom-class","custom-style","custom-arrow","custom-pop","open","close","change","menuclick"],"description":"常用于展示提示信息或菜单操作。\n\n[Docs](https://wot-ui.cn/component/popover.html#popover)"},"wd-popup":{"attributes":["v-model","transition","closable","position","close-on-click-modal","duration","modal","z-index","hide-when-close","modal-style","safe-area-inset-bottom","lazy-render","lock-scroll","root-portal","round","custom-class","custom-style","close","click-modal","before-enter","enter","after-enter","before-leave","leave","after-leave"],"description":"弹出层组件，用于展示弹窗、信息提示等内容。\n\n[Docs](https://wot-ui.cn/component/popup.html#popup)"},"wd-progress":{"attributes":["percentage","hide-text","color","status","duration","percent-position","custom-class","custom-style"],"description":"用于展示操作的当前进度。\n\n[Docs](https://wot-ui.cn/component/progress.html#progress)"},"wd-radio-group":{"attributes":["v-model","type","checked-color","unchecked-color","disabled","readonly","placement","direction","allow-uncheck","custom-class","custom-style","change"],"description":"单选框用于在一组备选项中进行单选。\n\n[Docs](https://wot-ui.cn/component/radio.html#radiogroup)"},"wd-radio":{"description":"单选框用于在一组备选项中进行单选。\n\n[Docs](https://wot-ui.cn/component/radio.html#radio)"},"wd-rate":{"attributes":["v-model","num","readonly","size","space","color","active-color","icon","active-icon","disabled","allow-half","clearable","block","custom-class","custom-style","change"],"description":"用于快速评价，或展示评分结果。\n\n[Docs](https://wot-ui.cn/component/rate.html#rate)"},"wd-resize":{"attributes":["custom-style","custom-class","custom-container-class","resize"],"description":"当组件包裹的文档流尺寸发生变化时，触发 `resize` 事件。一般用于监听内容更新引起的尺寸和位置信息变化，再据此重新进行布局计算。\n\n[Docs](https://wot-ui.cn/component/resize.html#resize)"},"wd-root-portal":{"description":"是否从页面中脱离出来，用于解决各种 fixed 失效问题，主要用于制作弹窗、弹出层等。\n\n[Docs](https://wot-ui.cn/component/root-portal.html#root-portal)"},"wd-search":{"attributes":["v-model","custom-input-class","placeholder","cancel-txt","variant","hide-cancel","disabled","maxlength","placeholder-left","focus","focus-when-clear","placeholder-style","placeholder-class","custom-class","custom-style","focus","blur","search","clear","cancel","change","click"],"description":"搜索框组件，支持输入框聚焦、失焦、输入、搜索、取消、清空事件。\n\n[Docs](https://wot-ui.cn/component/search.html#search)"},"wd-segmented":{"attributes":["v-model:value","disabled","options","theme","vibrate-short","custom-class","custom-style","change","click"],"description":"分段器用于展示多个选项并允许用户选择其中单个选项。\n\n[Docs](https://wot-ui.cn/component/segmented.html#segmented)"},"wd-select-picker":{"attributes":["v-model","v-model:visible","title","checked-color","min","max","select-size","loading","loading-color","close-on-click-modal","columns","type","value-key","label-key","confirm-button-text","before-confirm","z-index","safe-area-inset-bottom","filterable","filter-placeholder","scroll-into-view","custom-content-class","show-confirm","root-portal","custom-class","custom-style","change","cancel","confirm","open","close"],"description":"用于从一组选项中进行单选或多选，通常配合外部单元格或按钮控制弹层显示。\n\n[Docs](https://wot-ui.cn/component/select-picker.html#selectpicker)"},"wd-sidebar":{"attributes":["v-model","before-change","custom-class","custom-style","change"],"description":"垂直展示的导航栏，用于在不同内容区域之间进行切换。\n\n[Docs](https://wot-ui.cn/component/sidebar.html#sidebar)"},"wd-sidebar-item":{"attributes":["label","value","badge","badge-props","icon","is-dot","max","disabled","custom-class","custom-style"],"description":"垂直展示的导航栏，用于在不同内容区域之间进行切换。\n\n[Docs](https://wot-ui.cn/component/sidebar.html#sidebaritem)"},"wd-signature":{"attributes":["pen-color","line-width","confirm-text","clear-text","revoke-text","restore-text","file-type","quality","export-scale","disabled","height","width","background-color","disable-scroll","enable-history","step","undo-text","redo-text","pressure","max-width","min-width","min-speed","custom-class","custom-style","start","end","signing","confirm","clear"],"description":"用于签名场景，基于 Canvas 实现的签名组件，支持导出图片、历史记录、笔锋效果、自定义底部操作等能力。\n\n[Docs](https://wot-ui.cn/component/signature.html#signature)"},"wd-skeleton":{"attributes":["theme","row-col","loading","animation","custom-class","custom-style"],"description":"[Docs](https://wot-ui.cn/component/skeleton.html#skeleton)"},"wd-slide-verify":{"attributes":["tolerance","text","success-text","disabled","background-color","active-background-color","icon","success-icon","icon-size","success-icon-size","success","fail"],"description":"滑动验证组件，用于人机验证场景。\n\n[Docs](https://wot-ui.cn/component/slide-verify.html#slideverify)"},"wd-slider":{"attributes":["v-model","min","max","step","range","vertical","theme","disabled","show-extreme-value","popover-visible","marks","active-color","inactive-color","custom-class","custom-style","dragstart","dragmove","dragend","change"],"description":"支持单向滑块和双向滑块，可用于在范围内选择一个值或一段区间。\n\n[Docs](https://wot-ui.cn/component/slider.html#slider)"},"wd-sort-button":{"attributes":["v-model","title","allow-reset","desc-first","line","custom-class","custom-style","change"],"description":"用于展示排序按钮，支持升序、降序、重置三种状态。\n\n[Docs](https://wot-ui.cn/component/sort-button.html#sortbutton)"},"wd-steps":{"attributes":["active","vertical","dot","space","align-center","custom-class","custom-style"],"description":"用于引导用户按照流程完成任务，或向用户展示当前所处的步骤状态。\n\n[Docs](https://wot-ui.cn/component/steps.html#steps)"},"wd-step":{"attributes":["title","description","icon","status","custom-class","custom-style"],"description":"用于引导用户按照流程完成任务，或向用户展示当前所处的步骤状态。\n\n[Docs](https://wot-ui.cn/component/steps.html#step)"},"wd-sticky":{"attributes":["z-index","offset-top","custom-class","custom-style"],"description":"粘性布局组件，用于在页面滚动时将元素固定在指定位置。\n\n[Docs](https://wot-ui.cn/component/sticky.html#sticky)"},"wd-sticky-box":{"description":"粘性布局组件，用于在页面滚动时将元素固定在指定位置。\n\n[Docs](https://wot-ui.cn/component/sticky.html#sticky-box)"},"wd-swipe-action":{"attributes":["v-model","disabled","before-close","custom-class","custom-style","click","update:modelValue"],"description":"常用于单元格左右滑删除等手势操作。\n\n[Docs](https://wot-ui.cn/component/swipe-action.html#swipeaction)"},"wd-swiper-indicator":{"attributes":["current","direction","min-show-num","indicator-position","show-controls","total","type"],"description":"用于创建轮播，支持水平和垂直方向滑动、自定义指示器、图片和视频资源展示，以及基于对象数据渲染标题。\n\n[Docs](https://wot-ui.cn/component/swiper.html#swiperindicator)"},"wd-swiper":{"attributes":["autoplay","v-model:current","direction","display-multiple-items","duration","easing-function","height","interval","list","loop","video-loop","muted","next-margin","indicator-position","previous-margin","radius","snap-to-edge","indicator","image-mode","show-menu-by-longpress","value-key","text-key","autoplay-video","stop-previous-video","stop-autoplay-when-video-play","adjust-height","adjust-vertical-height","custom-indicator-class","custom-image-class","custom-prev-image-class","custom-next-image-class","custom-item-class","custom-prev-class","custom-next-class","custom-text-class","custom-text-style","custom-class","custom-style","click","change","animationfinish","update:current"],"description":"用于创建轮播，支持水平和垂直方向滑动、自定义指示器、图片和视频资源展示，以及基于对象数据渲染标题。\n\n[Docs](https://wot-ui.cn/component/swiper.html#swiper)"},"wd-switch":{"attributes":["v-model","disabled","inactive-action-icon","active-action-icon","active-icon","inactive-icon","active-text","inactive-text","active-value","inactive-value","active-color","inactive-color","size","shape","loading","loading-props","before-change","class-prefix","custom-class","custom-style","change"],"description":"用来打开或关闭选项。\n\n[Docs](https://wot-ui.cn/component/switch.html#switch)"},"wd-tabbar":{"attributes":["change"],"description":"底部导航栏，用于在不同页面之间进行切换。\n\n[Docs](https://wot-ui.cn/component/tabbar.html#tabbar)"},"wd-tabbar-item":{"attributes":["title","name","icon","value","is-dot","max","badge-props","custom-class","custom-style"],"description":"底部导航栏，用于在不同页面之间进行切换。\n\n[Docs](https://wot-ui.cn/component/tabbar.html#tabbaritem)"},"wd-table":{"attributes":["data","border","stripe","height","show-header","ellipsis","index","fixed-header","span-method","virtual","row-height","buffer","custom-class","custom-style","sort-method","row-click"],"description":"用于展示多条结构类似的数据，支持固定列、排序、合并单元格与虚拟滚动等能力。\n\n[Docs](https://wot-ui.cn/component/table.html#table)"},"wd-table-column":{"attributes":["prop","label","width","sortable","fixed","align"],"description":"用于展示多条结构类似的数据，支持固定列、排序、合并单元格与虚拟滚动等能力。\n\n[Docs](https://wot-ui.cn/component/table.html#tablecolumn)"},"wd-tabs":{"attributes":["v-model","slidable-num","map-num","map-title","sticky","offset-top","swipeable","line-theme","line-width","line-height","color","inactive-color","animated","duration","slidable","show-scrollbar","custom-class","custom-style","change","click","disabled","update:modelValue"],"description":"标签页组件，用于在不同内容区域之间进行切换。\n\n[Docs](https://wot-ui.cn/component/tabs.html#tabs)"},"wd-tab":{"attributes":["name","title","disabled","lazy","badge-props","custom-class","custom-style"],"description":"标签页组件，用于在不同内容区域之间进行切换。\n\n[Docs](https://wot-ui.cn/component/tabs.html#tab)"},"wd-tag":{"attributes":["size","type","icon","closable","dynamic","color","bg-color","round","mark","variant","custom-class","custom-style","click","close","confirm"],"description":"用于标记状态或者概括主要内容。\n\n[Docs](https://wot-ui.cn/component/tag.html#tag)"},"wd-text":{"attributes":["type","text","size","mode","decoration","call","bold","format","color","prefix","suffix","lines","line-height","custom-class","custom-style","click"],"description":"文本组件，用于展示文本信息。\n\n[Docs](https://wot-ui.cn/component/text.html#text)"},"wd-textarea":{"attributes":["v-model","placeholder","placeholder-style","placeholder-class","disabled","readonly","maxlength","clearable","show-word-limit","clear-trigger","focus-when-clear","error","focus","auto-focus","auto-height","fixed","cursor-spacing","cursor","confirm-type","confirm-hold","show-confirm-bar","selection-start","selection-end","adjust-position","disable-default-padding","hold-keyboard","ignore-composition-event","inputmode","enable-native","compact","custom-textarea-class","custom-class","custom-style","input","focus","blur","clear","linechange","confirm","keyboardheightchange"],"description":"用于输入多行文本信息，支持清空、字数统计、高度自适应与紧凑布局。\n\n[Docs](https://wot-ui.cn/component/textarea.html#textarea)"},"wd-toast":{"attributes":["selector","msg","direction","icon-name","icon-size","loading-type","loading-color","loading-size","icon-color","position","z-index","cover","icon-class","class-prefix","opened","closed","custom-class","custom-style"],"description":"轻提示组件，用于消息通知、加载提示和操作结果反馈，支持组件挂载点配合 `useToast\n\n[Docs](https://wot-ui.cn/component/toast.html#toast)"},"wd-tooltip":{"attributes":["model-value","content","placement","offset","visible-arrow","disabled","show-close","custom-arrow","custom-pop","custom-class","custom-style","open","close","change","update:modelValue"],"description":"用于展示简短提示信息，支持多方向定位、受控显隐、自定义内容和动态更新位置。\n\n[Docs](https://wot-ui.cn/component/tooltip.html#tooltip)"},"wd-tour":{"attributes":["model-value","steps","current","mask","mask-color","offset","duration","border-radius","padding","prev-text","next-text","skip-text","finish-text","bottom-safety-offset","top-safety-offset","custom-nav","click-mask-next","highlight-style","z-index","show-tour-buttons","scope","missing-strategy","custom-class","custom-style","change","prev","next","finish","skip","error","update:modelValue","update:current"],"description":"用于分步骤引导用户了解页面功能，可高亮目标元素并在其附近展示说明面板。\n\n[Docs](https://wot-ui.cn/component/tour.html#tour)"},"wd-tour-step":{"attributes":["element","content","padding","offset","placement"],"description":"用于分步骤引导用户了解页面功能，可高亮目标元素并在其附近展示说明面板。\n\n[Docs](https://wot-ui.cn/component/tour.html#tourstep)"},"wd-transition":{"attributes":["show","duration","lazy-render","name","destroy","enter-class","enter-active-class","enter-to-class","leave-class","leave-active-class","leave-to-class","disable-touch-move","custom-style","custom-class","before-enter","enter","after-enter","before-leave","leave","after-leave","click"],"description":"用于在元素进入或离开时应用过渡效果。\n\n[Docs](https://wot-ui.cn/component/transition.html#transition)"},"wd-upload":{"attributes":["v-model:file","action","header","multiple","disabled","limit","show-limit-num","max-size","source-type","size-type","name","form-data","on-preview-fail","before-upload","before-choose","before-remove","before-preview","build-form-data","loading-type","loading-color","loading-size","accept","status-key","compressed","max-duration","camera","image-mode","success-status","custom-evoke-class","custom-preview-class","auto-upload","reupload","upload-method","extension","custom-class","custom-style","success","fail","progress","oversize","chooseerror","change","remove","update:fileList"],"description":"图片、视频和文件上传组件。\n\n[Docs](https://wot-ui.cn/component/upload.html#upload)"},"wd-video-preview":{"attributes":["selector","z-index","on-open","on-close","custom-style","custom-class","open","close"],"description":"视频预览组件，支持通过组件实例或 `useVideoPreview` 函数式调用打开全屏视频预览层。`useVideoPreview` 的独立用法与 API 说明见 [useVideoPreview]\n\n[Docs](https://wot-ui.cn/component/video-preview.html#videopreview)"},"wd-watermark":{"attributes":["content","image","image-height","image-width","gutter-x","gutter-y","width","height","full-screen","color","size","font-style","font-weight","font-family","rotate","z-index","opacity","layout","custom-style","custom-class"],"description":"在页面或组件上添加指定的图片或文字，可用于版权保护、品牌宣传等场景。\n\n[Docs](https://wot-ui.cn/component/watermark.html#watermark)"}}