@ithinkdt/ui 4.0.0-38 → 4.0.0-40

package/src/components/assets.jsx

@@ -1,274 +0,0 @@
-export const IHelp = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        role="img"
-        width="1em"
-        height="1em"
-        viewBox="0 0 24 24"
-        {...props}
-    >
-        <path
-            fill="currentColor"
-            d="M11 18h2v-2h-2v2m1-16A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m0-14a4 4 0 0 0-4 4h2a2 2 0 0 1 2-2a2 2 0 0 1 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5a4 4 0 0 0-4-4Z"
-        />
-    </svg>
-)
-
-export const ICustom = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        role="img"
-        width="1em"
-        height="1em"
-        viewBox="0 0 1024 1024"
-        {...props}
-    >
-        <path
-            fill="currentColor"
-            d="m924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03 32.03 0 0 0 9.3-35.2l-.9-2.6a443.74 443.74 0 0 0-79.7-137.9l-1.8-2.1a32.12 32.12 0 0 0-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05 32.05 0 0 0-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159 0l-2.7.5a32.05 32.05 0 0 0-25.8 25.7l-15.8 85.4a351.86 351.86 0 0 0-99 57.4l-81.9-29.1a32 32 0 0 0-35.1 9.5l-1.8 2.1a446.02 446.02 0 0 0-79.7 137.9l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1c0 19.2 1.5 38.4 4.6 57.1L99 625.5a32.03 32.03 0 0 0-9.3 35.2l.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1a32.12 32.12 0 0 0 35.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4a32.05 32.05 0 0 0 25.8 25.7l2.7.5a449.4 449.4 0 0 0 159 0l2.7-.5a32.05 32.05 0 0 0 25.8-25.7l15.7-85a350 350 0 0 0 99.7-57.6l81.3 28.9a32 32 0 0 0 35.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35zM788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1l74.7 63.9a370.03 370.03 0 0 1-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3l-17.9 97a377.5 377.5 0 0 1-85 0l-17.9-97.2l-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9l-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5l-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5c0-15.3 1.2-30.6 3.7-45.5l6.5-40l-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2l31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3l17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97l38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8l92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426l6.5 39.9zM512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176s176-78.8 176-176s-78.8-176-176-176zm79.2 255.2A111.6 111.6 0 0 1 512 614c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 0 1 400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390c29.9 0 58 11.6 79.2 32.8A111.6 111.6 0 0 1 624 502c0 29.9-11.7 58-32.8 79.2z"
-        />
-    </svg>
-)
-
-export const IDrag = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        role="img"
-        width="1em"
-        height="1em"
-        viewBox="0 0 1024 1024"
-        {...props}
-    >
-        <path
-            fill="currentColor"
-            d="M300 276.497a56 56 0 1 0 56-96.994a56 56 0 0 0-56 96.994Zm0 284a56 56 0 1 0 56-96.994a56 56 0 0 0-56 96.994ZM640 228a56 56 0 1 0 112 0a56 56 0 0 0-112 0Zm0 284a56 56 0 1 0 112 0a56 56 0 0 0-112 0ZM300 844.497a56 56 0 1 0 56-96.994a56 56 0 0 0-56 96.994ZM640 796a56 56 0 1 0 112 0a56 56 0 0 0-112 0Z"
-        />
-    </svg>
-)
-export const ILeft = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        role="img"
-        width="1em"
-        height="1em"
-        viewBox="0 0 1024 1024"
-        {...props}
-    >
-        <path
-            fill="currentColor"
-            d="M326 164h-64c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V172c0-4.4-3.6-8-8-8zm444 72.4V164c0-6.8-7.9-10.5-13.1-6.1L335 512l421.9 354.1c5.2 4.4 13.1.7 13.1-6.1v-72.4c0-9.4-4.2-18.4-11.4-24.5L459.4 512l299.2-251.1c7.2-6.1 11.4-15.1 11.4-24.5z"
-        />
-    </svg>
-)
-export const IRight = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        role="img"
-        width="1em"
-        height="1em"
-        viewBox="0 0 1024 1024"
-        {...props}
-    >
-        <path
-            fill="currentColor"
-            d="M762 164h-64c-4.4 0-8 3.6-8 8v688c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V172c0-4.4-3.6-8-8-8zm-508 0v72.4c0 9.5 4.2 18.4 11.4 24.5L564.6 512L265.4 763.1c-7.2 6.1-11.4 15-11.4 24.5V860c0 6.8 7.9 10.5 13.1 6.1L689 512L267.1 157.9A7.95 7.95 0 0 0 254 164z"
-        />
-    </svg>
-)
-export const IDown = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        role="img"
-        width="1em"
-        height="1em"
-        viewBox="0 0 32 32"
-        {...props}
-    >
-        <path fill="currentColor" d="M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z" />
-    </svg>
-)
-
-export const IUp = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        role="img"
-        width="1em"
-        height="1em"
-        viewBox="0 0 32 32"
-        {...props}
-    >
-        <path fill="currentColor" d="m16 10l10 10l-1.4 1.4l-8.6-8.6l-8.6 8.6L6 20z" />
-    </svg>
-)
-
-export const ICheck = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        role="img"
-        width="1em"
-        height="1em"
-        viewBox="0 0 24 24"
-        {...props}
-    >
-        <path fill="currentColor" d="m9.55 18l-5.7-5.7l1.425-1.425L9.55 15.15l9.175-9.175L20.15 7.4z" />
-    </svg>
-)
-
-export const ILanguage = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        role="img"
-        width="1em"
-        height="1em"
-        viewBox="0 0 24 24"
-        {...props}
-    >
-        {/* Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE */}
-        <path fill="currentColor" d="M12 22q-2.05 0-3.875-.788t-3.187-2.15t-2.15-3.187T2 12q0-2.075.788-3.887t2.15-3.175t3.187-2.15T12 2q2.075 0 3.888.788t3.174 2.15t2.15 3.175T22 12q0 2.05-.788 3.875t-2.15 3.188t-3.175 2.15T12 22m0-2.05q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713T8.05 16H5.1q.725 1.25 1.813 2.175T9.4 19.55m5.2 0q1.4-.45 2.488-1.375T18.9 16h-2.95q-.225.95-.562 1.838T14.6 19.55M4.25 14h3.4q-.075-.5-.112-.987T7.5 12t.038-1.012T7.65 10h-3.4q-.125.5-.187.988T4 12t.063 1.013t.187.987m5.4 0h4.7q.075-.5.113-.987T14.5 12t-.038-1.012T14.35 10h-4.7q-.075.5-.112.988T9.5 12t.038 1.013t.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012T19.75 10h-3.4q.075.5.113.988T16.5 12t-.038 1.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075T12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838T9.4 4.45Q8 4.9 6.912 5.825T5.1 8" />
-    </svg>
-)
-
-export const IMore = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        role="img"
-        width="1em"
-        height="1em"
-        viewBox="0 0 20 20"
-        {...props}
-    >
-        {/* Icon from uiw icons by liwen0526 - https://github.com/uiwjs/icons/blob/master/LICENSE */}
-        <path fill="currentColor" fillRule="evenodd" d="M2.5 7.5a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5m15 0a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5m-7.274 0a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5" />
-    </svg>
-)
-
-export const IPlus = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        role="img"
-        width="1em"
-        height="1em"
-        viewBox="0 0 24 24"
-        {...props}
-    >
-        <path fill="currentColor" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"></path>
-    </svg>
-)
-
-export const IPlus2 = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        width="1em"
-        height="1em"
-        viewBox="0 0 24 24"
-        {...props}
-    >
-        <path
-            fill="currentColor"
-            d="M21 8H3V6h18zm-7.19 8H10v2h3.09c.12-.72.37-1.39.72-2M18 11H6v2h12zm0 4v3h-3v2h3v3h2v-3h3v-2h-3v-3z"
-        >
-        </path>
-    </svg>
-)
-
-export const IImgNone = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        width="1em"
-        height="1em"
-        viewBox="0 0 24 24"
-        {...props}
-    >
-        {/* Icon from Tabler Icons by Paweł Kuna - https://github.com/tabler/tabler-icons/blob/master/LICENSE */}
-        <g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2">
-            <path d="M15 8h.01M15 21H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v6" />
-            <path d="m3 16l5-5c.928-.893 2.072-.893 3 0l4 4" />
-            <path d="m14 14l1-1c.665-.64 1.44-.821 2.167-.545M19 16v3m0 3v.01" />
-        </g>
-    </svg>
-)
-
-export const IImgError = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        role="img"
-        width="1em"
-        height="1em"
-        viewBox="0 0 24 24"
-        {...props}
-    >
-        <path
-            fill="currentColor"
-            d="M22 20.7L3.3 2L2 3.3l1 1V19c0 1.1.9 2 2 2h14.7l1 1zM5 19V6.3l7.6 7.6l-1.5 1.9L9 13.1L6 17h9.7l2 2zM8.8 5l-2-2H19c1.1 0 2 .9 2 2v12.2l-2-2V5z"
-        >
-        </path>
-    </svg>
-)
-
-export const IDept = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        width="1em"
-        height="1em"
-        viewBox="0 0 12 12"
-        {...props}
-    >
-        <path
-            fill="currentColor"
-            d="M5.5 4.937a2 2 0 1 1 1 0V6h2a1 1 0 0 1 1 1v1.063a2 2 0 1 1-1 0V7h-5v1.063a2 2 0 1 1-1 0V7a1 1 0 0 1 1-1h2zM6 4a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-3 7a1 1 0 1 0 0-2a1 1 0 0 0 0 2m5-1a1 1 0 1 0 2 0a1 1 0 0 0-2 0"
-        >
-        </path>
-    </svg>
-)
-export const IGroup = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        width="1em"
-        height="1em"
-        viewBox="0 0 24 24"
-        {...props}
-    >
-        <g fill="none" fillRule="evenodd">
-            <path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"></path>
-            <path
-                fill="currentColor"
-                d="M13 13a4 4 0 0 1 4 4v2a1 1 0 1 1-2 0v-2a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v2a1 1 0 1 1-2 0v-2a4 4 0 0 1 4-4zm6 0a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0v-2a1 1 0 0 0-1-1h-1.416a5.02 5.02 0 0 0-1.583-2zM9.5 3a4.5 4.5 0 1 1 0 9a4.5 4.5 0 0 1 0-9M18 6a3 3 0 1 1 0 6a3 3 0 0 1 0-6M9.5 5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5M18 8a1 1 0 1 0 0 2a1 1 0 0 0 0-2"
-            >
-            </path>
-        </g>
-    </svg>
-)
-
-export const IAccount = props => (
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        role="img"
-        width="1em"
-        height="1em"
-        viewBox="0 0 256 256"
-        {...props}
-    >
-        <path
-            fill="currentColor"
-            d="M235.4 210a124.2 124.2 0 0 0-61.8-53.2a76 76 0 1 0-91.2 0A124.2 124.2 0 0 0 20.6 210a12 12 0 0 0 20.8 12a100 100 0 0 1 173.2 0a12.1 12.1 0 0 0 10.4 6a11.7 11.7 0 0 0 6-1.6a12 12 0 0 0 4.4-16.4ZM76 96a52 52 0 1 1 52 52a52 52 0 0 1-52-52Z"
-        >
-        </path>
-    </svg>
-)

package/src/components/index.js

@@ -1,11 +0,0 @@
-export * from './Checkboxes.jsx'
-export * from './DataActions.jsx'
-export * from './DataCustom.jsx'
-export * from './DataFilter.jsx'
-export * from './DataForm.jsx'
-export * from './DataLocaleInput.jsx'
-export * from './DataPagination.jsx'
-export * from './DataSelection.jsx'
-export * from './DataTable.jsx'
-export * from './Radios.jsx'
-export * from './UserDept.jsx'

package/src/design/Account.jsx

@@ -1,154 +0,0 @@
-import { NAvatar, NButton, NIcon, NPopover } from 'ithinkdt-ui'
-import { computed, defineComponent, withDirectives } from 'vue'
-
-import { vTooltip } from '../directives/tooltip.jsx'
-import { useI18n } from '../use-i18n.js'
-
-export const AppAccount = /* @__PURE__ */ defineComponent({
-    name: 'AppAccount',
-    props: {
-        username: String,
-        nickname: String,
-        head: String,
-        showLogoutButton: { type: Boolean, default: true },
-        showChangePwd: { type: Boolean, default: true },
-    },
-    emit: ['logout', 'change-pwd'],
-    setup(props, { emit, slots }) {
-        const firstname = computed(() =>
-            /^[\u4E00-\u9FA5]+$/.test(props.nickname)
-                ? props.nickname?.slice(props.nickname?.length > 3 ? 2 : 1)
-                : props.nickname?.split(' ')[0],
-        )
-
-        const { t } = useI18n()
-
-        const def = (
-            <NIcon size="28">
-                <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -4 32 32">
-                    <path
-                        fill="currentColor"
-                        d="M12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m-8 6v-.8q0-.85.438-1.562T5.6 14.55q1.55-.775 3.15-1.162T12 13t3.25.388t3.15 1.162q.725.375 1.163 1.088T20 17.2v.8q0 .825-.587 1.413T18 20H6q-.825 0-1.412-.587T4 18"
-                    >
-                    </path>
-                </svg>
-            </NIcon>
-        )
-
-        const logoutIcon = (
-            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
-                <path
-                    fill="currentColor"
-                    d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2a9.99 9.99 0 0 1 8 4h-2.71a8 8 0 1 0 .001 12h2.71A9.99 9.99 0 0 1 12 22m7-6v-3h-8v-2h8V8l5 4z"
-                >
-                </path>
-            </svg>
-        )
-
-        return () => {
-            return (
-                <div style="display: flex; align-items: center">
-                    <NPopover style="padding: 4px">
-                        {{
-                            trigger: () => (
-                                <NButton quaternary style="--n-padding: 0 12px">
-                                    <div style="display: flex; align-items: center; gap: 8px">
-                                        <NAvatar
-                                            key={props.head ? 'head' : 'no-head'}
-                                            src={props.head}
-                                            round
-                                            size="small"
-                                            radix={0.78}
-                                            color="var(--color-primary-hover)"
-                                        >
-                                            {{
-                                                fallback: () => def,
-                                                placeholder: () => def,
-                                                default: props.head ? undefined : () => firstname.value,
-                                            }}
-                                        </NAvatar>
-                                        <span style="font-size: 14px">{props.username ?? ''}</span>
-                                    </div>
-                                </NButton>
-                            ),
-                            default: () => {
-                                const changePwd = () =>
-                                    props.showChangePwd
-                                        ? (
-                                                <NButton
-                                                    quaternary
-                                                    style="justify-content: left"
-                                                    onClick={() => emit('change-pwd')}
-                                                >
-                                                    {{
-                                                        icon: () => (
-                                                            <NIcon>
-                                                                <svg
-                                                                    xmlns="http://www.w3.org/2000/svg"
-                                                                    width="1em"
-                                                                    height="1em"
-                                                                    viewBox="0 0 32 32"
-                                                                >
-                                                                    <path
-                                                                        fill="currentColor"
-                                                                        d="M21 2a8.998 8.998 0 0 0-8.612 11.612L2 24v6h6l10.388-10.388A9 9 0 1 0 21 2m0 16a7 7 0 0 1-2.032-.302l-1.147-.348l-.847.847l-3.181 3.181L12.414 20L11 21.414l1.379 1.379l-1.586 1.586L9.414 23L8 24.414l1.379 1.379L7.172 28H4v-3.172l9.802-9.802l.848-.847l-.348-1.147A7 7 0 1 1 21 18"
-                                                                    >
-                                                                    </path>
-                                                                    <circle cx="22" cy="10" r="2" fill="currentColor"></circle>
-                                                                </svg>
-                                                            </NIcon>
-                                                        ),
-                                                        default: () => t('common.account.changePwd'),
-                                                    }}
-                                                </NButton>
-                                            )
-                                        : undefined
-                                const logoutButton = () =>
-                                    props.showLogoutButton
-                                        ? undefined
-                                        : (
-                                                <NButton
-                                                    quaternary
-                                                    style="justify-content: left"
-                                                    onClick={() => emit('logout')}
-                                                >
-                                                    {{
-                                                        icon: () => <NIcon>{logoutIcon}</NIcon>,
-                                                        default: () => t('common.account.logout'),
-                                                    }}
-                                                </NButton>
-                                            )
-                                return slots.dropdown
-                                    ? (
-                                            slots.dropdown({ pwd: changePwd, logout: logoutButton })
-                                        )
-                                    : (
-                                            <div style="display: flex; flex-direction: column">
-                                                {changePwd()}
-                                                {slots.dropdownExtra?.()}
-                                                {logoutButton()}
-                                            </div>
-                                        )
-                            },
-                        }}
-                    </NPopover>
-
-                    {slots.extra?.()}
-
-                    {props.showLogoutButton
-                        ? withDirectives(
-                                <NButton
-                                    quaternary
-                                    style="--n-padding: 0 12px"
-                                    onClick={() => props.username && emit('logout')}
-                                >
-                                    {slots.logoutButton?.() ?? <NIcon size="16">{logoutIcon}</NIcon>}
-                                </NButton>,
-                                [[vTooltip, t('common.account.logout'), undefined, { 'bottom-end': true }]],
-                            )
-                        : undefined}
-                </div>
-            )
-        }
-    },
-})

package/src/design/Appearance.jsx

@@ -1,89 +0,0 @@
-import { NButton, NIcon } from 'ithinkdt-ui'
-import { defineComponent, withDirectives } from 'vue'
-
-import { vTooltip } from '../directives/tooltip.jsx'
-import { useI18n } from '../use-i18n.js'
-
-export const AppAppearance = /* @__PURE__ */ defineComponent({
-    name: 'AppAppearance',
-    props: {
-        mode: String,
-    },
-    emit: ['update:mode'],
-    setup(props, { emit }) {
-        const { t } = useI18n()
-
-        return () =>
-            withDirectives(
-                <NButton
-                    quaternary
-                    style="--n-padding: 0 12px"
-                    onClick={() => {
-                        emit('update:mode', props.mode === 'light' ? 'dark' : props.mode === 'dark' ? 'auto' : 'light')
-                    }}
-                >
-                    <NIcon size="18">
-                        {props.mode === 'light'
-                            ? (
-                                    <svg
-                                        xmlns="http://www.w3.org/2000/svg"
-                                        xmlns:xlink="http://www.w3.org/1999/xlink"
-                                        role="img"
-                                        width="1em"
-                                        height="1em"
-                                        viewBox="0 0 24 24"
-                                    >
-                                        <path
-                                            fill="currentColor"
-                                            d="M12 15q1.25 0 2.125-.875T15 12q0-1.25-.875-2.125T12 9q-1.25 0-2.125.875T9 12q0 1.25.875 2.125T12 15Zm0 2q-2.075 0-3.537-1.463Q7 14.075 7 12t1.463-3.538Q9.925 7 12 7t3.538 1.462Q17 9.925 17 12q0 2.075-1.462 3.537Q14.075 17 12 17ZM1 13v-2h4v2Zm18 0v-2h4v2Zm-8-8V1h2v4Zm0 18v-4h2v4ZM6.35 7.75L3.875 5.275l1.4-1.4L7.75 6.35Zm12.375 12.375L16.25 17.65l1.4-1.4l2.475 2.475ZM17.65 7.75l-1.4-1.4l2.475-2.475l1.4 1.4ZM5.275 20.125l-1.4-1.4L6.35 16.25l1.4 1.4ZM12 12Z"
-                                        />
-                                    </svg>
-                                )
-                            : props.mode === 'dark'
-                                ? (
-                                        <svg
-                                            xmlns="http://www.w3.org/2000/svg"
-                                            xmlns:xlink="http://www.w3.org/1999/xlink"
-                                            role="img"
-                                            width="1em"
-                                            height="1em"
-                                            viewBox="0 0 24 24"
-                                        >
-                                            <path
-                                                fill="currentColor"
-                                                d="M12 21q-3.75 0-6.375-2.625T3 12q0-3.75 2.625-6.375T12 3q.35 0 .688.025q.337.025.662.075q-1.025.725-1.637 1.887Q11.1 6.15 11.1 7.5q0 2.25 1.575 3.825Q14.25 12.9 16.5 12.9q1.375 0 2.525-.613q1.15-.612 1.875-1.637q.05.325.075.662Q21 11.65 21 12q0 3.75-2.625 6.375T12 21Zm0-2q2.2 0 3.95-1.212q1.75-1.213 2.55-3.163q-.5.125-1 .2q-.5.075-1 .075q-3.075 0-5.238-2.162Q9.1 10.575 9.1 7.5q0-.5.075-1t.2-1q-1.95.8-3.162 2.55Q5 9.8 5 12q0 2.9 2.05 4.95Q9.1 19 12 19Zm-.25-6.75Z"
-                                            />
-                                        </svg>
-                                    )
-                                : (
-                                        <svg
-                                            xmlns="http://www.w3.org/2000/svg"
-                                            xmlns:xlink="http://www.w3.org/1999/xlink"
-                                            role="img"
-                                            width="1em"
-                                            height="1em"
-                                            viewBox="0 0 24 24"
-                                        >
-                                            <path
-                                                fill="currentColor"
-                                                d="M11 19q1.35 0 2.513-.538q1.162-.537 1.987-1.487q-3.15-.2-5.325-2.488Q8 12.2 8 9q0-.325.025-.638q.025-.312.075-.612q-1.4.775-2.25 2.162Q5 11.3 5 13q0 2.5 1.75 4.25T11 19Zm0 2q-3.35 0-5.675-2.325Q3 16.35 3 13q0-3.35 2.325-5.675Q7.65 5 11 5q.125 0 .25.012q.125.013.25.013q-.725.8-1.113 1.812Q10 7.85 10 9q0 2.5 1.75 4.25T16 15q.8 0 1.525-.2q.725-.2 1.375-.55q-.45 2.875-2.662 4.812Q14.025 21 11 21Zm2.8-10L17 2h2l3.2 9h-1.9l-.7-2h-3.2l-.7 2Zm3.05-3.35h2.3L18 4Z"
-                                            />
-                                        </svg>
-                                    )}
-                    </NIcon>
-                </NButton>,
-                [
-                    [
-                        vTooltip,
-                        props.mode === 'light'
-                            ? t('common.layout.mode.light')
-                            : props.mode === 'dark'
-                                ? t('common.layout.mode.dark')
-                                : t('common.layout.mode.auto'),
-                        undefined,
-                        { bottom: true },
-                    ],
-                ],
-            )
-    },
-})

package/src/design/Breadcrumb.jsx

@@ -1,67 +0,0 @@
-import { NBreadcrumb, NBreadcrumbItem, NIcon } from 'ithinkdt-ui'
-import { defineComponent, toValue, watch } from 'vue'
-import { useRouter } from 'vue-router'
-
-import { walkTree } from '@ithinkdt/common/tree'
-
-import { IBookmark } from './common.jsx'
-
-export const AppBreadcrumb = /* @__PURE__ */ defineComponent({
-    name: 'AppBreadcrumb',
-    props: {
-        items: { type: Array, default: () => [] },
-        getIcon: { type: Function, default: undefined },
-    },
-    setup(props) {
-        const router = useRouter()
-        const iconContent = Symbol()
-        const iconRenderer = Symbol()
-        watch(
-            () => props.items,
-            (items) => {
-                walkTree(items, (item) => {
-                    if (item.icon) {
-                        if (typeof item.icon === 'string') {
-                            item[iconContent] = props.getIcon?.(item.icon)
-                            item[iconRenderer] = () => {
-                                return item[iconContent]?.() || IBookmark()
-                            }
-                        } else {
-                            item[iconRenderer] = item.icon
-                        }
-                    }
-                })
-            },
-            { immediate: true },
-        )
-        return () => {
-            return (
-                <NBreadcrumb>
-                    {props.items.map(item => (
-                        <NBreadcrumbItem
-                            clickable={item.href?.length > 0}
-                            separator={item.separator}
-                            onClick={
-                                item.href
-                                && ((evt) => {
-                                    evt.stopPropagation()
-                                    router.push(item.href)
-                                })
-                            }
-                        >
-                            {item.icon
-                                ? (
-                                        <>
-                                            <NIcon component={item[iconRenderer]} />
-                                            {' '}
-                                        </>
-                                    )
-                                : undefined}
-                            {toValue(item.title)}
-                        </NBreadcrumbItem>
-                    ))}
-                </NBreadcrumb>
-            )
-        }
-    },
-})

package/src/design/Fullscreen.jsx

@@ -1,65 +0,0 @@
-import { useFullscreen } from '@vueuse/core'
-import { NButton, NIcon } from 'ithinkdt-ui'
-import { defineComponent, withDirectives } from 'vue'
-
-import { vTooltip } from '../directives/tooltip.jsx'
-import { useI18n } from '../use-i18n.js'
-
-export const AppFullscreen = /* @__PURE__ */ defineComponent({
-    name: 'AppFullscreen',
-    props: {},
-    emit: ['change'],
-    setup(_props, { emit }) {
-        const { t } = useI18n()
-
-        const { isFullscreen, toggle } = useFullscreen()
-
-        return () =>
-            withDirectives(
-                <NButton
-                    quaternary
-                    style="--n-padding: 0 12px"
-                    onClick={() => {
-                        toggle()
-                        emit('change', isFullscreen.value)
-                    }}
-                >
-                    <NIcon size="18">
-                        {isFullscreen.value
-                            ? (
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
-                                        <path
-                                            fill="none"
-                                            stroke="currentColor"
-                                            stroke-linecap="round"
-                                            stroke-linejoin="round"
-                                            stroke-width="1.5"
-                                            d="M8.345 3.75v2.095a2.5 2.5 0 0 1-2.5 2.5H3.75M8.345 20.25v-2.095a2.5 2.5 0 0 0-2.5-2.5H3.75M15.655 3.75v2.095a2.5 2.5 0 0 0 2.5 2.5h2.095M15.655 20.25v-2.095a2.5 2.5 0 0 1 2.5-2.5h2.095"
-                                        />
-                                    </svg>
-                                )
-                            : (
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
-                                        <path
-                                            fill="none"
-                                            stroke="currentColor"
-                                            stroke-linecap="round"
-                                            stroke-linejoin="round"
-                                            stroke-width="1.5"
-                                            d="M3.75 8.345V6.25a2.5 2.5 0 0 1 2.5-2.5h2.095M3.75 15.655v2.095a2.5 2.5 0 0 0 2.5 2.5h2.095M20.25 8.345V6.25a2.5 2.5 0 0 0-2.5-2.5h-2.095m4.595 11.905v2.095a2.5 2.5 0 0 1-2.5 2.5h-2.095"
-                                        />
-                                    </svg>
-                                )}
-                    </NIcon>
-                </NButton>,
-                [
-                    [
-                        vTooltip,
-                        isFullscreen.value ? t('common.layout.screen.exitfull') : t('common.layout.screen.full'),
-                        undefined,
-                        { bottom: true },
-                    ],
-                ],
-            )
-    },
-})