@yyp92-cli/template-react-pc 2.1.0 → 2.2.0

package/template/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/template/src/antdTheme/darkTheme.ts

@@ -1,285 +0,0 @@
-const activeColor = '#3591F4'
-const activeColor1 = 'rgba(53, 145, 244, 0.5)'
-const activeColor2 = 'rgba(53, 145, 244, 0.8)'
-const activeColor3 = 'rgba(53, 145, 244, 0.1)'
-const successColor = '#0CAA43'
-const successColor1 = 'rgba(12, 170, 67, 0.5)'
-const successColor2 = 'rgba(12, 170, 67, 0.2)'
-const warnColor = '#FFA00A'
-const warnColor1 = 'rgba(255, 160, 10, 0.5)'
-const warnColor2 = 'rgba(255, 160, 10, 0.2)'
-const errorColor = '#F43835'
-const errorColor1 = 'rgba(244, 56, 53, 0.5)'
-const errorColor2 = 'rgba(244, 56, 53, 0.8)'
-
-const bgColor = '#1C1C1C'
-const bgGreyColor = '#161616'
-const textColor = '#FFFFFF'
-const textColor1 = '#898d97'
-const textColor2 = '#FFFFFF'
-const iconColor = '#898d97'
-const borderColor = '#2A2A2D'
-const fontSize12 = 12
-const lineHeight12 = 1.5
-const fontSize14 = 14
-const lineHeight14 = 1.4286
-const height = 36
-
-export const darkToken = {
-    token: {
-        colorBgContainer: bgColor,
-        colorBgContainerDisabled: bgGreyColor,
-        colorBorder: borderColor,
-        colorSplit: borderColor,
-        colorText: textColor,
-        colorTextDescription: textColor1,
-        colorTextDisabled: textColor1,
-        colorTextLightSolid: textColor2,
-        colorTextPlaceholder: textColor1,
-        colorIcon: iconColor,
-        colorBgSolidHover: activeColor2,
-        colorTextQuaternary: iconColor,
-
-        colorPrimary: activeColor,
-        colorPrimaryActive: activeColor,
-        colorPrimaryHover: activeColor,
-        colorPrimaryText: activeColor,
-        colorPrimaryTextActive: activeColor,
-        colorPrimaryTextHover: activeColor,
-
-        colorLink: activeColor,
-        colorLinkActive: activeColor,
-        colorLinkHover: activeColor,
-
-        colorError: errorColor,
-        colorErrorActive: errorColor,
-        colorErrorHover: errorColor,
-
-        borderRadius: 4,
-        fontSize: fontSize14,
-        lineHeight: lineHeight14,
-        controlHeight: 32,
-
-        controlItemBgHover: bgGreyColor,
-        controlItemBgActiveHover: activeColor3,
-        controlItemBgActive: activeColor3,
-    },
-    components: {
-        Button: {
-            borderColorDisabled: borderColor,
-            contentFontSize: fontSize14,
-            contentLineHeight: lineHeight14,
-            dangerColor: bgColor,
-            dangerShadow: 'none',
-            defaultActiveBg: bgColor,
-            defaultActiveBorderColor: activeColor,
-            defaultActiveColor: activeColor,
-            defaultBg: bgColor,
-            defaultBorderColor: borderColor,
-            defaultColor: textColor,
-            defaultGhostBorderColor: bgColor,
-            defaultGhostColor: bgColor,
-            defaultHoverBg: bgColor,
-            defaultHoverBorderColor: activeColor,
-            defaultHoverColor: activeColor,
-            defaultShadow: 'none',
-            paddingBlock: 5,
-            paddingInline: 10,
-            primaryColor: textColor2,
-            primaryShadow: 'none',
-            textTextActiveColor: textColor,
-            textTextColor: textColor,
-            textTextHoverColor: textColor,
-        },
-        Dropdown: {
-            paddingBlock: 7,
-            padding: 0,
-            paddingXS: 0,
-            paddingXXS: 0,
-            controlPaddingHorizontal: 10
-        },
-        Menu: {
-            itemHeight: 40,
-            itemBg: bgColor,
-            itemColor: textColor,
-            itemHoverBg: bgGreyColor,
-            itemHoverColor: textColor,
-            itemSelectedColor: activeColor,
-            itemSelectedBg: activeColor3,
-            popupBg: bgColor,
-            horizontalItemHoverColor: activeColor,
-            horizontalItemSelectedBg: activeColor3,
-            horizontalItemSelectedColor: activeColor,
-            itemActiveBg: activeColor3,
-            itemMarginBlock: 4,
-            itemMarginInline: 0,
-            itemBorderRadius: 0,
-            itemPaddingInline: 16,
-            iconSize: 20,
-            iconMarginInlineEnd: 8,
-            dropdownWidth: 200
-        },
-        Form: {
-            labelColor: textColor,
-            labelFontSize: fontSize14,
-            labelHeight: height,
-            labelRequiredMarkColor: errorColor,
-            verticalLabelPadding: '0 0 8px',
-            itemMarginBottom: 12,
-            colorBorder: borderColor,
-            colorError: errorColor,
-            colorPrimary: activeColor,
-            colorSuccess: successColor,
-            colorWarning: warnColor,
-            colorText: textColor,
-            colorTextDescription: textColor1,
-            controlHeight: height,
-            fontSize: fontSize14,
-            lineHeight: lineHeight14,
-        },
-        Input: {
-            activeBg: bgColor,
-            activeBorderColor: activeColor,
-            activeShadow: 'none',
-            hoverBg: bgColor,
-            hoverBorderColor: activeColor,
-            inputFontSize: fontSize14,
-            paddingBlock: 6,
-            paddingInline: 10,
-            controlHeight: height,
-        },
-        InputNumber: {
-            activeBg: bgColor,
-            activeBorderColor: activeColor,
-            activeShadow: 'none',
-            handleBorderColor: borderColor,
-            handleHoverColor: activeColor,
-            hoverBg: bgColor,
-            hoverBorderColor: activeColor,
-            inputFontSize: 14,
-            paddingBlock: 7,
-            paddingInline: 10,
-            controlHeight: height,
-            addonBg: bgColor,
-        },
-        Radio: {
-            buttonBg: bgColor,
-            buttonCheckedBg: bgColor,
-            buttonCheckedBgDisabled: bgGreyColor,
-            buttonCheckedColorDisabled: textColor1,
-            buttonColor: textColor,
-            radioSize: 18,
-            dotSize: 8,
-            buttonSolidCheckedActiveBg: activeColor,
-            buttonSolidCheckedBg: activeColor,
-            buttonSolidCheckedColor: textColor2,
-            buttonSolidCheckedHoverBg: activeColor,
-            dotColorDisabled: iconColor,
-        },
-        Switch: {
-            handleBg: bgColor,
-            handleShadow: 'unset',
-            handleSize: 18,
-            trackMinWidth: 45,
-            trackHeight: 22,
-            colorTextQuaternary: iconColor,
-            colorTextTertiary: iconColor,
-        },
-        Select: {
-            activeBorderColor: activeColor,
-            activeOutlineColor: 'none',
-            clearBg: bgColor,
-            hoverBorderColor: activeColor,
-            multipleItemBg: bgGreyColor,
-            multipleItemBorderColor: 'transparent',
-            multipleItemBorderColorDisabled: 'transparent',
-            multipleItemHeight: 28,
-            multipleSelectorBgDisabled: bgGreyColor,
-            optionActiveBg: bgGreyColor,
-            optionFontSize: fontSize14,
-            optionHeight: 32,
-            optionLineHeight: lineHeight14,
-            optionPadding: '5px 12px',
-            optionSelectedBg: activeColor3,
-            optionSelectedColor: activeColor,
-            selectorBg: bgGreyColor,
-            showArrowPaddingInlineEnd: 10,
-            controlHeight: height,
-            paddingSM: 10,
-        },
-        DatePicker: {
-            colorBgElevated: bgColor,
-            activeBg: bgColor,
-            activeBorderColor: activeColor,
-            activeShadow: 'none',
-            cellActiveWithRangeBg: activeColor2,
-            cellBgDisabled: bgGreyColor,
-            cellHoverBg: bgGreyColor,
-            cellHoverWithRangeBg: activeColor2,
-            cellRangeBorderColor: activeColor,
-            hoverBg: bgColor,
-            hoverBorderColor: activeColor,
-            multipleItemColorDisabled: textColor1,
-            multipleSelectorBgDisabled: bgGreyColor,
-            controlHeight: height
-        },
-        Modal: {
-            contentBg: bgColor,
-            footerBg: 'transparent',
-            headerBg: bgColor,
-            titleColor: textColor,
-            titleFontSize: 16,
-            titleLineHeight: 1.5,
-        },
-        Drawer: {
-            colorBgElevated: bgColor
-        },
-        Progress: {
-            circleTextColor: textColor,
-            defaultColor: activeColor,
-            remainingColor: bgGreyColor,
-        },
-        TreeSelect: {
-            nodeHoverBg: bgGreyColor,
-            nodeHoverColor: textColor,
-            nodeSelectedBg: activeColor3,
-            nodeSelectedColor: activeColor,
-            titleHeight: 32,
-        },
-        Tabs: {
-            cardBg: bgColor,
-            cardGutter: 0,
-            cardHeight: 40,
-            cardPadding: '10px 16px',
-            horizontalItemGutter: 0,
-            inkBarColor: activeColor,
-            itemActiveColor: activeColor,
-            itemColor: textColor,
-            itemHoverColor: activeColor,
-            itemSelectedColor: activeColor,
-            colorBorderSecondary: borderColor,
-        },
-        Table: {
-            borderColor: borderColor,
-            headerBg: bgGreyColor,
-            headerBorderRadius: 4,
-            headerColor: textColor,
-            headerSplitColor: bgGreyColor,
-            rowHoverBg: bgGreyColor,
-            rowSelectedBg: activeColor3,
-            rowSelectedHoverBg: activeColor3,
-            cellPaddingBlock: 10,
-        },
-        Pagination: {
-            itemActiveBg: bgColor,
-            itemActiveBgDisabled: bgGreyColor,
-            itemActiveColorDisabled: textColor1,
-            itemBg: bgColor,
-            itemInputBg: bgColor,
-            itemLinkBg: bgColor,
-        },
-        Cascader: {
-            optionPadding: '5px 12px',
-        }
-    }
-}

package/template/src/antdTheme/lightTheme.ts

@@ -1,286 +0,0 @@
-const activeColor = '#3591F4'
-const activeColor1 = 'rgba(53, 145, 244, 0.5)'
-const activeColor2 = 'rgba(53, 145, 244, 0.8)'
-const activeColor3 = 'rgba(53, 145, 244, 0.1)'
-const successColor = '#0CAA43'
-const successColor1 = 'rgba(12, 170, 67, 0.5)'
-const successColor2 = 'rgba(12, 170, 67, 0.2)'
-const warnColor = '#FFA00A'
-const warnColor1 = 'rgba(255, 160, 10, 0.5)'
-const warnColor2 = 'rgba(255, 160, 10, 0.2)'
-const errorColor = '#F43835'
-const errorColor1 = 'rgba(244, 56, 53, 0.5)'
-const errorColor2 = 'rgba(244, 56, 53, 0.8)'
-
-const bgColor = '#FFFFFF'
-const bgGreyColor = '#F2F4F9'
-const textColor = '#363A45'
-const textColor1 = '#898d97'
-const textColor2 = '#FFFFFF'
-const iconColor = '#CCD6DD'
-const borderColor = '#DDE6F0'
-const fontSize12 = 12
-const lineHeight12 = 1.5
-const fontSize14 = 14
-const lineHeight14 = 1.4286
-const height = 36
-
-export const lightToken = {
-    token: {
-        colorBgContainer: bgColor,
-        colorBgContainerDisabled: bgGreyColor,
-        colorBorder: borderColor,
-        colorSplit: borderColor,
-        colorText: textColor,
-        colorTextDescription: textColor1,
-        colorTextDisabled: textColor1,
-        colorTextLightSolid: textColor2,
-        colorTextPlaceholder: textColor1,
-        colorIcon: iconColor,
-        colorBgSolidHover: activeColor2,
-        colorTextQuaternary: iconColor,
-
-        colorPrimary: activeColor,
-        colorPrimaryActive: activeColor,
-        colorPrimaryHover: activeColor,
-        colorPrimaryText: activeColor,
-        colorPrimaryTextActive: activeColor,
-        colorPrimaryTextHover: activeColor,
-
-        colorLink: activeColor,
-        colorLinkActive: activeColor,
-        colorLinkHover: activeColor,
-
-        colorError: errorColor,
-        colorErrorActive: errorColor,
-        colorErrorHover: errorColor,
-
-        borderRadius: 4,
-        fontSize: fontSize14,
-        lineHeight: lineHeight14,
-        controlHeight: 32,
-
-        controlItemBgHover: bgGreyColor,
-        controlItemBgActiveHover: activeColor3,
-        controlItemBgActive: activeColor3,
-    },
-    components: {
-        Button: {
-            borderColorDisabled: borderColor,
-            contentFontSize: fontSize14,
-            contentLineHeight: lineHeight14,
-            dangerColor: bgColor,
-            dangerShadow: 'none',
-            defaultActiveBg: bgColor,
-            defaultActiveBorderColor: activeColor,
-            defaultActiveColor: activeColor,
-            defaultBg: bgColor,
-            defaultBorderColor: borderColor,
-            defaultColor: textColor,
-            defaultGhostBorderColor: bgColor,
-            defaultGhostColor: bgColor,
-            defaultHoverBg: bgColor,
-            defaultHoverBorderColor: activeColor,
-            defaultHoverColor: activeColor,
-            defaultShadow: 'none',
-            paddingBlock: 5,
-            paddingInline: 10,
-            primaryColor: textColor2,
-            primaryShadow: 'none',
-            textTextActiveColor: textColor,
-            textTextColor: textColor,
-            textTextHoverColor: textColor,
-        },
-        Dropdown: {
-            paddingBlock: 7,
-            padding: 0,
-            paddingXS: 0,
-            paddingXXS: 0,
-            controlPaddingHorizontal: 10
-        },
-        Menu: {
-            itemHeight: 40,
-            itemBg: bgColor,
-            itemColor: textColor,
-            itemHoverBg: bgGreyColor,
-            itemHoverColor: textColor,
-            itemSelectedColor: activeColor,
-            itemSelectedBg: activeColor3,
-            popupBg: bgColor,
-            horizontalItemHoverBg: bgColor,
-            horizontalItemHoverColor: activeColor,
-            horizontalItemSelectedBg: activeColor3,
-            horizontalItemSelectedColor: activeColor,
-            itemActiveBg: activeColor3,
-            itemMarginBlock: 4,
-            itemMarginInline: 8,
-            itemBorderRadius: 4,
-            itemPaddingInline: 16,
-            iconSize: 20,
-            iconMarginInlineEnd: 8,
-            dropdownWidth: 200,
-        },
-        Form: {
-            labelColor: textColor,
-            labelFontSize: fontSize14,
-            labelHeight: height,
-            labelRequiredMarkColor: errorColor,
-            verticalLabelPadding: '0 0 8px',
-            itemMarginBottom: 12,
-            colorBorder: borderColor,
-            colorError: errorColor,
-            colorPrimary: activeColor,
-            colorSuccess: successColor,
-            colorWarning: warnColor,
-            colorText: textColor,
-            colorTextDescription: textColor1,
-            controlHeight: height,
-            fontSize: fontSize14,
-            lineHeight: lineHeight14,
-        },
-        Input: {
-            activeBg: bgColor,
-            activeBorderColor: activeColor,
-            activeShadow: 'none',
-            hoverBg: bgColor,
-            hoverBorderColor: activeColor,
-            inputFontSize: fontSize14,
-            paddingBlock: 6,
-            paddingInline: 10,
-            controlHeight: height,
-        },
-        InputNumber: {
-            activeBg: bgColor,
-            activeBorderColor: activeColor,
-            activeShadow: 'none',
-            handleBorderColor: borderColor,
-            handleHoverColor: activeColor,
-            hoverBg: bgColor,
-            hoverBorderColor: activeColor,
-            inputFontSize: 14,
-            paddingBlock: 7,
-            paddingInline: 10,
-            controlHeight: height,
-            addonBg: bgColor,
-        },
-        Radio: {
-            buttonBg: bgColor,
-            buttonCheckedBg: bgColor,
-            buttonCheckedBgDisabled: bgGreyColor,
-            buttonCheckedColorDisabled: textColor1,
-            buttonColor: textColor,
-            radioSize: 18,
-            dotSize: 8,
-            buttonSolidCheckedActiveBg: activeColor,
-            buttonSolidCheckedBg: activeColor,
-            buttonSolidCheckedColor: textColor2,
-            buttonSolidCheckedHoverBg: activeColor,
-            dotColorDisabled: iconColor,
-        },
-        Switch: {
-            handleBg: bgColor,
-            handleShadow: 'unset',
-            handleSize: 18,
-            trackMinWidth: 45,
-            trackHeight: 22,
-            colorTextQuaternary: iconColor,
-            colorTextTertiary: iconColor,
-        },
-        Select: {
-            activeBorderColor: activeColor,
-            activeOutlineColor: 'none',
-            clearBg: bgColor,
-            hoverBorderColor: activeColor,
-            multipleItemBg: bgGreyColor,
-            multipleItemBorderColor: 'transparent',
-            multipleItemBorderColorDisabled: 'transparent',
-            multipleItemHeight: 28,
-            multipleSelectorBgDisabled: bgGreyColor,
-            optionActiveBg: bgGreyColor,
-            optionFontSize: fontSize14,
-            optionHeight: 32,
-            optionLineHeight: lineHeight14,
-            optionPadding: '5px 12px',
-            optionSelectedBg: activeColor3,
-            optionSelectedColor: activeColor,
-            selectorBg: bgColor,
-            showArrowPaddingInlineEnd: 10,
-            controlHeight: height,
-            paddingSM: 10,
-        },
-        DatePicker: {
-            colorBgElevated: bgColor,
-            activeBg: bgColor,
-            activeBorderColor: activeColor,
-            activeShadow: 'none',
-            cellActiveWithRangeBg: activeColor2,
-            cellBgDisabled: bgGreyColor,
-            cellHoverBg: bgGreyColor,
-            cellHoverWithRangeBg: activeColor2,
-            cellRangeBorderColor: activeColor,
-            hoverBg: bgColor,
-            hoverBorderColor: activeColor,
-            multipleItemColorDisabled: textColor1,
-            multipleSelectorBgDisabled: bgGreyColor,
-            controlHeight: height
-        },
-        Modal: {
-            contentBg: bgColor,
-            footerBg: 'transparent',
-            headerBg: bgColor,
-            titleColor: textColor,
-            titleFontSize: 16,
-            titleLineHeight: 1.5,
-        },
-        Drawer: {
-            colorBgElevated: bgColor
-        },
-        Progress: {
-            circleTextColor: textColor,
-            defaultColor: activeColor,
-            remainingColor: bgGreyColor,
-        },
-        TreeSelect: {
-            nodeHoverBg: bgGreyColor,
-            nodeHoverColor: textColor,
-            nodeSelectedBg: activeColor3,
-            nodeSelectedColor: activeColor,
-            titleHeight: 32,
-        },
-        Tabs: {
-            cardBg: bgColor,
-            cardGutter: 0,
-            cardHeight: 40,
-            cardPadding: '10px 16px',
-            horizontalItemGutter: 0,
-            inkBarColor: activeColor,
-            itemActiveColor: activeColor,
-            itemColor: textColor,
-            itemHoverColor: activeColor,
-            itemSelectedColor: activeColor,
-            colorBorderSecondary: borderColor,
-        },
-        Table: {
-            borderColor: borderColor,
-            headerBg: bgGreyColor,
-            headerBorderRadius: 4,
-            headerColor: textColor,
-            headerSplitColor: bgGreyColor,
-            rowHoverBg: bgGreyColor,
-            rowSelectedBg: activeColor3,
-            rowSelectedHoverBg: activeColor3,
-            cellPaddingBlock: 10,
-        },
-        Pagination: {
-            itemActiveBg: bgColor,
-            itemActiveBgDisabled: bgGreyColor,
-            itemActiveColorDisabled: textColor1,
-            itemBg: bgColor,
-            itemInputBg: bgColor,
-            itemLinkBg: bgColor,
-        },
-        Cascader: {
-            optionPadding: '5px 12px',
-        }
-    }
-}

package/template/src/app.scss

@@ -1,29 +0,0 @@
-@import './theme/lightTheme.scss';
-@import './theme/darkTheme.scss';
-
-html,
-body {
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-}
-
-#root {
-    width: 100%;
-    height: 100%;
-}
-
-
-/* 滚动条 */
-::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-} 
-::-webkit-scrollbar-thumb {
-    border-radius: 6px;
-    background-color: #dde6f0;
-    border: 2px dashed transparent;
-    background-clip: padding-box;
-}

package/template/src/app.tsx

@@ -1,14 +0,0 @@
-import ReactDOM from 'react-dom/client'
-import { RouterProvider } from "react-router-dom"
-import router from '@/router/router'
-import '@/assets/iconfont/iconfont.css' 
-import './app.scss'
-
-function App() {
-    return <RouterProvider router={router} />
-}
-
-
-ReactDOM.createRoot(document.getElementById('root')!).render(
-    <App />
-)