@vaebe/ccui 2.0.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +201 -0
- package/README.md +31 -0
- package/affix/ccui-cli.css +2 -0
- package/affix/index.es.js +132 -0
- package/affix/index.umd.js +1 -0
- package/alert/ccui-cli.css +2 -0
- package/alert/index.es.js +127 -0
- package/alert/index.umd.js +1 -0
- package/anchor/ccui-cli.css +2 -0
- package/anchor/index.es.js +160 -0
- package/anchor/index.umd.js +1 -0
- package/avatar/ccui-cli.css +2 -0
- package/avatar/index.es.js +235 -0
- package/avatar/index.umd.js +1 -0
- package/badge/ccui-cli.css +2 -0
- package/badge/index.es.js +146 -0
- package/badge/index.umd.js +1 -0
- package/breadcrumb/ccui-cli.css +2 -0
- package/breadcrumb/index.es.js +89 -0
- package/breadcrumb/index.umd.js +1 -0
- package/button/ccui-cli.css +2 -0
- package/button/index.es.js +1236 -0
- package/button/index.umd.js +1 -0
- package/button-3d/ccui-cli.css +2 -0
- package/button-3d/index.es.js +80 -0
- package/button-3d/index.umd.js +1 -0
- package/calendar/ccui-cli.css +2 -0
- package/calendar/index.es.js +450 -0
- package/calendar/index.umd.js +1 -0
- package/card/ccui-cli.css +2 -0
- package/card/index.es.js +78 -0
- package/card/index.umd.js +1 -0
- package/ccui-cli.css +2 -0
- package/check-box/ccui-cli.css +2 -0
- package/check-box/index.es.js +173 -0
- package/check-box/index.umd.js +1 -0
- package/collapse/ccui-cli.css +2 -0
- package/collapse/index.es.js +176 -0
- package/collapse/index.umd.js +1 -0
- package/config-provider/index.es.js +204 -0
- package/config-provider/index.umd.js +1 -0
- package/date-picker/ccui-cli.css +2 -0
- package/date-picker/index.es.js +2447 -0
- package/date-picker/index.umd.js +1 -0
- package/descriptions/ccui-cli.css +2 -0
- package/descriptions/index.es.js +175 -0
- package/descriptions/index.umd.js +1 -0
- package/divider/ccui-cli.css +2 -0
- package/divider/index.es.js +78 -0
- package/divider/index.umd.js +1 -0
- package/drawer/ccui-cli.css +2 -0
- package/drawer/index.es.js +1320 -0
- package/drawer/index.umd.js +1 -0
- package/dropdown/ccui-cli.css +2 -0
- package/dropdown/index.es.js +606 -0
- package/dropdown/index.umd.js +1 -0
- package/empty/ccui-cli.css +2 -0
- package/empty/index.es.js +173 -0
- package/empty/index.umd.js +1 -0
- package/flex/ccui-cli.css +2 -0
- package/flex/index.es.js +87 -0
- package/flex/index.umd.js +1 -0
- package/float-button/ccui-cli.css +2 -0
- package/float-button/index.es.js +169 -0
- package/float-button/index.umd.js +1 -0
- package/form/ccui-cli.css +2 -0
- package/form/index.es.js +752 -0
- package/form/index.umd.js +1 -0
- package/grid/ccui-cli.css +2 -0
- package/grid/index.es.js +207 -0
- package/grid/index.umd.js +1 -0
- package/icon/ccui-cli.css +2 -0
- package/icon/index.es.js +1228 -0
- package/icon/index.umd.js +1 -0
- package/image/ccui-cli.css +2 -0
- package/image/index.es.js +276 -0
- package/image/index.umd.js +1 -0
- package/index.d.ts +7 -0
- package/input/ccui-cli.css +2 -0
- package/input/index.es.js +1293 -0
- package/input/index.umd.js +1 -0
- package/input-number/ccui-cli.css +2 -0
- package/input-number/index.es.js +263 -0
- package/input-number/index.umd.js +1 -0
- package/layout/ccui-cli.css +2 -0
- package/layout/index.es.js +184 -0
- package/layout/index.umd.js +1 -0
- package/masonry/ccui-cli.css +2 -0
- package/masonry/index.es.js +119 -0
- package/masonry/index.umd.js +1 -0
- package/menu/ccui-cli.css +2 -0
- package/menu/index.es.js +385 -0
- package/menu/index.umd.js +1 -0
- package/message/ccui-cli.css +2 -0
- package/message/index.es.js +351 -0
- package/message/index.umd.js +1 -0
- package/modal/ccui-cli.css +2 -0
- package/modal/index.es.js +1553 -0
- package/modal/index.umd.js +1 -0
- package/notification/ccui-cli.css +2 -0
- package/notification/index.es.js +347 -0
- package/notification/index.umd.js +1 -0
- package/nuxt/components/category.js +2 -0
- package/nuxt/components/install.js +2 -0
- package/nuxt/components/status.js +2 -0
- package/nuxt/components/title.js +2 -0
- package/nuxt/index.js +13 -0
- package/package.json +53 -0
- package/pagination/ccui-cli.css +2 -0
- package/pagination/index.es.js +296 -0
- package/pagination/index.umd.js +1 -0
- package/popconfirm/ccui-cli.css +2 -0
- package/popconfirm/index.es.js +735 -0
- package/popconfirm/index.umd.js +1 -0
- package/popover/ccui-cli.css +2 -0
- package/popover/index.es.js +530 -0
- package/popover/index.umd.js +1 -0
- package/progress/ccui-cli.css +2 -0
- package/progress/index.es.js +167 -0
- package/progress/index.umd.js +1 -0
- package/radio/ccui-cli.css +2 -0
- package/radio/index.es.js +157 -0
- package/radio/index.umd.js +1 -0
- package/rate/ccui-cli.css +2 -0
- package/rate/index.es.js +115 -0
- package/rate/index.umd.js +1 -0
- package/result/ccui-cli.css +2 -0
- package/result/index.es.js +90 -0
- package/result/index.umd.js +1 -0
- package/segmented/ccui-cli.css +2 -0
- package/segmented/index.es.js +99 -0
- package/segmented/index.umd.js +1 -0
- package/select/ccui-cli.css +2 -0
- package/select/index.es.js +1885 -0
- package/select/index.umd.js +1 -0
- package/skeleton/ccui-cli.css +2 -0
- package/skeleton/index.es.js +117 -0
- package/skeleton/index.umd.js +1 -0
- package/slider/ccui-cli.css +2 -0
- package/slider/index.es.js +1071 -0
- package/slider/index.umd.js +1 -0
- package/space/ccui-cli.css +2 -0
- package/space/index.es.js +108 -0
- package/space/index.umd.js +1 -0
- package/spin/ccui-cli.css +2 -0
- package/spin/index.es.js +86 -0
- package/spin/index.umd.js +1 -0
- package/splitter/ccui-cli.css +2 -0
- package/splitter/index.es.js +198 -0
- package/splitter/index.umd.js +1 -0
- package/status/ccui-cli.css +2 -0
- package/status/index.es.js +44 -0
- package/status/index.umd.js +1 -0
- package/steps/ccui-cli.css +2 -0
- package/steps/index.es.js +118 -0
- package/steps/index.umd.js +1 -0
- package/switch/ccui-cli.css +2 -0
- package/switch/index.es.js +118 -0
- package/switch/index.umd.js +1 -0
- package/table/ccui-cli.css +2 -0
- package/table/index.es.js +553 -0
- package/table/index.umd.js +1 -0
- package/tabs/ccui-cli.css +2 -0
- package/tabs/index.es.js +128 -0
- package/tabs/index.umd.js +1 -0
- package/tag/ccui-cli.css +2 -0
- package/tag/index.es.js +116 -0
- package/tag/index.umd.js +1 -0
- package/theme/darkTheme.css +352 -0
- package/theme/theme.scss +703 -0
- package/timeline/ccui-cli.css +2 -0
- package/timeline/index.es.js +113 -0
- package/timeline/index.umd.js +1 -0
- package/tooltip/ccui-cli.css +2 -0
- package/tooltip/index.es.js +423 -0
- package/tooltip/index.umd.js +1 -0
- package/tree/ccui-cli.css +2 -0
- package/tree/index.es.js +810 -0
- package/tree/index.umd.js +1 -0
- package/typography/ccui-cli.css +2 -0
- package/typography/index.es.js +270 -0
- package/typography/index.umd.js +1 -0
- package/util/index.es.js +78 -0
- package/util/index.umd.js +1 -0
- package/vue-ccui.es.js +18989 -0
- package/vue-ccui.umd.js +1 -0
- package/watermark/ccui-cli.css +2 -0
- package/watermark/index.es.js +179 -0
- package/watermark/index.umd.js +1 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-timeline{font-size:var(--ccui-font-size-lg,16px);margin:0;padding:0;list-style:none}.ccui-timeline .ccui-timeline-item:last-child .ccui-timeline-item__tail{display:none}.ccui-timeline .ccui-timeline-item.ccui-timeline-item__center{align-items:center;min-height:60px;display:flex}.ccui-timeline .ccui-timeline-item.ccui-timeline-item__center .ccui-timeline-item__wrapper{width:100%}.ccui-timeline .ccui-timeline-item.ccui-timeline-item__center .ccui-timeline-item__tail{height:calc(100% + 14px);top:6px}.ccui-timeline .ccui-timeline-item.ccui-timeline-item__center .ccui-timeline-item__node,.ccui-timeline .ccui-timeline-item.ccui-timeline-item__center .ccui-timeline-item__dot{top:50%;transform:translateY(-50%)}.ccui-timeline .ccui-timeline-item.ccui-timeline-item__center:first-child .ccui-timeline-item__tail{height:calc(50% + 20px);top:50%}.ccui-timeline .ccui-timeline-item.ccui-timeline-item__center:last-child .ccui-timeline-item__tail{height:50%;display:block;top:6px}.ccui-timeline-item{padding-bottom:20px;list-style:none;position:relative}.ccui-timeline-item::marker{display:none}.ccui-timeline-item:before{display:none}.ccui-timeline-item__wrapper{padding-left:28px;position:relative;top:-3px}.ccui-timeline-item__tail{border-left:2px solid var(--ccui-dividing-line,#f0f0f0);height:calc(100% + 20px);position:absolute;top:0;left:4px}.ccui-timeline-item__icon{color:var(--ccui-light-text,#fff);font-size:var(--ccui-font-size-sm,12px)}.ccui-timeline-item__node{background-color:var(--ccui-dividing-line,#f0f0f0);border-color:var(--ccui-dividing-line,#f0f0f0);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.ccui-timeline-item__node--normal{width:12px;height:12px;top:0;left:-1px}.ccui-timeline-item__node--large{width:14px;height:14px;top:0;left:-2px}.ccui-timeline-item__node.is-hollow{background:var(--ccui-base-bg,#fff);border-style:solid;border-width:2px}.ccui-timeline-item__node--primary{background-color:var(--ccui-primary,#1677ff);border-color:var(--ccui-primary,#1677ff)}.ccui-timeline-item__node--success{background-color:var(--ccui-success,#52c41a);border-color:var(--ccui-success,#52c41a)}.ccui-timeline-item__node--warning{background-color:var(--ccui-warning,#faad14);border-color:var(--ccui-warning,#faad14)}.ccui-timeline-item__node--danger{background-color:var(--ccui-danger,#ff4d4f);border-color:var(--ccui-danger,#ff4d4f)}.ccui-timeline-item__node--info{background-color:var(--ccui-info,#1677ff);border-color:var(--ccui-info,#1677ff)}.ccui-timeline-item__dot{justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:-6px}.ccui-timeline-item__content{color:var(--ccui-text,#000000e0)}.ccui-timeline-item__timestamp{color:var(--ccui-aide-text,#00000073);line-height:var(--ccui-line-height-base,1.57143);font-size:var(--ccui-font-size-sm,12px)}.ccui-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.ccui-timeline-item__timestamp.is-bottom{margin-top:8px}
|
|
2
|
+
/*$vite$:1*/
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import { computed as e, createVNode as t, defineComponent as n, h as r, markRaw as i } from "vue";
|
|
2
|
+
//#region ../ccui/ui/shared/hooks/use-namespace.ts
|
|
3
|
+
function a(e, t, n) {
|
|
4
|
+
let r = e;
|
|
5
|
+
return t && (r += `__${t}`), n && (r += `--${n}`), r;
|
|
6
|
+
}
|
|
7
|
+
function o(e, t = !1) {
|
|
8
|
+
let n = t ? `.ccui-${e}` : `ccui-${e}`;
|
|
9
|
+
return {
|
|
10
|
+
b: () => a(n),
|
|
11
|
+
e: (e) => e ? a(n, e) : "",
|
|
12
|
+
m: (e) => e ? a(n, "", e) : "",
|
|
13
|
+
em: (e, t) => e && t ? a(n, e, t) : "",
|
|
14
|
+
is: (e) => `is-${e}`
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
//#endregion
|
|
18
|
+
//#region ../ccui/ui/timeline/src/timeline-types.ts
|
|
19
|
+
var s = {}, c = {
|
|
20
|
+
timestamp: {
|
|
21
|
+
type: String,
|
|
22
|
+
default: ""
|
|
23
|
+
},
|
|
24
|
+
hideTimestamp: {
|
|
25
|
+
type: Boolean,
|
|
26
|
+
default: !1
|
|
27
|
+
},
|
|
28
|
+
center: {
|
|
29
|
+
type: Boolean,
|
|
30
|
+
default: !1
|
|
31
|
+
},
|
|
32
|
+
placement: {
|
|
33
|
+
type: String,
|
|
34
|
+
default: "bottom",
|
|
35
|
+
validator: (e) => ["top", "bottom"].includes(e)
|
|
36
|
+
},
|
|
37
|
+
type: {
|
|
38
|
+
type: String,
|
|
39
|
+
default: "",
|
|
40
|
+
validator: (e) => [
|
|
41
|
+
"primary",
|
|
42
|
+
"success",
|
|
43
|
+
"warning",
|
|
44
|
+
"danger",
|
|
45
|
+
"info",
|
|
46
|
+
""
|
|
47
|
+
].includes(e)
|
|
48
|
+
},
|
|
49
|
+
color: {
|
|
50
|
+
type: String,
|
|
51
|
+
default: ""
|
|
52
|
+
},
|
|
53
|
+
size: {
|
|
54
|
+
type: String,
|
|
55
|
+
default: "normal",
|
|
56
|
+
validator: (e) => ["normal", "large"].includes(e)
|
|
57
|
+
},
|
|
58
|
+
icon: { type: [String, Object] },
|
|
59
|
+
hollow: {
|
|
60
|
+
type: Boolean,
|
|
61
|
+
default: !1
|
|
62
|
+
}
|
|
63
|
+
}, l = /* @__PURE__ */ n({
|
|
64
|
+
name: "CTimeline",
|
|
65
|
+
props: s,
|
|
66
|
+
emits: [],
|
|
67
|
+
setup(e, { slots: n }) {
|
|
68
|
+
let r = o("timeline");
|
|
69
|
+
return () => t("ul", { class: r.b() }, [n.default && n.default()]);
|
|
70
|
+
}
|
|
71
|
+
}), u = /* @__PURE__ */ n({
|
|
72
|
+
name: "CTimelineItem",
|
|
73
|
+
props: c,
|
|
74
|
+
emits: [],
|
|
75
|
+
setup(n, { slots: a }) {
|
|
76
|
+
let s = o("timeline-item"), c = e(() => [
|
|
77
|
+
s.e("node"),
|
|
78
|
+
s.em("node", n.size),
|
|
79
|
+
n.type && s.em("node", n.type),
|
|
80
|
+
n.hollow && s.is("hollow")
|
|
81
|
+
].filter(Boolean)), l = e(() => [s.e("timestamp"), s.is(n.placement)]), u = () => n.icon ? typeof n.icon == "string" ? t("i", { class: [n.icon, s.e("icon")] }, null) : r(i(n.icon), { class: s.e("icon") }) : null, d = () => a.dot ? t("div", { class: s.e("dot") }, [a.dot()]) : t("div", {
|
|
82
|
+
class: c.value,
|
|
83
|
+
style: n.color ? {
|
|
84
|
+
backgroundColor: n.color,
|
|
85
|
+
borderColor: n.color
|
|
86
|
+
} : {}
|
|
87
|
+
}, [u()]), f = () => n.hideTimestamp ? null : t("div", { class: l.value }, [n.timestamp]);
|
|
88
|
+
return () => t("li", { class: [s.b(), n.center && s.e("center")] }, [
|
|
89
|
+
t("div", { class: s.e("tail") }, null),
|
|
90
|
+
d(),
|
|
91
|
+
t("div", { class: s.e("wrapper") }, [
|
|
92
|
+
n.placement === "top" && f(),
|
|
93
|
+
t("div", { class: s.e("content") }, [a.default && a.default()]),
|
|
94
|
+
n.placement === "bottom" && f()
|
|
95
|
+
])
|
|
96
|
+
]);
|
|
97
|
+
}
|
|
98
|
+
});
|
|
99
|
+
//#endregion
|
|
100
|
+
//#region ../ccui/ui/timeline/index.ts
|
|
101
|
+
l.install = function(e) {
|
|
102
|
+
e.component(l.name, l), e.component(u.name, u);
|
|
103
|
+
};
|
|
104
|
+
var d = {
|
|
105
|
+
title: "Timeline 时间线",
|
|
106
|
+
category: "数据展示",
|
|
107
|
+
status: "100%",
|
|
108
|
+
install(e) {
|
|
109
|
+
l.install(e);
|
|
110
|
+
}
|
|
111
|
+
};
|
|
112
|
+
//#endregion
|
|
113
|
+
export { l as Timeline, u as TimelineItem, d as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}var i={},a={timestamp:{type:String,default:``},hideTimestamp:{type:Boolean,default:!1},center:{type:Boolean,default:!1},placement:{type:String,default:`bottom`,validator:e=>[`top`,`bottom`].includes(e)},type:{type:String,default:``,validator:e=>[`primary`,`success`,`warning`,`danger`,`info`,``].includes(e)},color:{type:String,default:``},size:{type:String,default:`normal`,validator:e=>[`normal`,`large`].includes(e)},icon:{type:[String,Object]},hollow:{type:Boolean,default:!1}},o=(0,t.defineComponent)({name:`CTimeline`,props:i,emits:[],setup(e,{slots:n}){let i=r(`timeline`);return()=>(0,t.createVNode)(`ul`,{class:i.b()},[n.default&&n.default()])}}),s=(0,t.defineComponent)({name:`CTimelineItem`,props:a,emits:[],setup(e,{slots:n}){let i=r(`timeline-item`),a=(0,t.computed)(()=>[i.e(`node`),i.em(`node`,e.size),e.type&&i.em(`node`,e.type),e.hollow&&i.is(`hollow`)].filter(Boolean)),o=(0,t.computed)(()=>[i.e(`timestamp`),i.is(e.placement)]),s=()=>e.icon?typeof e.icon==`string`?(0,t.createVNode)(`i`,{class:[e.icon,i.e(`icon`)]},null):(0,t.h)((0,t.markRaw)(e.icon),{class:i.e(`icon`)}):null,c=()=>n.dot?(0,t.createVNode)(`div`,{class:i.e(`dot`)},[n.dot()]):(0,t.createVNode)(`div`,{class:a.value,style:e.color?{backgroundColor:e.color,borderColor:e.color}:{}},[s()]),l=()=>e.hideTimestamp?null:(0,t.createVNode)(`div`,{class:o.value},[e.timestamp]);return()=>(0,t.createVNode)(`li`,{class:[i.b(),e.center&&i.e(`center`)]},[(0,t.createVNode)(`div`,{class:i.e(`tail`)},null),c(),(0,t.createVNode)(`div`,{class:i.e(`wrapper`)},[e.placement===`top`&&l(),(0,t.createVNode)(`div`,{class:i.e(`content`)},[n.default&&n.default()]),e.placement===`bottom`&&l()])])}});o.install=function(e){e.component(o.name,o),e.component(s.name,s)},e.Timeline=o,e.TimelineItem=s,e.default={title:`Timeline 时间线`,category:`数据展示`,status:`100%`,install(e){o.install(e)}}});
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.ccui-tooltip{display:inline-block;position:relative}.ccui-tooltip__trigger{display:inline-block}.ccui-tooltip__popper{z-index:2000;word-wrap:break-word;border-radius:4px;min-width:10px;font-size:12px;line-height:1.4}.ccui-tooltip__popper--dark{color:#fff;background:#303133;border:1px solid #303133;box-shadow:0 2px 12px #0000001a}.ccui-tooltip__popper--light{color:#606266;background:#fff;border:1px solid #e4e7ed;box-shadow:0 2px 12px #0000001a}.ccui-tooltip__content{text-align:left;border-radius:inherit;padding:8px 12px}.ccui-tooltip__arrow{background:inherit;border:inherit;z-index:-1;width:8px;height:8px;position:absolute;transform:rotate(45deg)}.ccui-tooltip-fade-enter-active,.ccui-tooltip-fade-leave-active{transition:opacity .15s}.ccui-tooltip-fade-enter-from,.ccui-tooltip-fade-leave-to{opacity:0}.ccui-tooltip--disabled{cursor:not-allowed}.ccui-tooltip--disabled .ccui-tooltip__trigger{pointer-events:none;opacity:.6}@media (width<=768px){.ccui-tooltip__popper{max-width:calc(100vw - 20px);font-size:14px}}
|
|
2
|
+
/*$vite$:1*/
|
|
@@ -0,0 +1,423 @@
|
|
|
1
|
+
import * as e from "vue";
|
|
2
|
+
import { computed as t, createVNode as n, defineComponent as r, getCurrentInstance as i, mergeProps as a, nextTick as o, onMounted as s, onUnmounted as c, ref as l, watch as u } from "vue";
|
|
3
|
+
import { arrow as d, autoUpdate as f, computePosition as p, flip as m, offset as h, shift as g } from "@floating-ui/dom";
|
|
4
|
+
//#region \0rolldown/runtime.js
|
|
5
|
+
var _ = Object.defineProperty, v = Object.getOwnPropertyDescriptor, y = Object.getOwnPropertyNames, b = Object.prototype.hasOwnProperty, x = (e, t) => {
|
|
6
|
+
let n = {};
|
|
7
|
+
for (var r in e) _(n, r, {
|
|
8
|
+
get: e[r],
|
|
9
|
+
enumerable: !0
|
|
10
|
+
});
|
|
11
|
+
return t || _(n, Symbol.toStringTag, { value: "Module" }), n;
|
|
12
|
+
}, S = (e, t, n, r) => {
|
|
13
|
+
if (t && typeof t == "object" || typeof t == "function") for (var i = y(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !b.call(e, s) && s !== n && _(e, s, {
|
|
14
|
+
get: ((e) => t[e]).bind(null, s),
|
|
15
|
+
enumerable: !(r = v(t, s)) || r.enumerable
|
|
16
|
+
});
|
|
17
|
+
return e;
|
|
18
|
+
}, C = (e, t, n) => (S(e, t, "default"), n && S(n, t, "default"));
|
|
19
|
+
//#endregion
|
|
20
|
+
//#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
|
|
21
|
+
function w() {
|
|
22
|
+
return typeof window < "u";
|
|
23
|
+
}
|
|
24
|
+
function T(e) {
|
|
25
|
+
return D(e) ? (e.nodeName || "").toLowerCase() : "#document";
|
|
26
|
+
}
|
|
27
|
+
function E(e) {
|
|
28
|
+
var t;
|
|
29
|
+
return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
|
|
30
|
+
}
|
|
31
|
+
function D(e) {
|
|
32
|
+
return w() ? e instanceof Node || e instanceof E(e).Node : !1;
|
|
33
|
+
}
|
|
34
|
+
//#endregion
|
|
35
|
+
//#region ../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.33_typescript@5.9.3_/node_modules/vue-demi/lib/index.mjs
|
|
36
|
+
var O = /* @__PURE__ */ x({
|
|
37
|
+
Vue: () => e,
|
|
38
|
+
Vue2: () => void 0,
|
|
39
|
+
del: () => M,
|
|
40
|
+
install: () => A,
|
|
41
|
+
isVue2: () => !1,
|
|
42
|
+
isVue3: () => !0,
|
|
43
|
+
set: () => j
|
|
44
|
+
});
|
|
45
|
+
import * as k from "vue";
|
|
46
|
+
C(O, k);
|
|
47
|
+
function A() {}
|
|
48
|
+
function j(e, t, n) {
|
|
49
|
+
return Array.isArray(e) ? (e.length = Math.max(e.length, t), e.splice(t, 1, n), n) : (e[t] = n, n);
|
|
50
|
+
}
|
|
51
|
+
function M(e, t) {
|
|
52
|
+
if (Array.isArray(e)) {
|
|
53
|
+
e.splice(t, 1);
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
delete e[t];
|
|
57
|
+
}
|
|
58
|
+
//#endregion
|
|
59
|
+
//#region ../../node_modules/.pnpm/@floating-ui+vue@1.1.9_vue@3.5.33_typescript@5.9.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs
|
|
60
|
+
function N(e) {
|
|
61
|
+
return typeof e == "object" && !!e && "$el" in e;
|
|
62
|
+
}
|
|
63
|
+
function P(e) {
|
|
64
|
+
if (N(e)) {
|
|
65
|
+
let t = e.$el;
|
|
66
|
+
return D(t) && T(t) === "#comment" ? null : t;
|
|
67
|
+
}
|
|
68
|
+
return e;
|
|
69
|
+
}
|
|
70
|
+
function F(e) {
|
|
71
|
+
return typeof e == "function" ? e() : (0, O.unref)(e);
|
|
72
|
+
}
|
|
73
|
+
function I(e) {
|
|
74
|
+
return {
|
|
75
|
+
name: "arrow",
|
|
76
|
+
options: e,
|
|
77
|
+
fn(t) {
|
|
78
|
+
let n = P(F(e.element));
|
|
79
|
+
return n == null ? {} : d({
|
|
80
|
+
element: n,
|
|
81
|
+
padding: e.padding
|
|
82
|
+
}).fn(t);
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
function L(e) {
|
|
87
|
+
return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
|
|
88
|
+
}
|
|
89
|
+
function R(e, t) {
|
|
90
|
+
let n = L(e);
|
|
91
|
+
return Math.round(t * n) / n;
|
|
92
|
+
}
|
|
93
|
+
function z(e, t, n) {
|
|
94
|
+
n === void 0 && (n = {});
|
|
95
|
+
let r = n.whileElementsMounted, i = (0, O.computed)(() => F(n.open) ?? !0), a = (0, O.computed)(() => F(n.middleware)), o = (0, O.computed)(() => F(n.placement) ?? "bottom"), s = (0, O.computed)(() => F(n.strategy) ?? "absolute"), c = (0, O.computed)(() => F(n.transform) ?? !0), l = (0, O.computed)(() => P(e.value)), u = (0, O.computed)(() => P(t.value)), d = (0, O.ref)(0), f = (0, O.ref)(0), m = (0, O.ref)(s.value), h = (0, O.ref)(o.value), g = (0, O.shallowRef)({}), _ = (0, O.ref)(!1), v = (0, O.computed)(() => {
|
|
96
|
+
let e = {
|
|
97
|
+
position: m.value,
|
|
98
|
+
left: "0",
|
|
99
|
+
top: "0"
|
|
100
|
+
};
|
|
101
|
+
if (!u.value) return e;
|
|
102
|
+
let t = R(u.value, d.value), n = R(u.value, f.value);
|
|
103
|
+
return c.value ? {
|
|
104
|
+
...e,
|
|
105
|
+
transform: "translate(" + t + "px, " + n + "px)",
|
|
106
|
+
...L(u.value) >= 1.5 && { willChange: "transform" }
|
|
107
|
+
} : {
|
|
108
|
+
position: m.value,
|
|
109
|
+
left: t + "px",
|
|
110
|
+
top: n + "px"
|
|
111
|
+
};
|
|
112
|
+
}), y;
|
|
113
|
+
function b() {
|
|
114
|
+
if (l.value == null || u.value == null) return;
|
|
115
|
+
let e = i.value;
|
|
116
|
+
p(l.value, u.value, {
|
|
117
|
+
middleware: a.value,
|
|
118
|
+
placement: o.value,
|
|
119
|
+
strategy: s.value
|
|
120
|
+
}).then((t) => {
|
|
121
|
+
d.value = t.x, f.value = t.y, m.value = t.strategy, h.value = t.placement, g.value = t.middlewareData, _.value = e !== !1;
|
|
122
|
+
});
|
|
123
|
+
}
|
|
124
|
+
function x() {
|
|
125
|
+
typeof y == "function" && (y(), y = void 0);
|
|
126
|
+
}
|
|
127
|
+
function S() {
|
|
128
|
+
if (x(), r === void 0) {
|
|
129
|
+
b();
|
|
130
|
+
return;
|
|
131
|
+
}
|
|
132
|
+
if (l.value != null && u.value != null) {
|
|
133
|
+
y = r(l.value, u.value, b);
|
|
134
|
+
return;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
function C() {
|
|
138
|
+
i.value || (_.value = !1);
|
|
139
|
+
}
|
|
140
|
+
return (0, O.watch)([
|
|
141
|
+
a,
|
|
142
|
+
o,
|
|
143
|
+
s,
|
|
144
|
+
i
|
|
145
|
+
], b, { flush: "sync" }), (0, O.watch)([l, u], S, { flush: "sync" }), (0, O.watch)(i, C, { flush: "sync" }), (0, O.getCurrentScope)() && (0, O.onScopeDispose)(x), {
|
|
146
|
+
x: (0, O.shallowReadonly)(d),
|
|
147
|
+
y: (0, O.shallowReadonly)(f),
|
|
148
|
+
strategy: (0, O.shallowReadonly)(m),
|
|
149
|
+
placement: (0, O.shallowReadonly)(h),
|
|
150
|
+
middlewareData: (0, O.shallowReadonly)(g),
|
|
151
|
+
isPositioned: (0, O.shallowReadonly)(_),
|
|
152
|
+
floatingStyles: v,
|
|
153
|
+
update: b
|
|
154
|
+
};
|
|
155
|
+
}
|
|
156
|
+
//#endregion
|
|
157
|
+
//#region ../ccui/ui/shared/hooks/use-deprecation-warning.ts
|
|
158
|
+
var B = /* @__PURE__ */ new Set();
|
|
159
|
+
function V(e, t, n) {
|
|
160
|
+
let r = `${e}.${t}`;
|
|
161
|
+
B.has(r) || (B.add(r), typeof console < "u" && console.warn(`[ccui][${e}] ${t} 已 deprecated,请改用 ${n}。`));
|
|
162
|
+
}
|
|
163
|
+
function H(e, t, n) {
|
|
164
|
+
return e ? Object.prototype.hasOwnProperty.call(e, t) || Object.prototype.hasOwnProperty.call(e, n) : !1;
|
|
165
|
+
}
|
|
166
|
+
//#endregion
|
|
167
|
+
//#region ../ccui/ui/shared/hooks/use-namespace.ts
|
|
168
|
+
function U(e, t, n) {
|
|
169
|
+
let r = e;
|
|
170
|
+
return t && (r += `__${t}`), n && (r += `--${n}`), r;
|
|
171
|
+
}
|
|
172
|
+
function W(e, t = !1) {
|
|
173
|
+
let n = t ? `.ccui-${e}` : `ccui-${e}`;
|
|
174
|
+
return {
|
|
175
|
+
b: () => U(n),
|
|
176
|
+
e: (e) => e ? U(n, e) : "",
|
|
177
|
+
m: (e) => e ? U(n, "", e) : "",
|
|
178
|
+
em: (e, t) => e && t ? U(n, e, t) : "",
|
|
179
|
+
is: (e) => `is-${e}`
|
|
180
|
+
};
|
|
181
|
+
}
|
|
182
|
+
//#endregion
|
|
183
|
+
//#region ../ccui/ui/tooltip/src/tooltip-types.ts
|
|
184
|
+
var G = {
|
|
185
|
+
content: {
|
|
186
|
+
type: String,
|
|
187
|
+
default: ""
|
|
188
|
+
},
|
|
189
|
+
title: {
|
|
190
|
+
type: String,
|
|
191
|
+
default: ""
|
|
192
|
+
},
|
|
193
|
+
placement: {
|
|
194
|
+
type: String,
|
|
195
|
+
default: "bottom"
|
|
196
|
+
},
|
|
197
|
+
effect: {
|
|
198
|
+
type: String,
|
|
199
|
+
default: "dark"
|
|
200
|
+
},
|
|
201
|
+
color: {
|
|
202
|
+
type: String,
|
|
203
|
+
default: ""
|
|
204
|
+
},
|
|
205
|
+
visible: {
|
|
206
|
+
type: Boolean,
|
|
207
|
+
default: void 0
|
|
208
|
+
},
|
|
209
|
+
open: {
|
|
210
|
+
type: Boolean,
|
|
211
|
+
default: void 0
|
|
212
|
+
},
|
|
213
|
+
disabled: {
|
|
214
|
+
type: Boolean,
|
|
215
|
+
default: !1
|
|
216
|
+
},
|
|
217
|
+
showArrow: {
|
|
218
|
+
type: Boolean,
|
|
219
|
+
default: !0
|
|
220
|
+
},
|
|
221
|
+
arrow: {
|
|
222
|
+
type: [Boolean, Object],
|
|
223
|
+
default: void 0
|
|
224
|
+
},
|
|
225
|
+
trigger: {
|
|
226
|
+
type: String,
|
|
227
|
+
default: "hover"
|
|
228
|
+
},
|
|
229
|
+
showAfter: {
|
|
230
|
+
type: Number,
|
|
231
|
+
default: 0
|
|
232
|
+
},
|
|
233
|
+
hideAfter: {
|
|
234
|
+
type: Number,
|
|
235
|
+
default: 200
|
|
236
|
+
},
|
|
237
|
+
mouseEnterDelay: {
|
|
238
|
+
type: Number,
|
|
239
|
+
default: void 0
|
|
240
|
+
},
|
|
241
|
+
mouseLeaveDelay: {
|
|
242
|
+
type: Number,
|
|
243
|
+
default: void 0
|
|
244
|
+
},
|
|
245
|
+
popperClass: {
|
|
246
|
+
type: String,
|
|
247
|
+
default: ""
|
|
248
|
+
},
|
|
249
|
+
overlayClassName: {
|
|
250
|
+
type: String,
|
|
251
|
+
default: ""
|
|
252
|
+
},
|
|
253
|
+
offset: {
|
|
254
|
+
type: Number,
|
|
255
|
+
default: 8
|
|
256
|
+
},
|
|
257
|
+
rawContent: {
|
|
258
|
+
type: Boolean,
|
|
259
|
+
default: !1
|
|
260
|
+
},
|
|
261
|
+
enterable: {
|
|
262
|
+
type: Boolean,
|
|
263
|
+
default: !0
|
|
264
|
+
},
|
|
265
|
+
fresh: {
|
|
266
|
+
type: Boolean,
|
|
267
|
+
default: !1
|
|
268
|
+
},
|
|
269
|
+
destroyTooltipOnHide: {
|
|
270
|
+
type: Boolean,
|
|
271
|
+
default: !1
|
|
272
|
+
},
|
|
273
|
+
autoAdjustOverflow: {
|
|
274
|
+
type: Boolean,
|
|
275
|
+
default: !0
|
|
276
|
+
},
|
|
277
|
+
align: {
|
|
278
|
+
type: Object,
|
|
279
|
+
default: void 0
|
|
280
|
+
},
|
|
281
|
+
getPopupContainer: {
|
|
282
|
+
type: Function,
|
|
283
|
+
default: void 0
|
|
284
|
+
},
|
|
285
|
+
ariaLabel: {
|
|
286
|
+
type: String,
|
|
287
|
+
default: ""
|
|
288
|
+
}
|
|
289
|
+
};
|
|
290
|
+
//#endregion
|
|
291
|
+
//#region ../ccui/ui/tooltip/src/tooltip.tsx
|
|
292
|
+
function K(e) {
|
|
293
|
+
return typeof e == "object" && !!e && !Array.isArray(e);
|
|
294
|
+
}
|
|
295
|
+
var q = /* @__PURE__ */ r({
|
|
296
|
+
name: "CTooltip",
|
|
297
|
+
props: G,
|
|
298
|
+
emits: [
|
|
299
|
+
"before-show",
|
|
300
|
+
"show",
|
|
301
|
+
"before-hide",
|
|
302
|
+
"hide",
|
|
303
|
+
"update:visible",
|
|
304
|
+
"update:open"
|
|
305
|
+
],
|
|
306
|
+
setup(e, { emit: r, slots: d }) {
|
|
307
|
+
let p = W("tooltip"), _ = i()?.vnode.props;
|
|
308
|
+
H(_, "content", "content") && V("Tooltip", "content", "title"), H(_, "visible", "visible") && V("Tooltip", "visible", "open(v-model:open)"), H(_, "showArrow", "show-arrow") && V("Tooltip", "showArrow", "arrow"), H(_, "showAfter", "show-after") && V("Tooltip", "showAfter", "mouseEnterDelay"), H(_, "hideAfter", "hide-after") && V("Tooltip", "hideAfter", "mouseLeaveDelay"), H(_, "popperClass", "popper-class") && V("Tooltip", "popperClass", "overlayClassName");
|
|
309
|
+
let v = t(() => e.open === void 0 ? e.visible : e.open), y = t(() => v.value !== void 0), b = l(!1), x = l(), S = l(), C = l(), w = l(), T = l(), E = t(() => y.value ? v.value : b.value), D = t(() => e.mouseEnterDelay === void 0 ? e.showAfter : e.mouseEnterDelay), O = t(() => e.mouseLeaveDelay === void 0 ? e.hideAfter : e.mouseLeaveDelay), k = t(() => e.arrow === void 0 ? e.showArrow : typeof e.arrow == "boolean" ? e.arrow : !0), A = t(() => K(e.arrow) ? !!e.arrow.pointAtCenter : !1), j = t(() => e.overlayClassName || e.popperClass), M = t(() => e.title || e.content), N = t(() => e.color ? { backgroundColor: e.color } : {}), P = t(() => [
|
|
310
|
+
p.e("popper"),
|
|
311
|
+
p.em("popper", e.effect),
|
|
312
|
+
p.em("popper", e.placement.split("-")[0]),
|
|
313
|
+
A.value && p.em("popper", "arrow-center"),
|
|
314
|
+
j.value
|
|
315
|
+
].filter(Boolean).join(" ")), { floatingStyles: F, middlewareData: L, update: R } = z(x, S, {
|
|
316
|
+
placement: e.placement,
|
|
317
|
+
middleware: [
|
|
318
|
+
h(e.offset),
|
|
319
|
+
...e.autoAdjustOverflow ? [m()] : [],
|
|
320
|
+
g({ padding: 8 }),
|
|
321
|
+
...k.value ? [I({ element: C })] : []
|
|
322
|
+
]
|
|
323
|
+
}), B = t(() => {
|
|
324
|
+
if (!k.value || !L.value.arrow) return {};
|
|
325
|
+
let { x: t, y: n } = L.value.arrow, r = {
|
|
326
|
+
top: "bottom",
|
|
327
|
+
right: "left",
|
|
328
|
+
bottom: "top",
|
|
329
|
+
left: "right"
|
|
330
|
+
}[e.placement.split("-")[0]];
|
|
331
|
+
return {
|
|
332
|
+
left: t == null ? "" : `${t}px`,
|
|
333
|
+
top: n == null ? "" : `${n}px`,
|
|
334
|
+
right: "",
|
|
335
|
+
bottom: "",
|
|
336
|
+
[r]: "-4px"
|
|
337
|
+
};
|
|
338
|
+
}), U = () => {
|
|
339
|
+
w.value &&= (clearTimeout(w.value), void 0), T.value &&= (clearTimeout(T.value), void 0);
|
|
340
|
+
}, G = () => {
|
|
341
|
+
if (e.disabled) return;
|
|
342
|
+
U();
|
|
343
|
+
let t = () => {
|
|
344
|
+
r("before-show"), y.value || (b.value = !0), r("update:visible", !0), r("update:open", !0), o(() => {
|
|
345
|
+
R(), r("show");
|
|
346
|
+
});
|
|
347
|
+
};
|
|
348
|
+
D.value > 0 ? w.value = window.setTimeout(t, D.value) : t();
|
|
349
|
+
}, q = () => {
|
|
350
|
+
U();
|
|
351
|
+
let t = () => {
|
|
352
|
+
r("before-hide"), y.value || (b.value = !1), r("update:visible", !1), r("update:open", !1), r("hide");
|
|
353
|
+
};
|
|
354
|
+
O.value > 0 && e.trigger !== "click" ? T.value = window.setTimeout(t, O.value) : t();
|
|
355
|
+
}, J = () => {
|
|
356
|
+
e.trigger === "hover" && G();
|
|
357
|
+
}, Y = () => {
|
|
358
|
+
e.trigger === "hover" && q();
|
|
359
|
+
}, X = () => {
|
|
360
|
+
e.trigger === "click" && (E.value ? q() : G());
|
|
361
|
+
}, Z = () => {
|
|
362
|
+
e.trigger === "focus" && G();
|
|
363
|
+
}, Q = () => {
|
|
364
|
+
e.trigger === "focus" && q();
|
|
365
|
+
}, ee = () => {
|
|
366
|
+
e.trigger === "hover" && e.enterable && U();
|
|
367
|
+
}, te = () => {
|
|
368
|
+
e.trigger === "hover" && e.enterable && q();
|
|
369
|
+
}, $;
|
|
370
|
+
s(() => {
|
|
371
|
+
E.value && x.value && S.value && ($ = f(x.value, S.value, R));
|
|
372
|
+
}), c(() => {
|
|
373
|
+
U(), $?.();
|
|
374
|
+
}), u(v, (e) => {
|
|
375
|
+
e !== void 0 && e && o(() => R());
|
|
376
|
+
}), u(E, (e) => {
|
|
377
|
+
e && x.value && S.value ? ($?.(), $ = f(x.value, S.value, R)) : $?.();
|
|
378
|
+
});
|
|
379
|
+
let ne = () => k.value ? n("div", {
|
|
380
|
+
ref: C,
|
|
381
|
+
class: [p.e("arrow"), p.em("arrow", e.placement.split("-")[0])].join(" "),
|
|
382
|
+
style: B.value
|
|
383
|
+
}, null) : null, re = () => d.title ? d.title() : d.content ? d.content() : e.rawContent ? n("div", { innerHTML: M.value }, null) : M.value;
|
|
384
|
+
return () => {
|
|
385
|
+
let t = {};
|
|
386
|
+
return e.trigger === "hover" ? (t.onMouseenter = J, t.onMouseleave = Y) : e.trigger === "click" ? t.onClick = X : e.trigger === "focus" && (t.onFocus = Z, t.onBlur = Q), n("div", { class: p.b() }, [n("div", a({
|
|
387
|
+
ref: x,
|
|
388
|
+
class: p.e("trigger"),
|
|
389
|
+
"aria-describedby": E.value ? p.e("popper") : void 0,
|
|
390
|
+
"aria-label": e.ariaLabel,
|
|
391
|
+
tabindex: e.trigger === "focus" ? 0 : void 0
|
|
392
|
+
}, t), [d.default?.()]), E.value && n("div", {
|
|
393
|
+
ref: S,
|
|
394
|
+
class: P.value,
|
|
395
|
+
role: "tooltip",
|
|
396
|
+
id: p.e("popper"),
|
|
397
|
+
style: {
|
|
398
|
+
...F.value,
|
|
399
|
+
...N.value,
|
|
400
|
+
zIndex: 2e3,
|
|
401
|
+
pointerEvents: e.enterable ? "auto" : "none"
|
|
402
|
+
},
|
|
403
|
+
onMouseenter: ee,
|
|
404
|
+
onMouseleave: te
|
|
405
|
+
}, [ne(), n("div", { class: p.e("content") }, [re()])])]);
|
|
406
|
+
};
|
|
407
|
+
}
|
|
408
|
+
});
|
|
409
|
+
//#endregion
|
|
410
|
+
//#region ../ccui/ui/tooltip/index.ts
|
|
411
|
+
q.install = function(e) {
|
|
412
|
+
e.component(q.name, q);
|
|
413
|
+
};
|
|
414
|
+
var J = {
|
|
415
|
+
title: "Tooltip 文字提示",
|
|
416
|
+
category: "反馈",
|
|
417
|
+
status: "100%",
|
|
418
|
+
install(e) {
|
|
419
|
+
e.component(q.name, q);
|
|
420
|
+
}
|
|
421
|
+
};
|
|
422
|
+
//#endregion
|
|
423
|
+
export { q as Tooltip, J as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`@floating-ui/dom`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`@floating-ui/dom`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue,e._floating_ui_dom))})(this,function(e,t,n){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var r=Object.create,i=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,l=(e,t)=>{let n={};for(var r in e)i(n,r,{get:e[r],enumerable:!0});return t||i(n,Symbol.toStringTag,{value:`Module`}),n},u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var s=o(t),l=0,u=s.length,d;l<u;l++)d=s[l],!c.call(e,d)&&d!==n&&i(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=a(t,d))||r.enumerable});return e},d=(e,t,n)=>(u(e,t,`default`),n&&u(n,t,`default`));t=((e,t,n)=>(n=e==null?{}:r(s(e)),u(t||!e||!e.__esModule?i(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);function f(){return typeof window<`u`}function p(e){return h(e)?(e.nodeName||``).toLowerCase():`#document`}function m(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function h(e){return f()?e instanceof Node||e instanceof m(e).Node:!1}var g=l({Vue:()=>t,Vue2:()=>void 0,del:()=>y,install:()=>_,isVue2:()=>!1,isVue3:()=>!0,set:()=>v});d(g,require(`vue`));function _(){}function v(e,t,n){return Array.isArray(e)?(e.length=Math.max(e.length,t),e.splice(t,1,n),n):(e[t]=n,n)}function y(e,t){if(Array.isArray(e)){e.splice(t,1);return}delete e[t]}function b(e){return typeof e==`object`&&!!e&&`$el`in e}function x(e){if(b(e)){let t=e.$el;return h(t)&&p(t)===`#comment`?null:t}return e}function S(e){return typeof e==`function`?e():(0,g.unref)(e)}function C(e){return{name:`arrow`,options:e,fn(t){let r=x(S(e.element));return r==null?{}:(0,n.arrow)({element:r,padding:e.padding}).fn(t)}}}function w(e){return typeof window>`u`?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function T(e,t){let n=w(e);return Math.round(t*n)/n}function E(e,t,r){r===void 0&&(r={});let i=r.whileElementsMounted,a=(0,g.computed)(()=>S(r.open)??!0),o=(0,g.computed)(()=>S(r.middleware)),s=(0,g.computed)(()=>S(r.placement)??`bottom`),c=(0,g.computed)(()=>S(r.strategy)??`absolute`),l=(0,g.computed)(()=>S(r.transform)??!0),u=(0,g.computed)(()=>x(e.value)),d=(0,g.computed)(()=>x(t.value)),f=(0,g.ref)(0),p=(0,g.ref)(0),m=(0,g.ref)(c.value),h=(0,g.ref)(s.value),_=(0,g.shallowRef)({}),v=(0,g.ref)(!1),y=(0,g.computed)(()=>{let e={position:m.value,left:`0`,top:`0`};if(!d.value)return e;let t=T(d.value,f.value),n=T(d.value,p.value);return l.value?{...e,transform:`translate(`+t+`px, `+n+`px)`,...w(d.value)>=1.5&&{willChange:`transform`}}:{position:m.value,left:t+`px`,top:n+`px`}}),b;function C(){if(u.value==null||d.value==null)return;let e=a.value;(0,n.computePosition)(u.value,d.value,{middleware:o.value,placement:s.value,strategy:c.value}).then(t=>{f.value=t.x,p.value=t.y,m.value=t.strategy,h.value=t.placement,_.value=t.middlewareData,v.value=e!==!1})}function E(){typeof b==`function`&&(b(),b=void 0)}function D(){if(E(),i===void 0){C();return}if(u.value!=null&&d.value!=null){b=i(u.value,d.value,C);return}}function O(){a.value||(v.value=!1)}return(0,g.watch)([o,s,c,a],C,{flush:`sync`}),(0,g.watch)([u,d],D,{flush:`sync`}),(0,g.watch)(a,O,{flush:`sync`}),(0,g.getCurrentScope)()&&(0,g.onScopeDispose)(E),{x:(0,g.shallowReadonly)(f),y:(0,g.shallowReadonly)(p),strategy:(0,g.shallowReadonly)(m),placement:(0,g.shallowReadonly)(h),middlewareData:(0,g.shallowReadonly)(_),isPositioned:(0,g.shallowReadonly)(v),floatingStyles:y,update:C}}var D=new Set;function O(e,t,n){let r=`${e}.${t}`;D.has(r)||(D.add(r),typeof console<`u`&&console.warn(`[ccui][${e}] ${t} 已 deprecated,请改用 ${n}。`))}function k(e,t,n){return e?Object.prototype.hasOwnProperty.call(e,t)||Object.prototype.hasOwnProperty.call(e,n):!1}function A(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function j(e,t=!1){let n=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>A(n),e:e=>e?A(n,e):``,m:e=>e?A(n,``,e):``,em:(e,t)=>e&&t?A(n,e,t):``,is:e=>`is-${e}`}}var M={content:{type:String,default:``},title:{type:String,default:``},placement:{type:String,default:`bottom`},effect:{type:String,default:`dark`},color:{type:String,default:``},visible:{type:Boolean,default:void 0},open:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1},showArrow:{type:Boolean,default:!0},arrow:{type:[Boolean,Object],default:void 0},trigger:{type:String,default:`hover`},showAfter:{type:Number,default:0},hideAfter:{type:Number,default:200},mouseEnterDelay:{type:Number,default:void 0},mouseLeaveDelay:{type:Number,default:void 0},popperClass:{type:String,default:``},overlayClassName:{type:String,default:``},offset:{type:Number,default:8},rawContent:{type:Boolean,default:!1},enterable:{type:Boolean,default:!0},fresh:{type:Boolean,default:!1},destroyTooltipOnHide:{type:Boolean,default:!1},autoAdjustOverflow:{type:Boolean,default:!0},align:{type:Object,default:void 0},getPopupContainer:{type:Function,default:void 0},ariaLabel:{type:String,default:``}};function N(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}var P=(0,t.defineComponent)({name:`CTooltip`,props:M,emits:[`before-show`,`show`,`before-hide`,`hide`,`update:visible`,`update:open`],setup(e,{emit:r,slots:i}){let a=j(`tooltip`),o=(0,t.getCurrentInstance)()?.vnode.props;k(o,`content`,`content`)&&O(`Tooltip`,`content`,`title`),k(o,`visible`,`visible`)&&O(`Tooltip`,`visible`,`open(v-model:open)`),k(o,`showArrow`,`show-arrow`)&&O(`Tooltip`,`showArrow`,`arrow`),k(o,`showAfter`,`show-after`)&&O(`Tooltip`,`showAfter`,`mouseEnterDelay`),k(o,`hideAfter`,`hide-after`)&&O(`Tooltip`,`hideAfter`,`mouseLeaveDelay`),k(o,`popperClass`,`popper-class`)&&O(`Tooltip`,`popperClass`,`overlayClassName`);let s=(0,t.computed)(()=>e.open===void 0?e.visible:e.open),c=(0,t.computed)(()=>s.value!==void 0),l=(0,t.ref)(!1),u=(0,t.ref)(),d=(0,t.ref)(),f=(0,t.ref)(),p=(0,t.ref)(),m=(0,t.ref)(),h=(0,t.computed)(()=>c.value?s.value:l.value),g=(0,t.computed)(()=>e.mouseEnterDelay===void 0?e.showAfter:e.mouseEnterDelay),_=(0,t.computed)(()=>e.mouseLeaveDelay===void 0?e.hideAfter:e.mouseLeaveDelay),v=(0,t.computed)(()=>e.arrow===void 0?e.showArrow:typeof e.arrow==`boolean`?e.arrow:!0),y=(0,t.computed)(()=>N(e.arrow)?!!e.arrow.pointAtCenter:!1),b=(0,t.computed)(()=>e.overlayClassName||e.popperClass),x=(0,t.computed)(()=>e.title||e.content),S=(0,t.computed)(()=>e.color?{backgroundColor:e.color}:{}),w=(0,t.computed)(()=>[a.e(`popper`),a.em(`popper`,e.effect),a.em(`popper`,e.placement.split(`-`)[0]),y.value&&a.em(`popper`,`arrow-center`),b.value].filter(Boolean).join(` `)),{floatingStyles:T,middlewareData:D,update:A}=E(u,d,{placement:e.placement,middleware:[(0,n.offset)(e.offset),...e.autoAdjustOverflow?[(0,n.flip)()]:[],(0,n.shift)({padding:8}),...v.value?[C({element:f})]:[]]}),M=(0,t.computed)(()=>{if(!v.value||!D.value.arrow)return{};let{x:t,y:n}=D.value.arrow,r={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[e.placement.split(`-`)[0]];return{left:t==null?``:`${t}px`,top:n==null?``:`${n}px`,right:``,bottom:``,[r]:`-4px`}}),P=()=>{p.value&&=(clearTimeout(p.value),void 0),m.value&&=(clearTimeout(m.value),void 0)},F=()=>{if(e.disabled)return;P();let n=()=>{r(`before-show`),c.value||(l.value=!0),r(`update:visible`,!0),r(`update:open`,!0),(0,t.nextTick)(()=>{A(),r(`show`)})};g.value>0?p.value=window.setTimeout(n,g.value):n()},I=()=>{P();let t=()=>{r(`before-hide`),c.value||(l.value=!1),r(`update:visible`,!1),r(`update:open`,!1),r(`hide`)};_.value>0&&e.trigger!==`click`?m.value=window.setTimeout(t,_.value):t()},L=()=>{e.trigger===`hover`&&F()},R=()=>{e.trigger===`hover`&&I()},z=()=>{e.trigger===`click`&&(h.value?I():F())},B=()=>{e.trigger===`focus`&&F()},V=()=>{e.trigger===`focus`&&I()},H=()=>{e.trigger===`hover`&&e.enterable&&P()},U=()=>{e.trigger===`hover`&&e.enterable&&I()},W;(0,t.onMounted)(()=>{h.value&&u.value&&d.value&&(W=(0,n.autoUpdate)(u.value,d.value,A))}),(0,t.onUnmounted)(()=>{P(),W?.()}),(0,t.watch)(s,e=>{e!==void 0&&e&&(0,t.nextTick)(()=>A())}),(0,t.watch)(h,e=>{e&&u.value&&d.value?(W?.(),W=(0,n.autoUpdate)(u.value,d.value,A)):W?.()});let G=()=>v.value?(0,t.createVNode)(`div`,{ref:f,class:[a.e(`arrow`),a.em(`arrow`,e.placement.split(`-`)[0])].join(` `),style:M.value},null):null,K=()=>i.title?i.title():i.content?i.content():e.rawContent?(0,t.createVNode)(`div`,{innerHTML:x.value},null):x.value;return()=>{let n={};return e.trigger===`hover`?(n.onMouseenter=L,n.onMouseleave=R):e.trigger===`click`?n.onClick=z:e.trigger===`focus`&&(n.onFocus=B,n.onBlur=V),(0,t.createVNode)(`div`,{class:a.b()},[(0,t.createVNode)(`div`,(0,t.mergeProps)({ref:u,class:a.e(`trigger`),"aria-describedby":h.value?a.e(`popper`):void 0,"aria-label":e.ariaLabel,tabindex:e.trigger===`focus`?0:void 0},n),[i.default?.()]),h.value&&(0,t.createVNode)(`div`,{ref:d,class:w.value,role:`tooltip`,id:a.e(`popper`),style:{...T.value,...S.value,zIndex:2e3,pointerEvents:e.enterable?`auto`:`none`},onMouseenter:H,onMouseleave:U},[G(),(0,t.createVNode)(`div`,{class:a.e(`content`)},[K()])])])}}});P.install=function(e){e.component(P.name,P)},e.Tooltip=P,e.default={title:`Tooltip 文字提示`,category:`反馈`,status:`100%`,install(e){e.component(P.name,P)}}});
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-tree{color:var(--ccui-text,#000000e0);font-size:var(--ccui-font-size,14px)}.ccui-tree__node{border-radius:var(--ccui-border-radius,6px);cursor:pointer;align-items:center;gap:4px;min-height:28px;padding:2px 4px;transition:background-color .2s;display:flex;position:relative}.ccui-tree__node:hover{background:var(--ccui-color-fill-tertiary,#0000000a)}.ccui-tree__node--selected{background:var(--ccui-color-primary-bg,#e6f4ff);color:var(--ccui-primary,#1677ff)}.ccui-tree__node--focused{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ccui-color-primary,#1677ff) 45%, transparent)}.ccui-tree__node:focus-visible{outline:2px solid var(--ccui-primary,#1677ff);outline-offset:-2px}.ccui-tree__virtual{width:100%}.ccui-tree__guide{background:var(--ccui-color-border-secondary,#f0f0f0);pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.ccui-tree__node--hover-expand{background:color-mix(in srgb, var(--ccui-color-primary,#1677ff) 6%, transparent)}.ccui-tree__switcher-error{background:var(--ccui-color-error-bg,#fff2f0);width:16px;height:16px;color:var(--ccui-color-error,#ff4d4f);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.ccui-tree__node--disabled{color:var(--ccui-color-text-disabled,#00000040);cursor:not-allowed}.ccui-tree__node--block{width:100%}.ccui-tree__node--drop-inside{background:var(--ccui-color-primary-bg,#e6f4ff);box-shadow:inset 0 0 0 1px var(--ccui-primary,#1677ff)}.ccui-tree__node--drop-before:before,.ccui-tree__node--drop-after:after{background:var(--ccui-primary,#1677ff);content:"";width:100%;height:2px;position:absolute;left:0}.ccui-tree__node--drop-before:before{top:-1px}.ccui-tree__node--drop-after:after{bottom:-1px}.ccui-tree__switcher-wrap{width:20px;height:20px;color:var(--ccui-color-text-tertiary,#00000073);flex:none;justify-content:center;align-items:center;display:inline-flex}.ccui-tree__switcher{justify-content:center;align-items:center;line-height:0;transition:transform .2s;display:inline-flex}.ccui-tree__switcher--open{transform:rotate(90deg)}.ccui-tree__switcher-leaf{width:14px;height:14px;display:inline-block}.ccui-tree__switcher-loading{text-align:center;width:14px;height:14px;font-size:14px;line-height:14px;animation:1s linear infinite ccui-tree-spin;display:inline-block}.ccui-tree__checkbox{border:1px solid var(--ccui-color-border,#d9d9d9);background:var(--ccui-color-bg-container,#fff);color:#0000;border-radius:2px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;line-height:1;transition:background-color .2s,border-color .2s;display:inline-flex}.ccui-tree__checkbox--checked{background:var(--ccui-primary,#1677ff);border-color:var(--ccui-primary,#1677ff);color:#fff}.ccui-tree__checkbox--indeterminate{border-color:var(--ccui-primary,#1677ff);color:var(--ccui-primary,#1677ff)}.ccui-tree__checkbox--disabled{background:var(--ccui-disabled-bg,#0000000a);border-color:var(--ccui-color-border,#d9d9d9);color:var(--ccui-color-text-disabled,#00000040);cursor:not-allowed}.ccui-tree__content{flex:1;align-items:center;gap:4px;min-width:0;padding:0 4px;display:inline-flex}.ccui-tree__icon{color:var(--ccui-color-text-secondary,#000000a6);flex:none;display:inline-flex}.ccui-tree__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ccui-tree__highlight{background:var(--ccui-color-warning-bg,#fffbe6);color:var(--ccui-color-warning,#faad14)}.ccui-tree__empty{color:var(--ccui-color-text-tertiary,#00000073);text-align:center;padding:16px}.ccui-tree--draggable .ccui-tree__node{cursor:grab}@keyframes ccui-tree-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
|
|
2
|
+
/*$vite$:1*/
|