forked from opentiny/tiny-vue
fix(grid): [grid] add grid no-data icon (#3257)
* fix(theme): [grid,switch] update dark theme * fix(grid): [grid] add grid no-data icon
This commit is contained in:
wuyiping
GitHub
parent
5fa8d7239e
commit
4b7ae8c84e
|
|
@ -0,0 +1,41 @@
|
|||
<svg width="112.000000" height="95.000000" viewBox="0 0 112 95" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<filter id="filter_1096_227209_dd" x="26.984375" y="17.600113" width="57.000000" height="63.417480" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="0" dy="0"/>
|
||||
<feGaussianBlur stdDeviation="0.666667"/>
|
||||
<feComposite in2="hardAlpha" operator="out" k2="-1" k3="1"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.40392 0 0 0 0 0.81961 0 0 0 0.2 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect_dropShadow_1"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect_dropShadow_1" result="shape"/>
|
||||
</filter>
|
||||
<linearGradient id="paint_linear_1096_227225_0" x1="61.999973" y1="33.499992" x2="97.000000" y2="73.500008" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#AEDBFF" stop-opacity="0.513726"/>
|
||||
<stop offset="1.000000" stop-color="#FFFFFF" stop-opacity="0.643137"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint_linear_1096_227228_0" x1="56.859962" y1="68.940750" x2="56.859962" y2="80.539268" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#96CEFD" stop-opacity="0.247059"/>
|
||||
<stop offset="1.000000" stop-color="#FFFFFF" stop-opacity="0.000000"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint_linear_1096_227229_0" x1="53.107475" y1="79.710518" x2="52.009739" y2="87.133156" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#57E3BD" stop-opacity="0.121569"/>
|
||||
<stop offset="1.000000" stop-color="#D8D8D8" stop-opacity="0.000000"/>
|
||||
<stop offset="1.000000" stop-color="#D8D8D8" stop-opacity="0.000000"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<path id="蒙版" d="M55.26 5.59C68.94 5.12 90.75 12.31 102.06 32.3C113.36 52.3 110.46 79.27 70.03 85.76C29.6 92.26 9.84 74.34 6.32 57.69C2.8 41.04 16.45 27.38 23.98 20.32C31.5 13.26 41.58 6.06 55.26 5.59Z" fill="#0D94FF" fill-opacity="0.101961" fill-rule="evenodd"/>
|
||||
<path id="矢量 262" d="M105.71 40.46C99.31 34.43 89.94 26.09 87.13 26.09C82.73 26.09 73.45 35.87 70.43 37.69C69.25 38.39 64.96 36.04 59.51 33.06C50.92 28.36 39.47 22.1 32.86 23.76C26.22 25.43 15.32 34.67 7.9 41.55C5.95 46.46 5.1 51.9 6.32 57.69C9.07 70.7 21.74 84.5 46.46 86.79L66.14 86.32C67.42 86.16 68.71 85.98 70.03 85.76C105.16 80.12 111.96 59.01 105.71 40.46Z" fill="url(#paint_linear_1096_227225_0)" fill-opacity="1.000000" fill-rule="evenodd"/>
|
||||
<path id="矢量 263" d="M88.96 80.12C79.42 75.72 56.19 65.07 54.41 65.07C52.16 65.07 46.85 69.71 45.3 70.51C44.73 70.81 43.63 69.65 42.18 68.13C39.73 65.56 36.3 61.95 32.82 62.7C27.31 63.91 18.88 74.61 18.88 74.61L19.07 77C29.43 84.91 46.11 89.6 70 85.76C77.59 84.54 83.86 82.6 88.96 80.12Z" fill="url(#paint_linear_1096_227228_0)" fill-opacity="1.000000" fill-rule="evenodd"/>
|
||||
<path id="矢量 264" d="M83.81 82.3C74.63 80.47 62.72 79.37 49.69 79.37C40.78 79.37 32.4 79.88 25.05 80.79C35.45 86.28 50.27 88.94 70.03 85.76C75.23 84.93 79.8 83.75 83.81 82.3Z" fill="url(#paint_linear_1096_227229_0)" fill-opacity="1.000000" fill-rule="evenodd"/>
|
||||
<g filter="url(#filter_1096_227209_dd)">
|
||||
<rect id="矩形" x="28.984375" y="19.600113" rx="5.282814" width="53.000000" height="59.417477" fill="#E4E4E4" fill-opacity="1.000000"/>
|
||||
</g>
|
||||
<rect id="矩形" x="31.634277" y="22.240891" rx="3.962111" width="47.700001" height="54.135921" fill="#FFFFFF" fill-opacity="1.000000"/>
|
||||
<path id="矢量 258" d="M55.81 11.01C58.19 11.01 59.52 12.79 60.22 14.31C60.75 15.47 61.84 16.41 63.12 16.41L63.45 16.41C66.36 16.41 68.73 18.77 68.73 21.69L68.73 24.88L42.89 24.88L42.89 21.69C42.89 18.77 45.26 16.41 48.17 16.41L48.5 16.41C49.78 16.41 50.87 15.47 51.41 14.31C52.1 12.79 53.43 11.01 55.81 11.01ZM55.81 17.08C56.52 17.08 57.1 16.5 57.1 15.78C57.1 15.06 56.52 14.48 55.81 14.48C55.1 14.48 54.52 15.06 54.52 15.78C54.52 16.5 55.1 17.08 55.81 17.08Z" fill="#C9C9C9" fill-opacity="1.000000" fill-rule="evenodd"/>
|
||||
<path id="矢量 260" d="M69.39 37.42L42.23 37.45L42.23 40.06L69.39 40.03L69.39 37.42ZM69.39 45.34L42.23 45.38L42.23 47.98L69.39 47.95L69.39 45.34ZM61.17 55.25L69.17 55.22L69.17 52.6L61.17 52.63L61.17 55.25Z" fill="#EEEEEE" fill-opacity="1.000000" fill-rule="evenodd"/>
|
||||
<path id="矢量 259" d="M58.29 60.56C58.07 56.32 54.67 52.92 50.43 52.7L50.43 60.56L58.29 60.56ZM48.58 52.8L48.58 62.41L58.19 62.41C57.52 66.34 54.1 69.34 49.98 69.34C45.38 69.34 41.66 65.61 41.66 61.01C41.66 56.89 44.65 53.47 48.58 52.8Z" fill="#EEEEEE" fill-opacity="1.000000" fill-rule="evenodd"/>
|
||||
<path id="合并" d="M81.89 47.7C87.68 47.7 92.39 52.4 92.39 58.18C92.39 61.14 91.15 63.83 89.16 65.73L91.12 67.68C91.19 67.76 91.25 67.84 91.29 67.94C91.97 67.95 92.65 68.24 93.17 68.76L97.35 72.94C97.45 73.04 97.45 73.19 97.35 73.29C96.29 74.35 94.56 74.35 93.5 73.29L89.31 69.1C89.22 69.01 89.22 68.86 89.31 68.76C89.43 68.64 89.56 68.54 89.69 68.45L88.07 66.84C88.04 66.8 88 66.76 87.97 66.72C86.26 67.94 84.16 68.66 81.89 68.66C76.1 68.66 71.39 63.96 71.39 58.18C71.39 52.4 76.1 47.7 81.89 47.7ZM90.39 58.18C90.39 57.03 90.19 55.96 89.79 54.98C89.38 53.96 88.75 53.03 87.9 52.19C87.07 51.35 86.14 50.73 85.13 50.31C84.14 49.91 83.06 49.7 81.89 49.7C80.73 49.7 79.65 49.91 78.65 50.31C77.64 50.73 76.72 51.35 75.88 52.19C75.04 53.03 74.41 53.96 74 54.98C73.59 55.96 73.39 57.03 73.39 58.18C73.39 59.33 73.59 60.39 74 61.38C74.41 62.4 75.04 63.33 75.88 64.17C76.72 65 77.64 65.63 78.65 66.04C79.65 66.45 80.73 66.66 81.89 66.66C83.06 66.66 84.14 66.45 85.13 66.04C86.14 65.63 87.07 65 87.9 64.17C88.75 63.33 89.38 62.4 89.79 61.38C90.19 60.39 90.39 59.33 90.39 58.18Z" fill="#2CB8C9" fill-opacity="1.000000" fill-rule="evenodd"/>
|
||||
<path id="矢量 261" d="M88.6 44.86L88.6 38.62C88.6 38.06 89.04 37.62 89.6 37.62C90.16 37.62 90.6 38.06 90.6 38.62L90.6 44.86C90.6 45.42 90.16 45.86 89.6 45.86C89.04 45.86 88.6 45.42 88.6 44.86ZM97.29 41.24L92.87 45.65C92.48 46.05 92.47 46.67 92.87 47.06C93.27 47.46 93.89 47.46 94.28 47.07L98.7 42.66C99.1 42.26 99.1 41.64 98.7 41.25C98.31 40.85 97.68 40.85 97.29 41.24ZM101.21 49.21L94.96 49.21C94.4 49.21 93.96 49.65 93.96 50.21C93.96 50.77 94.4 51.21 94.96 51.21L101.21 51.21C101.77 51.21 102.21 50.77 102.21 50.21C102.21 49.65 101.77 49.21 101.21 49.21Z" fill="#C9C9C9" fill-opacity="1.000000" fill-rule="evenodd"/>
|
||||
<path id="路径 63 (边框)" d="M21.75 26.19C21.87 26.2 21.97 26.2 22.05 26.2C22.61 26.2 23.04 25.76 23.04 25.2C23.04 24.64 22.6 24.2 22.04 24.2C22.01 24.2 21.96 24.2 21.88 24.2C21.72 24.19 21.54 24.17 21.36 24.14C20.79 24.05 20.27 23.9 19.8 23.68C19.19 23.39 18.71 23 18.36 22.52C18.3 22.42 18.23 22.32 18.18 22.22C18.6 22.15 19.01 22.05 19.41 21.93C19.49 21.91 19.57 21.88 19.64 21.86C20.23 21.66 20.76 21.42 21.22 21.13C21.35 21.05 21.48 20.96 21.6 20.86C21.95 20.58 22.24 20.23 22.48 19.81C22.58 19.63 22.67 19.45 22.74 19.26C22.88 18.92 22.97 18.55 23.01 18.17C23.08 17.62 23.04 17.09 22.9 16.6C22.88 16.56 22.87 16.52 22.86 16.49C22.71 16.04 22.5 15.66 22.2 15.35C22.1 15.24 21.98 15.14 21.86 15.05C21.62 14.87 21.34 14.72 21.03 14.61C20.76 14.53 20.38 14.45 20.08 14.43C19.91 14.42 19.74 14.42 19.56 14.44C19.39 14.45 19.22 14.48 19.05 14.52C18.88 14.56 18.72 14.61 18.56 14.67C18.37 14.74 18.19 14.83 18.02 14.93C17.89 15 17.77 15.08 17.66 15.17C17.11 15.58 16.67 16.15 16.34 16.85C15.92 17.76 15.72 18.88 15.72 20.2C15.29 20.13 14.9 20.1 14.54 19.95C14.39 19.88 14.26 19.81 14.13 19.73C13.66 19.41 13.29 18.95 13.02 18.33C13 18.28 12.97 18.23 12.95 18.18C12.87 17.96 12.8 17.75 12.75 17.52C12.72 17.39 12.7 17.29 12.7 17.23C12.64 16.67 12.16 16.28 11.6 16.33C11.04 16.39 10.65 16.87 10.71 17.43C10.72 17.58 10.75 17.76 10.8 17.97C10.87 18.25 10.95 18.53 11.05 18.8C11.09 18.92 11.14 19.03 11.19 19.14C11.43 19.68 11.73 20.16 12.09 20.57C12.36 20.88 12.66 21.15 13 21.37C13.23 21.53 13.47 21.66 13.73 21.78C14.35 22.05 15.02 22.22 15.75 22.3C15.85 22.31 15.95 22.32 16.05 22.33C16.17 22.69 16.32 23.02 16.51 23.34C16.58 23.45 16.65 23.57 16.73 23.68C16.82 23.8 16.91 23.91 17.01 24.03C17.52 24.63 18.17 25.12 18.96 25.49C19.6 25.79 20.3 26 21.06 26.11C21.3 26.15 21.53 26.18 21.75 26.19ZM17.72 20.27C18.14 20.21 18.56 20.11 18.96 19.97C19.41 19.82 19.84 19.63 20.17 19.43C20.4 19.29 20.59 19.08 20.74 18.82C20.78 18.76 20.81 18.69 20.84 18.63C20.93 18.41 21 18.18 21.03 17.94C21.06 17.63 21.04 17.36 20.96 17.11C20.89 16.9 20.79 16.75 20.66 16.64C20.58 16.59 20.49 16.54 20.38 16.51C20.25 16.46 20.12 16.43 19.97 16.43C19.8 16.42 19.64 16.43 19.48 16.47C19.33 16.51 19.18 16.57 19.03 16.65C18.67 16.87 18.38 17.21 18.16 17.69C17.86 18.33 17.72 19.24 17.72 20.27Z" fill="#0A7EF7" fill-opacity="1.000000" fill-rule="evenodd"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.6 KiB |
|
|
@ -334,6 +334,11 @@
|
|||
// -- 暗色新增 --
|
||||
--tv-color-icon-inverse: var(--tv-base-color-common-1); // #fff 亮色暗色都是白色场景
|
||||
--tv-color-icon-inverse-tint: var(--tv-base-color-common-13); // #000 暗色反色成黑色：按钮下拉线头
|
||||
// -- 空状态图标 --
|
||||
--tv-color-no-data-gary-1: var(--tv-base-color-common-10); // #262626
|
||||
--tv-color-no-data-gary-2: var(--tv-base-color-common-9); // #333333
|
||||
--tv-color-no-data-border: var(--tv-base-color-common-5); // #999999
|
||||
--tv-color-no-data-brand: var(--tv-base-color-brand-7); // #317AF7
|
||||
|
||||
/** 2.6 背景色 **/
|
||||
|
||||
|
|
|
|||
|
|
@ -334,7 +334,11 @@
|
|||
// -- 暗色新增 --
|
||||
--tv-color-icon-inverse: var(--tv-base-color-common-1); // #fff 亮色暗色都是白色场景
|
||||
--tv-color-icon-inverse-tint: var(--tv-base-color-common-1); // #fff 暗色反色成黑色：按钮下拉线头
|
||||
|
||||
// -- 空状态图标 --
|
||||
--tv-color-no-data-gary-1: var(--tv-base-color-common-4); // #f0f0f0
|
||||
--tv-color-no-data-gary-2: var(--tv-base-color-common-1); // #ffffff
|
||||
--tv-color-no-data-border: var(--tv-base-color-common-8); // #808080
|
||||
--tv-color-no-data-brand: var(--tv-base-color-brand-6); // #317af7
|
||||
|
||||
/** 2.6 背景色 **/
|
||||
|
||||
|
|
|
|||
|
|
@ -761,7 +761,6 @@
|
|||
width: 100%;
|
||||
height: 100px;
|
||||
margin: 0;
|
||||
background: var(--tv-Grid-empty-img) 50% no-repeat;
|
||||
}
|
||||
|
||||
& &__empty-text {
|
||||
|
|
|
|||
|
|
@ -224,8 +224,6 @@
|
|||
--tv-Grid-select-option-bg-color-hover: var(--tv-color-bg-hover, #f5f5f5);
|
||||
// 加载中背景色
|
||||
--tv-Grid-loading-mask-bg-color: var(--tv-color-bg-mask-block, rgba(255, 255, 255, 70%));
|
||||
// 表格无数据背景图片
|
||||
--tv-Grid-empty-img: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9IjAiIGQ9Ik0wIDBoODB2ODBIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGQ9Ik03My42MSAzOS4zOXYzMC42N2MwIDIuMTctMS43NiAzLjkzLTMuOTQgMy45M0g1Mi41OXYtLjg3aDE3LjA4YzEuNyAwIDMuMDctMS4zNyAzLjA3LTMuMDZWMzkuMzloLjg3eiIgZmlsbD0iZ3JheSIvPjxwYXRoIGQ9Ik03My42MSAzOS4zOXYzMC42N2MwIDIuMTctMS43NiAzLjkzLTMuOTQgMy45M0g1Mi41OXYtLjg3aDE3LjA4YzEuNyAwIDMuMDctMS4zNyAzLjA3LTMuMDZWMzkuMzloLjg3eiIgZmlsbD0iZ3JheSIvPjxwYXRoIGQ9Ik01Ni45MiAyNXY0NS4wNmMwIDIuMTctMS43NyAzLjkzLTMuOTUgMy45M0gxMC45NEEzLjk0IDMuOTQgMCAwIDEgNyA3MC4wNlYzOS4zOWguODh2MzAuNjdhMy4wNiAzLjA2IDAgMCAwIDMuMDYgMy4wNmg0Mi4wM2MxLjcgMCAzLjA3LTEuMzcgMy4wNy0zLjA2VjI1Ljg3SDEwLjY3VjI1aDQ2LjI1eiIgZmlsbD0iZ3JheSIvPjxwYXRoIGQ9Ik05LjQzIDI1Yy0uNiAwLTEuMTUuMzEtMS40Ni44MkwuMTMgMzguNjRjLS4yNi40Mi0uMTMuOTYuMjcgMS4yMi4xNC4wOS4yOS4xNC40Ni4xNGg0NC44MmMxLjE3IDAgMi4yNi0uNjEgMi45LTEuNjJMNTcuMDQgMjVIOS40M3ptLjIyIDFoNDUuNTJsLTcuNTIgMTEuODFjLS40Ny43NC0xLjI4IDEuMTktMi4xNCAxLjE5SDEuMTdsNy43NS0xMi42Yy4xNi0uMjUuNDMtLjQuNzMtLjR6IiBmaWxsPSJncmF5Ii8+PHBhdGggZD0iTTcwLjc1IDI1Yy41NiAwIDEuMDguMyAxLjM5LjhsNy43MiAxMi43MmMuMjUuNDEuMTQuOTUtLjI1IDEuMjEtLjEzLjA5LS4yOC4xNC0uNDQuMTRINjYuMTRjLTEuMTcgMC0yLjI1LS42Ni0yLjg1LTEuNzNMNTUuOTggMjVoMTQuNzd6bS0uMDMgMUg1Ny44bDYuMzggMTEuNzFjLjQzLjggMS4yMiAxLjI5IDIuMDggMS4yOWgxMi42M0w3MS40IDI2LjM5YS44MDIuODAyIDAgMCAwLS42OC0uMzl6IiBmaWxsPSJncmF5Ii8+PHJlY3QgeD0iMTMuNSIgeT0iNTYiIHJ4PSIxLjg4NiIgd2lkdGg9IjE0IiBoZWlnaHQ9IjQiIGZpbGw9IiMxNDc2RkYiLz48cGF0aCBkPSJNMjMuNTYgNjNjLjI0IDAgLjQ0LjIyLjQ0LjUgMCAuMjctLjIuNS0uNDQuNWgtOS42M2MtLjI0IDAtLjQzLS4yMy0uNDMtLjUgMC0uMjguMTktLjUuNDMtLjVoOS42M3oiIGZpbGw9ImdyYXkiLz48cmVjdCB4PSIxMy41IiB5PSI2NiIgcng9Ii41IiB3aWR0aD0iNSIgaGVpZ2h0PSIxIiBmaWxsPSJncmF5Ii8+PHBhdGggZD0iTTQwIDZjLjI3IDAgLjUuMTkuNS40NHY2LjE2YzAgLjI1LS4yMy40NC0uNS40NC0uMjggMC0uNTEtLjE5LS41MS0uNDRWNi40NGMwLS4yNS4yMy0uNDQuNTEtLjQ0ek01Ni41NSA4LjY0Yy4yNC4xNC4zMy40Mi4yMS42M2wtMy4wOCA1LjM0Yy0uMTIuMjEtLjQyLjI3LS42Ni4xMy0uMjQtLjE0LS4zMy0uNDItLjIxLS42M2wzLjA4LTUuMzRjLjEyLS4yMS40Mi0uMjcuNjYtLjEzek0yMy40NCA4LjY0Yy4yNC0uMTQuNTQtLjA4LjY2LjEzbDMuMDggNS4zNGMuMTIuMjEuMDMuNDktLjIxLjYzcy0uNTQuMDgtLjY2LS4xM2wtMy4wOC01LjM0Yy0uMTItLjIxLS4wMy0uNDkuMjEtLjYzeiIgZmlsbD0iZ3JheSIvPjwvZz48L3N2Zz4=');
|
||||
// 边框模式复选框禁用边框色
|
||||
--tv-Grid-border-color-disabled: var(--tv-color-border-disabled, #dbdbdb);
|
||||
// 复选框过滤器模式底色
|
||||
|
|
|
|||
|
|
@ -0,0 +1,20 @@
|
|||
<svg width="80.000000" height="80.000000" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<desc>
|
||||
Created with Pixso.
|
||||
</desc>
|
||||
<defs/>
|
||||
<rect id="暂无数据-no-data" width="80.000000" height="80.000000" fill="#FFFFFF" fill-opacity="0"/>
|
||||
<path id="矩形备份" d="M12.5 24.87L69.68 24.87C71.78 24.87 73.5 26.58 73.5 28.69L73.5 70.1C73.5 72.18 71.81 73.87 69.73 73.87L16.26 73.87C14.18 73.87 12.5 72.18 12.5 70.1L12.5 24.87Z" fill="var(--tv-color-no-data-gary-1)" fill-opacity="1.000000" fill-rule="evenodd"/>
|
||||
<path id="矩形" d="M8.81 25.37L56.5 25.37L56.5 70.1C56.5 72.18 54.81 73.87 52.73 73.87L11.26 73.87C9.18 73.87 7.5 72.08 7.5 70L7.5 39.5L0.5 39.5C0.5 38.77 8.09 25.37 8.81 25.37Z" fill="var(--tv-color-no-data-gary-2)" fill-opacity="1.000000" fill-rule="evenodd"/>
|
||||
<path id="矩形备份-4" d="M56.29 25.37L70.09 25.37C70.77 25.37 71.6 25.24 71.94 25.84L78.71 37.97C78.97 38.42 79.45 39.12 79 39.37C78.85 39.45 78.05 39.37 77.89 39.37L66.22 39.37C64.8 39.37 63.51 38.58 62.86 37.32L56.29 25.37Z" fill="var(--tv-color-no-data-gary-2)" fill-opacity="1.000000" fill-rule="evenodd"/>
|
||||
<path id="矩形备份" d="M73.61 39.39L73.61 70.06C73.61 72.23 71.85 73.99 69.67 73.99L52.59 73.99L52.59 73.12L69.67 73.12C71.37 73.12 72.74 71.75 72.74 70.06L72.74 39.39L73.61 39.39Z" fill="var(--tv-color-no-data-border)" fill-opacity="1.000000" fill-rule="nonzero"/>
|
||||
<path id="矩形" d="M56.92 25L56.92 70.06C56.92 72.23 55.15 73.99 52.98 73.99L10.94 73.99C8.77 73.99 7 72.23 7 70.06L7 39.39L7.88 39.39L7.88 70.06C7.88 71.75 9.25 73.12 10.94 73.12L52.98 73.12C54.67 73.12 56.04 71.75 56.04 70.06L56.04 25.87L10.67 25.87L10.67 25L56.92 25Z" fill="var(--tv-color-no-data-border)" fill-opacity="1.000000" fill-rule="nonzero"/>
|
||||
<path id="矩形" d="M9.43 25C8.83 25 8.28 25.31 7.97 25.82L0.13 38.64C-0.13 39.06 0 39.6 0.4 39.86C0.54 39.95 0.7 40 0.86 40L45.68 40C46.85 40 47.94 39.39 48.58 38.38L57.04 25L9.43 25ZM9.65 26L55.17 26L47.65 37.81C47.18 38.55 46.37 39 45.51 39L1.17 39L8.92 26.4C9.08 26.15 9.35 26 9.65 26Z" fill="var(--tv-color-no-data-border)" fill-opacity="1.000000" fill-rule="nonzero"/>
|
||||
<path id="矩形备份-4" d="M70.75 25C71.31 25 71.83 25.3 72.14 25.8L79.86 38.52C80.11 38.93 80 39.47 79.61 39.73C79.48 39.82 79.33 39.87 79.17 39.87L66.14 39.87C64.97 39.87 63.89 39.21 63.29 38.14L55.98 25L70.75 25ZM70.72 26L57.79 26L64.18 37.71C64.61 38.51 65.4 39 66.26 39L78.89 39L71.4 26.39C71.25 26.15 71 26 70.72 26Z" fill="var(--tv-color-no-data-border)" fill-opacity="1.000000" fill-rule="nonzero"/>
|
||||
<rect id="矩形" x="13.500000" y="56.000000" rx="1.886225" width="14.000000" height="4.000000" fill="var(--tv-color-no-data-brand)" fill-opacity="1.000000"/>
|
||||
<path id="矩形备份-2" d="M23.56 63C23.8 63 24 63.22 24 63.5C24 63.77 23.8 64 23.56 64L13.93 64C13.69 64 13.5 63.77 13.5 63.5C13.5 63.22 13.69 63 13.93 63L23.56 63Z" fill="var(--tv-color-no-data-border)" fill-opacity="1.000000" fill-rule="nonzero"/>
|
||||
<rect id="矩形备份-3" x="13.500000" y="66.000000" rx="0.500000" width="5.000000" height="1.000000" fill="var(--tv-color-no-data-border)" fill-opacity="1.000000"/>
|
||||
<path id="路径备份" d="M40 6C40.27 6 40.5 6.19 40.5 6.44L40.5 12.6C40.5 12.85 40.27 13.04 40 13.04C39.72 13.04 39.49 12.85 39.49 12.6L39.49 6.44C39.49 6.19 39.72 6 40 6Z" fill="var(--tv-color-no-data-border)" fill-opacity="1.000000" fill-rule="nonzero"/>
|
||||
<path id="路径备份" d="M56.55 8.64C56.79 8.78 56.89 9.06 56.76 9.27L53.68 14.61C53.56 14.82 53.26 14.88 53.02 14.74C52.78 14.6 52.69 14.32 52.81 14.11L55.89 8.77C56.01 8.56 56.31 8.5 56.55 8.64Z" fill="var(--tv-color-no-data-border)" fill-opacity="1.000000" fill-rule="nonzero"/>
|
||||
<path id="路径备份" d="M23.44 8.64C23.68 8.5 23.98 8.56 24.1 8.77L27.18 14.11C27.3 14.32 27.21 14.6 26.97 14.74C26.73 14.88 26.43 14.82 26.31 14.61L23.23 9.27C23.1 9.06 23.2 8.78 23.44 8.64Z" fill="var(--tv-color-no-data-border)" fill-opacity="1.000000" fill-rule="nonzero"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.9 KiB |
|
|
@ -455,6 +455,7 @@ import IconMaterial from './src/material'
|
|||
import IconMilestone from './src/milestone'
|
||||
import IconMinscreenRight from './src/minscreen-right'
|
||||
import IconNoData from './src/no-data'
|
||||
import IconGridNoData from './src/grid-no-data'
|
||||
import IconNoNews from './src/no-news'
|
||||
import IconNoPerm from './src/no-perm'
|
||||
import IconNoResult from './src/no-result'
|
||||
|
|
@ -1520,6 +1521,8 @@ export {
|
|||
IconMinscreenRight as iconMinscreenRight,
|
||||
IconNoData,
|
||||
IconNoData as iconNoData,
|
||||
IconGridNoData,
|
||||
IconGridNoData as iconGridNoData,
|
||||
IconNoNews,
|
||||
IconNoNews as iconNoNews,
|
||||
IconNoPerm,
|
||||
|
|
@ -2063,6 +2066,7 @@ export default {
|
|||
IconMilestone,
|
||||
IconMinscreenRight,
|
||||
IconNoData,
|
||||
IconGridNoData,
|
||||
IconNoNews,
|
||||
IconNoPerm,
|
||||
IconNoResult,
|
||||
|
|
|
|||
|
|
@ -455,6 +455,7 @@ import IconMaterial from './src/material'
|
|||
import IconMilestone from './src/milestone'
|
||||
import IconMinscreenRight from './src/minscreen-right'
|
||||
import IconNoData from './src/no-data'
|
||||
import IconGridNoData from './src/grid-no-data'
|
||||
import IconNoNews from './src/no-news'
|
||||
import IconNoPerm from './src/no-perm'
|
||||
import IconNoResult from './src/no-result'
|
||||
|
|
@ -1520,6 +1521,8 @@ export {
|
|||
IconMinscreenRight as iconMinscreenRight,
|
||||
IconNoData,
|
||||
IconNoData as iconNoData,
|
||||
IconGridNoData,
|
||||
IconGridNoData as iconGridNoData,
|
||||
IconNoNews,
|
||||
IconNoNews as iconNoNews,
|
||||
IconNoPerm,
|
||||
|
|
@ -2063,6 +2066,7 @@ export default {
|
|||
IconMilestone,
|
||||
IconMinscreenRight,
|
||||
IconNoData,
|
||||
IconGridNoData,
|
||||
IconNoNews,
|
||||
IconNoPerm,
|
||||
IconNoResult,
|
||||
|
|
|
|||
|
|
@ -0,0 +1,4 @@
|
|||
import { svg } from '@opentiny/vue-common'
|
||||
import NoData from '@opentiny/vue-theme/svgs/grid-no-data.svg'
|
||||
|
||||
export default () => svg({ name: 'IconGridNoData', component: NoData })()
|
||||
|
|
@ -36,11 +36,11 @@ import {
|
|||
} from '@opentiny/vue-renderless/grid/utils'
|
||||
import { getCellLabel } from '../../tools'
|
||||
import GlobalConfig from '../../config'
|
||||
import { iconChevronRight, iconChevronDown } from '@opentiny/vue-icon'
|
||||
import { iconChevronRight, iconChevronDown, iconGridNoData } from '@opentiny/vue-icon'
|
||||
import { h, hooks, $prefix, defineComponent } from '@opentiny/vue-common'
|
||||
import { getTreeChildrenKey, getTreeShowKey, handleRowGroupFold, isVirtualRow } from '../../table/src/strategy'
|
||||
import { generateFixedClassName } from '../../table/src/utils/handleFixedColumn'
|
||||
|
||||
const GridNoData = iconGridNoData()
|
||||
// 滚动、拖动过程中不需要触发鼠标移入移出事件
|
||||
const isOperateMouse = ($table) =>
|
||||
$table._isResize || ($table.lastScrollTime && Date.now() < $table.lastScrollTime + $table.optimizeOpts.delayHover)
|
||||
|
|
@ -752,7 +752,7 @@ function renderRows({ h, _vm, $table, $seq, rowLevel, tableData, tableColumn, se
|
|||
|
||||
function renderDefEmpty(h) {
|
||||
return [
|
||||
h('p', {
|
||||
h(GridNoData, {
|
||||
class: 'tiny-grid__empty-img'
|
||||
}),
|
||||
h(
|
||||
|
|
|
|||
|
|
@ -43,6 +43,7 @@ import { clearOnTableUnmount } from './strategy'
|
|||
import MfTable from '../../mobile-first/index.vue'
|
||||
import { useDrag, useRowGroup } from '../../composable'
|
||||
import { isServer } from '@opentiny/utils'
|
||||
import { iconGridNoData } from '@opentiny/vue-icon'
|
||||
|
||||
const { themes, viewConfig, columnLevelKey, defaultColumnName } = GlobalConfig
|
||||
const { TINY: T_TINY, SAAS: T_SAAS } = themes
|
||||
|
|
@ -50,6 +51,7 @@ const { DEFAULT: V_DEFAULT, MF: V_MF, CARD: V_CARD, LIST: V_LIST } = viewConfig
|
|||
const { MF_SHOW_LIST: V_MF_LIST } = viewConfig
|
||||
|
||||
const hiddenContainerClass = 'tiny-grid-hidden-column'
|
||||
const GridNoData = iconGridNoData()
|
||||
|
||||
// 校验插件是否被注册
|
||||
function verifyConfig(_vm) {
|
||||
|
|
@ -121,7 +123,7 @@ const renderEmptyPartFn = (opt) => {
|
|||
emptyVnodes = [renderEmpty(h, _vm)]
|
||||
} else {
|
||||
emptyVnodes = [
|
||||
h('p', { class: 'tiny-grid__empty-img' }),
|
||||
h(GridNoData, { class: 'tiny-grid__empty-img' }),
|
||||
h('span', { class: 'tiny-grid__empty-text' }, GlobalConfig.i18n('ui.grid.emptyText'))
|
||||
]
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue