提交 1d0d5fc8 作者: 方治民

style: 整理代码格式

上级 0cd8b3e1
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
import { useLocale } from '/@/locales/useLocale' import { useLocale } from '/@/locales/useLocale'
import 'dayjs/locale/zh-cn' import 'dayjs/locale/zh-cn'
// support Multi-language // support Multi-language
const { getAntdLocale } = useLocale() const { getAntdLocale } = useLocale()
......
import type { RouteMeta } from 'vue-router' import type { RouteMeta } from 'vue-router'
export interface RouteItem { export interface RouteItem {
path: string path: string
component: any component: any
......
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
import AppSearchKeyItem from './AppSearchKeyItem.vue' import AppSearchKeyItem from './AppSearchKeyItem.vue'
import { useDesign } from '/@/hooks/web/useDesign' import { useDesign } from '/@/hooks/web/useDesign'
import { useI18n } from '/@/hooks/web/useI18n' import { useI18n } from '/@/hooks/web/useI18n'
const { prefixCls } = useDesign('app-search-footer') const { prefixCls } = useDesign('app-search-footer')
const { t } = useI18n() const { t } = useI18n()
</script> </script>
......
<script lang="ts" setup> <script lang="ts" setup>
import { Icon } from '/@/components/Icon' import { Icon } from '/@/components/Icon'
defineProps({ defineProps({
icon: String, icon: String,
}) })
......
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
import { SearchOutlined } from '@ant-design/icons-vue' import { SearchOutlined } from '@ant-design/icons-vue'
import AppSearchFooter from './AppSearchFooter.vue' import AppSearchFooter from './AppSearchFooter.vue'
import Icon from '/@/components/Icon' import Icon from '/@/components/Icon'
// @ts-expect-error // @ts-expect-error
import vClickOutside from '/@/directives/clickOutside' import vClickOutside from '/@/directives/clickOutside'
import { useDesign } from '/@/hooks/web/useDesign' import { useDesign } from '/@/hooks/web/useDesign'
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
import { Button } from '/@/components/Button' import { Button } from '/@/components/Button'
import { isFunction } from '/@/utils/is' import { isFunction } from '/@/utils/is'
import { grid, useSlider } from './data' import { grid, useSlider } from './data'
// 组件接收参数 // 组件接收参数
const props = defineProps({ const props = defineProps({
// 请求API的参数 // 请求API的参数
......
import { ref } from 'vue' import { ref } from 'vue'
// 每行个数 // 每行个数
export const grid = ref(12) export const grid = ref(12)
// slider属性 // slider属性
......
<script lang="ts" setup> <script lang="ts" setup>
import { onMounted, ref } from 'vue' import { onMounted, ref } from 'vue'
import { onClickOutside } from '@vueuse/core' import { onClickOutside } from '@vueuse/core'
const emit = defineEmits(['mounted', 'clickOutside']) const emit = defineEmits(['mounted', 'clickOutside'])
const wrap = ref<ElRef>(null) const wrap = ref<ElRef>(null)
......
...@@ -5,10 +5,12 @@ ...@@ -5,10 +5,12 @@
import { useWindowSizeFn } from '/@/hooks/event/useWindowSizeFn' import { useWindowSizeFn } from '/@/hooks/event/useWindowSizeFn'
import CodeMirror from 'codemirror' import CodeMirror from 'codemirror'
import { MODE } from './../typing' import { MODE } from './../typing'
// css // css
import './codemirror.css' import './codemirror.css'
import 'codemirror/theme/idea.css' import 'codemirror/theme/idea.css'
import 'codemirror/theme/material-palenight.css' import 'codemirror/theme/material-palenight.css'
// modes // modes
import 'codemirror/mode/javascript/javascript' import 'codemirror/mode/javascript/javascript'
import 'codemirror/mode/css/css' import 'codemirror/mode/css/css'
......
...@@ -2,12 +2,14 @@ import CodeMirror from 'codemirror' ...@@ -2,12 +2,14 @@ import CodeMirror from 'codemirror'
import './codemirror.css' import './codemirror.css'
import 'codemirror/theme/idea.css' import 'codemirror/theme/idea.css'
import 'codemirror/theme/material-palenight.css' import 'codemirror/theme/material-palenight.css'
// import 'codemirror/addon/lint/lint.css'; // import 'codemirror/addon/lint/lint.css';
// modes // modes
import 'codemirror/mode/javascript/javascript' import 'codemirror/mode/javascript/javascript'
import 'codemirror/mode/css/css' import 'codemirror/mode/css/css'
import 'codemirror/mode/htmlmixed/htmlmixed' import 'codemirror/mode/htmlmixed/htmlmixed'
// addons // addons
// import 'codemirror/addon/edit/closebrackets'; // import 'codemirror/addon/edit/closebrackets';
// import 'codemirror/addon/edit/closetag'; // import 'codemirror/addon/edit/closetag';
......
...@@ -2,14 +2,17 @@ ...@@ -2,14 +2,17 @@
import type { PropType } from 'vue' import type { PropType } from 'vue'
import { ref } from 'vue' import { ref } from 'vue'
import { isNil } from 'lodash-es' import { isNil } from 'lodash-es'
// component // component
import { Skeleton } from 'ant-design-vue' import { Skeleton } from 'ant-design-vue'
import { CollapseTransition } from '/@/components/Transition' import { CollapseTransition } from '/@/components/Transition'
import CollapseHeader from './CollapseHeader.vue' import CollapseHeader from './CollapseHeader.vue'
import { triggerWindowResize } from '/@/utils/event' import { triggerWindowResize } from '/@/utils/event'
// hook // hook
import { useTimeoutFn } from '/@/hooks/core/useTimeout' import { useTimeoutFn } from '/@/hooks/core/useTimeout'
import { useDesign } from '/@/hooks/web/useDesign' import { useDesign } from '/@/hooks/web/useDesign'
const props = defineProps({ const props = defineProps({
title: { type: String, default: '' }, title: { type: String, default: '' },
loading: { type: Boolean }, loading: { type: Boolean },
......
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
import Icon from '/@/components/Icon' import Icon from '/@/components/Icon'
import { Divider, Menu } from 'ant-design-vue' import { Divider, Menu } from 'ant-design-vue'
import type { Axis, ContextMenuItem, ItemContentProps } from './typing' import type { Axis, ContextMenuItem, ItemContentProps } from './typing'
const prefixCls = 'context-menu' const prefixCls = 'context-menu'
const props = { const props = {
width: { type: Number, default: 156 }, width: { type: Number, default: 156 },
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
import { useI18n } from '/@/hooks/web/useI18n' import { useI18n } from '/@/hooks/web/useI18n'
import type { ButtonProps } from '/@/components/Button' import type { ButtonProps } from '/@/components/Button'
import Icon from '/@/components/Icon' import Icon from '/@/components/Icon'
const props = { const props = {
width: { type: [String, Number], default: '200px' }, width: { type: [String, Number], default: '200px' },
value: { type: String }, value: { type: String },
......
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
import { isFunction } from '/@/utils/is' import { isFunction } from '/@/utils/is'
import { getSlot } from '/@/utils/helper/tsxHelper' import { getSlot } from '/@/utils/helper/tsxHelper'
import { useAttrs } from '/@/hooks/core/useAttrs' import { useAttrs } from '/@/hooks/core/useAttrs'
const props = { const props = {
useCollapse: { type: Boolean, default: true }, useCollapse: { type: Boolean, default: true },
title: { type: String, default: '' }, title: { type: String, default: '' },
......
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
import { useDesign } from '/@/hooks/web/useDesign' import { useDesign } from '/@/hooks/web/useDesign'
import { footerProps } from '../props' import { footerProps } from '../props'
export default defineComponent({ export default defineComponent({
name: 'BasicDrawerFooter', name: 'BasicDrawerFooter',
props: { props: {
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
import { useDesign } from '/@/hooks/web/useDesign' import { useDesign } from '/@/hooks/web/useDesign'
import { propTypes } from '/@/utils/propTypes' import { propTypes } from '/@/utils/propTypes'
export default defineComponent({ export default defineComponent({
name: 'BasicDrawerHeader', name: 'BasicDrawerHeader',
components: { BasicTitle, ArrowLeftOutlined }, components: { BasicTitle, ArrowLeftOutlined },
......
import type { PropType } from 'vue' import type { PropType } from 'vue'
import { useI18n } from '/@/hooks/web/useI18n' import { useI18n } from '/@/hooks/web/useI18n'
const { t } = useI18n() const { t } = useI18n()
export const footerProps = { export const footerProps = {
......
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
import * as XLSX from 'xlsx' import * as XLSX from 'xlsx'
import { dateUtil } from '/@/utils/dateUtil' import { dateUtil } from '/@/utils/dateUtil'
import type { ExcelData } from './typing' import type { ExcelData } from './typing'
export default defineComponent({ export default defineComponent({
name: 'ImportExcel', name: 'ImportExcel',
props: { props: {
......
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
import FormAction from './components/FormAction.vue' import FormAction from './components/FormAction.vue'
import { dateItemType } from './helper' import { dateItemType } from './helper'
import { dateUtil } from '/@/utils/dateUtil' import { dateUtil } from '/@/utils/dateUtil'
// import { cloneDeep } from 'lodash-es'; // import { cloneDeep } from 'lodash-es';
import { deepMerge } from '/@/utils' import { deepMerge } from '/@/utils'
import { useFormValues } from './hooks/useFormValues' import { useFormValues } from './hooks/useFormValues'
...@@ -20,6 +21,7 @@ ...@@ -20,6 +21,7 @@
import { useModalContext } from '/@/components/Modal' import { useModalContext } from '/@/components/Modal'
import { basicProps } from './props' import { basicProps } from './props'
import { useDesign } from '/@/hooks/web/useDesign' import { useDesign } from '/@/hooks/web/useDesign'
export default defineComponent({ export default defineComponent({
name: 'BasicForm', name: 'BasicForm',
components: { FormItem, Form, Row, FormAction }, components: { FormItem, Form, Row, FormAction },
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
import { useRuleFormItem } from '/@/hooks/component/useFormItem' import { useRuleFormItem } from '/@/hooks/component/useFormItem'
import { LoadingOutlined } from '@ant-design/icons-vue' import { LoadingOutlined } from '@ant-design/icons-vue'
import { useI18n } from '/@/hooks/web/useI18n' import { useI18n } from '/@/hooks/web/useI18n'
interface Option { interface Option {
value: string value: string
label: string label: string
......
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
import { propTypes } from '/@/utils/propTypes' import { propTypes } from '/@/utils/propTypes'
import { get, omit } from 'lodash-es' import { get, omit } from 'lodash-es'
import { useI18n } from '/@/hooks/web/useI18n' import { useI18n } from '/@/hooks/web/useI18n'
interface OptionsItem { interface OptionsItem {
label: string label: string
value: string | number | boolean value: string | number | boolean
......
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
import { LoadingOutlined } from '@ant-design/icons-vue' import { LoadingOutlined } from '@ant-design/icons-vue'
import { useI18n } from '/@/hooks/web/useI18n' import { useI18n } from '/@/hooks/web/useI18n'
import { propTypes } from '/@/utils/propTypes' import { propTypes } from '/@/utils/propTypes'
interface OptionsItem { interface OptionsItem {
label: string label: string
value: string value: string
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
import { propTypes } from '/@/utils/propTypes' import { propTypes } from '/@/utils/propTypes'
import { useI18n } from '/@/hooks/web/useI18n' import { useI18n } from '/@/hooks/web/useI18n'
import type { TransferDirection, TransferItem } from 'ant-design-vue/lib/transfer' import type { TransferDirection, TransferItem } from 'ant-design-vue/lib/transfer'
export default defineComponent({ export default defineComponent({
name: 'ApiTransfer', name: 'ApiTransfer',
components: { Transfer }, components: { Transfer },
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
import { get } from 'lodash-es' import { get } from 'lodash-es'
import { propTypes } from '/@/utils/propTypes' import { propTypes } from '/@/utils/propTypes'
import { LoadingOutlined } from '@ant-design/icons-vue' import { LoadingOutlined } from '@ant-design/icons-vue'
export default defineComponent({ export default defineComponent({
name: 'ApiTree', name: 'ApiTree',
components: { ATree: Tree, LoadingOutlined }, components: { ATree: Tree, LoadingOutlined },
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
import { get } from 'lodash-es' import { get } from 'lodash-es'
import { propTypes } from '/@/utils/propTypes' import { propTypes } from '/@/utils/propTypes'
import { LoadingOutlined } from '@ant-design/icons-vue' import { LoadingOutlined } from '@ant-design/icons-vue'
export default defineComponent({ export default defineComponent({
name: 'ApiTreeSelect', name: 'ApiTreeSelect',
components: { ATreeSelect: TreeSelect, LoadingOutlined }, components: { ATreeSelect: TreeSelect, LoadingOutlined },
......
<script lang="ts"> <script lang="ts">
import type { ColEx } from '../types/index' import type { ColEx } from '../types/index'
// import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes'; // import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';
import type { PropType } from 'vue' import type { PropType } from 'vue'
import { computed, defineComponent } from 'vue' import { computed, defineComponent } from 'vue'
......
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
import { cloneDeep, upperFirst } from 'lodash-es' import { cloneDeep, upperFirst } from 'lodash-es'
import { useItemLabelWidth } from '../hooks/useLabelWidth' import { useItemLabelWidth } from '../hooks/useLabelWidth'
import { useI18n } from '/@/hooks/web/useI18n' import { useI18n } from '/@/hooks/web/useI18n'
export default defineComponent({ export default defineComponent({
name: 'BasicFormItem', name: 'BasicFormItem',
inheritAttrs: false, inheritAttrs: false,
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
import { useRootSetting } from '/@/hooks/setting/useRootSetting' import { useRootSetting } from '/@/hooks/setting/useRootSetting'
import { onMountedOrActivated } from '/@/hooks/core/onMountedOrActivated' import { onMountedOrActivated } from '/@/hooks/core/onMountedOrActivated'
import { getTheme } from './getTheme' import { getTheme } from './getTheme'
type Lang = 'zh_CN' | 'en_US' | 'ja_JP' | 'ko_KR' | undefined type Lang = 'zh_CN' | 'en_US' | 'ja_JP' | 'ko_KR' | undefined
export default defineComponent({ export default defineComponent({
inheritAttrs: false, inheritAttrs: false,
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
import { onMountedOrActivated } from '/@/hooks/core/onMountedOrActivated' import { onMountedOrActivated } from '/@/hooks/core/onMountedOrActivated'
import { useRootSetting } from '/@/hooks/setting/useRootSetting' import { useRootSetting } from '/@/hooks/setting/useRootSetting'
import { getTheme } from './getTheme' import { getTheme } from './getTheme'
const props = defineProps({ const props = defineProps({
value: { type: String }, value: { type: String },
class: { type: String }, class: { type: String },
......
import type Vditor from 'vditor' import type Vditor from 'vditor'
export interface MarkDownActionType { export interface MarkDownActionType {
getVditor: () => Vditor getVditor: () => Vditor
} }
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
import { itemProps } from '../props' import { itemProps } from '../props'
import MenuItemContent from './MenuItemContent.vue' import MenuItemContent from './MenuItemContent.vue'
export default defineComponent({ export default defineComponent({
name: 'BasicMenuItem', name: 'BasicMenuItem',
components: { MenuItem: Menu.Item, MenuItemContent }, components: { MenuItem: Menu.Item, MenuItemContent },
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
import { useI18n } from '/@/hooks/web/useI18n' import { useI18n } from '/@/hooks/web/useI18n'
import { useDesign } from '/@/hooks/web/useDesign' import { useDesign } from '/@/hooks/web/useDesign'
import { contentProps } from '../props' import { contentProps } from '../props'
const { t } = useI18n() const { t } = useI18n()
export default defineComponent({ export default defineComponent({
......
...@@ -6,6 +6,7 @@ import { ThemeEnum } from '/@/enums/appEnum' ...@@ -6,6 +6,7 @@ import { ThemeEnum } from '/@/enums/appEnum'
import { propTypes } from '/@/utils/propTypes' import { propTypes } from '/@/utils/propTypes'
import type { MenuTheme } from 'ant-design-vue' import type { MenuTheme } from 'ant-design-vue'
import type { MenuMode } from 'ant-design-vue/lib/menu/src/interface' import type { MenuMode } from 'ant-design-vue/lib/menu/src/interface'
export const basicProps = { export const basicProps = {
items: { items: {
type: Array as PropType<Menu[]>, type: Array as PropType<Menu[]>,
......
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
import { defineComponent } from 'vue' import { defineComponent } from 'vue'
import { basicProps } from '../props' import { basicProps } from '../props'
export default defineComponent({ export default defineComponent({
name: 'BasicModalFooter', name: 'BasicModalFooter',
props: basicProps, props: basicProps,
......
import type { ButtonProps } from 'ant-design-vue/lib/button/buttonTypes' import type { ButtonProps } from 'ant-design-vue/lib/button/buttonTypes'
import type { CSSProperties, ComputedRef, VNodeChild } from 'vue' import type { CSSProperties, ComputedRef, VNodeChild } from 'vue'
/** /**
* @description: 弹窗对外暴露的方法 * @description: 弹窗对外暴露的方法
*/ */
......
import { isString } from '/@/utils/is' import { isString } from '/@/utils/is'
import type { LogoType, RenderQrCodeParams } from './typing' import type { LogoType, RenderQrCodeParams } from './typing'
export function drawLogo({ canvas, logo }: RenderQrCodeParams) { export function drawLogo({ canvas, logo }: RenderQrCodeParams) {
if (!logo) { if (!logo) {
return new Promise((resolve) => { return new Promise((resolve) => {
......
// 参考 qr-code-with-logo 进行ts版本修改 // 参考 qr-code-with-logo 进行ts版本修改
import { toCanvas } from './toCanvas' import { toCanvas } from './toCanvas'
export * from './typing' export * from './typing'
export { toCanvas } export { toCanvas }
import { renderQrCode } from './drawCanvas' import { renderQrCode } from './drawCanvas'
import { drawLogo } from './drawLogo' import { drawLogo } from './drawLogo'
import type { RenderQrCodeParams } from './typing' import type { RenderQrCodeParams } from './typing'
export function toCanvas(options: RenderQrCodeParams) { export function toCanvas(options: RenderQrCodeParams) {
return renderQrCode(options) return renderQrCode(options)
.then(() => { .then(() => {
......
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
import { toObject } from './util' import { toObject } from './util'
import { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, provide, ref, unref } from 'vue' import { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, provide, ref, unref } from 'vue'
import Bar from './bar' import Bar from './bar'
const { scrollbar } = componentSetting const { scrollbar } = componentSetting
export default defineComponent({ export default defineComponent({
......
import type { BarMap } from './types' import type { BarMap } from './types'
export const BAR_MAP: BarMap = { export const BAR_MAP: BarMap = {
vertical: { vertical: {
offset: 'offsetHeight', offset: 'offsetHeight',
......
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
import { openWindow } from '/@/utils' import { openWindow } from '/@/utils'
import { useOpenKeys } from './useOpenKeys' import { useOpenKeys } from './useOpenKeys'
export default defineComponent({ export default defineComponent({
name: 'SimpleMenu', name: 'SimpleMenu',
components: { components: {
......
...@@ -9,6 +9,7 @@ ...@@ -9,6 +9,7 @@
import { propTypes } from '/@/utils/propTypes' import { propTypes } from '/@/utils/propTypes'
import { useI18n } from '/@/hooks/web/useI18n' import { useI18n } from '/@/hooks/web/useI18n'
import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent' import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent'
export default defineComponent({ export default defineComponent({
name: 'SimpleSubMenu', name: 'SimpleSubMenu',
components: { components: {
......
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
import { propTypes } from '/@/utils/propTypes' import { propTypes } from '/@/utils/propTypes'
import { createSimpleRootMenuContext } from './useSimpleMenuContext' import { createSimpleRootMenuContext } from './useSimpleMenuContext'
import mitt from '/@/utils/mitt' import mitt from '/@/utils/mitt'
export default defineComponent({ export default defineComponent({
name: 'Menu', name: 'Menu',
props: { props: {
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
import { Tooltip } from 'ant-design-vue' import { Tooltip } from 'ant-design-vue'
import { useMenuItem } from './useMenu' import { useMenuItem } from './useMenu'
import { useSimpleRootMenuContext } from './useSimpleMenuContext' import { useSimpleRootMenuContext } from './useSimpleMenuContext'
export default defineComponent({ export default defineComponent({
name: 'MenuItem', name: 'MenuItem',
components: { Tooltip }, components: { Tooltip },
......
...@@ -24,6 +24,7 @@ ...@@ -24,6 +24,7 @@
import { basicProps } from './props' import { basicProps } from './props'
import { isFunction } from '/@/utils/is' import { isFunction } from '/@/utils/is'
import { warn } from '/@/utils/log' import { warn } from '/@/utils/log'
export default defineComponent({ export default defineComponent({
components: { components: {
Table, Table,
......
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue' import { defineComponent } from 'vue'
import { FormOutlined } from '@ant-design/icons-vue' import { FormOutlined } from '@ant-design/icons-vue'
export default defineComponent({ export default defineComponent({
name: 'EditTableHeaderIcon', name: 'EditTableHeaderIcon',
components: { FormOutlined }, components: { FormOutlined },
......
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
import { createPlaceholderMessage } from './helper' import { createPlaceholderMessage } from './helper'
import { CellComponent } from './CellComponent' import { CellComponent } from './CellComponent'
import type { EditRecordRow } from './index' import type { EditRecordRow } from './index'
export default defineComponent({ export default defineComponent({
name: 'EditableCell', name: 'EditableCell',
components: { FormOutlined, CloseOutlined, CheckOutlined, CellComponent, Spin }, components: { FormOutlined, CloseOutlined, CheckOutlined, CellComponent, Spin },
......
...@@ -7,6 +7,7 @@ ...@@ -7,6 +7,7 @@
import { ScrollContainer } from '/@/components/Container' import { ScrollContainer } from '/@/components/Container'
import { useI18n } from '/@/hooks/web/useI18n' import { useI18n } from '/@/hooks/web/useI18n'
import { useDesign } from '/@/hooks/web/useDesign' import { useDesign } from '/@/hooks/web/useDesign'
// import { useSortable } from '/@/hooks/web/useSortable'; // import { useSortable } from '/@/hooks/web/useSortable';
import { isFunction, isNullAndUnDef } from '/@/utils/is' import { isFunction, isNullAndUnDef } from '/@/utils/is'
import { getPopupContainer as getParentContainer } from '/@/utils' import { getPopupContainer as getParentContainer } from '/@/utils'
...@@ -15,6 +16,7 @@ ...@@ -15,6 +16,7 @@
import type Sortable from 'sortablejs' import type Sortable from 'sortablejs'
import { useTableContext } from '../../hooks/useTableContext' import { useTableContext } from '../../hooks/useTableContext'
import type { BasicColumn, ColumnChangeParam } from '../../types/table' import type { BasicColumn, ColumnChangeParam } from '../../types/table'
interface State { interface State {
checkAll: boolean checkAll: boolean
isInit?: boolean isInit?: boolean
......
import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes' import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes'
import type { TooltipProps } from 'ant-design-vue/es/tooltip/Tooltip' import type { TooltipProps } from 'ant-design-vue/es/tooltip/Tooltip'
import type { RoleEnum } from '/@/enums/roleEnum' import type { RoleEnum } from '/@/enums/roleEnum'
export interface ActionItem extends ButtonProps { export interface ActionItem extends ButtonProps {
onClick?: Fn onClick?: Fn
label?: string label?: string
......
...@@ -26,6 +26,7 @@ ...@@ -26,6 +26,7 @@
import 'tinymce/plugins/searchreplace' import 'tinymce/plugins/searchreplace'
import 'tinymce/plugins/spellchecker' import 'tinymce/plugins/spellchecker'
import 'tinymce/plugins/tabfocus' import 'tinymce/plugins/tabfocus'
// import 'tinymce/plugins/table'; // import 'tinymce/plugins/table';
import 'tinymce/plugins/template' import 'tinymce/plugins/template'
import 'tinymce/plugins/textpattern' import 'tinymce/plugins/textpattern'
......
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
import type { CreateContextOptions } from '/@/components/ContextMenu' import type { CreateContextOptions } from '/@/components/ContextMenu'
import { treeEmits, treeProps } from './types/tree' import { treeEmits, treeProps } from './types/tree'
import { createBEM } from '/@/utils/bem' import { createBEM } from '/@/utils/bem'
export default defineComponent({ export default defineComponent({
name: 'BasicTree', name: 'BasicTree',
inheritAttrs: false, inheritAttrs: false,
......
...@@ -7,6 +7,7 @@ ...@@ -7,6 +7,7 @@
import { useDebounceFn } from '@vueuse/core' import { useDebounceFn } from '@vueuse/core'
import { createBEM } from '/@/utils/bem' import { createBEM } from '/@/utils/bem'
import { ToolbarEnum } from '../types/tree' import { ToolbarEnum } from '../types/tree'
const props = defineProps({ const props = defineProps({
helpMessage: { helpMessage: {
type: [String, Array] as PropType<string | string[]>, type: [String, Array] as PropType<string | string[]>,
......
...@@ -3,15 +3,18 @@ ...@@ -3,15 +3,18 @@
import { computed, defineComponent, reactive, ref, toRefs, unref } from 'vue' import { computed, defineComponent, reactive, ref, toRefs, unref } from 'vue'
import { Alert, Upload } from 'ant-design-vue' import { Alert, Upload } from 'ant-design-vue'
import { BasicModal, useModalInner } from '/@/components/Modal' import { BasicModal, useModalInner } from '/@/components/Modal'
// import { BasicTable, useTable } from '/@/components/Table'; // import { BasicTable, useTable } from '/@/components/Table';
// hooks // hooks
import { useUploadType } from './useUpload' import { useUploadType } from './useUpload'
import { useMessage } from '/@/hooks/web/useMessage' import { useMessage } from '/@/hooks/web/useMessage'
// types // types
import type { FileItem } from './typing' import type { FileItem } from './typing'
import { UploadResultStatus } from './typing' import { UploadResultStatus } from './typing'
import { basicProps } from './props' import { basicProps } from './props'
import { createActionColumn, createTableColumns } from './data' import { createActionColumn, createTableColumns } from './data'
// utils // utils
import { checkImgType, getBase64WithFile } from './helper' import { checkImgType, getBase64WithFile } from './helper'
import { buildUUID } from '/@/utils/uuid' import { buildUUID } from '/@/utils/uuid'
......
<script lang="ts"> <script lang="ts">
import { defineComponent, ref, watch } from 'vue' import { defineComponent, ref, watch } from 'vue'
// import { BasicTable, useTable } from '/@/components/Table'; // import { BasicTable, useTable } from '/@/components/Table';
import FileList from './FileList.vue' import FileList from './FileList.vue'
import { BasicModal, useModalInner } from '/@/components/Modal' import { BasicModal, useModalInner } from '/@/components/Modal'
......
import type { Ref } from 'vue' import type { Ref } from 'vue'
import { computed, unref } from 'vue' import { computed, unref } from 'vue'
import { useI18n } from '/@/hooks/web/useI18n' import { useI18n } from '/@/hooks/web/useI18n'
const { t } = useI18n() const { t } = useI18n()
export function useUploadType({ export function useUploadType({
acceptRef, acceptRef,
......
import type { Directive } from 'vue' import type { Directive } from 'vue'
import './index.less' import './index.less'
export interface RippleOptions { export interface RippleOptions {
event: string event: string
transition: number transition: number
......
import { getCurrentInstance, reactive, shallowRef, watchEffect } from 'vue' import { getCurrentInstance, reactive, shallowRef, watchEffect } from 'vue'
import type { Ref } from 'vue' import type { Ref } from 'vue'
interface Params { interface Params {
excludeListeners?: boolean excludeListeners?: boolean
excludeKeys?: string[] excludeKeys?: string[]
......
import { getCurrentInstance, onUnmounted } from 'vue' import { getCurrentInstance, onUnmounted } from 'vue'
import { createContextMenu, destroyContextMenu } from '/@/components/ContextMenu' import { createContextMenu, destroyContextMenu } from '/@/components/ContextMenu'
import type { ContextMenuItem } from '/@/components/ContextMenu' import type { ContextMenuItem } from '/@/components/ContextMenu'
export type { ContextMenuItem } export type { ContextMenuItem }
export function useContextMenu(authRemove = true) { export function useContextMenu(authRemove = true) {
if (getCurrentInstance() && authRemove) { if (getCurrentInstance() && authRemove) {
......
import { ref, watch } from 'vue' import { ref, watch } from 'vue'
import { isDef } from '/@/utils/is' import { isDef } from '/@/utils/is'
interface Options { interface Options {
target?: HTMLElement target?: HTMLElement
} }
......
import { useAppProviderContext } from '/@/components/Application' import { useAppProviderContext } from '/@/components/Application'
// import { computed } from 'vue'; // import { computed } from 'vue';
// import { lowerFirst } from 'lodash-es'; // import { lowerFirst } from 'lodash-es';
export function useDesign(scope: string) { export function useDesign(scope: string) {
......
...@@ -7,6 +7,7 @@ import { useUserStore } from '/@/store/modules/user' ...@@ -7,6 +7,7 @@ import { useUserStore } from '/@/store/modules/user'
import { useTabs } from './useTabs' import { useTabs } from './useTabs'
import { resetRouter, router } from '/@/router' import { resetRouter, router } from '/@/router'
// import { RootRoute } from '/@/router/routes'; // import { RootRoute } from '/@/router/routes';
import projectSetting from '/@/settings/projectSetting' import projectSetting from '/@/settings/projectSetting'
......
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent' import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent'
import SessionTimeoutLogin from '/@/views/sys/login/SessionTimeoutLogin.vue' import SessionTimeoutLogin from '/@/views/sys/login/SessionTimeoutLogin.vue'
export default defineComponent({ export default defineComponent({
name: 'LayoutFeatures', name: 'LayoutFeatures',
components: { components: {
......
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
import { useI18n } from '/@/hooks/web/useI18n' import { useI18n } from '/@/hooks/web/useI18n'
import { useFullscreen } from '@vueuse/core' import { useFullscreen } from '@vueuse/core'
import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue' import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue'
export default defineComponent({ export default defineComponent({
name: 'FullScreen', name: 'FullScreen',
components: { FullscreenExitOutlined, FullscreenOutlined, Tooltip }, components: { FullscreenExitOutlined, FullscreenOutlined, Tooltip },
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
import { useUserStore } from '/@/store/modules/user' import { useUserStore } from '/@/store/modules/user'
import { useLockStore } from '/@/store/modules/lock' import { useLockStore } from '/@/store/modules/lock'
import headerImg from '/@/assets/images/header.jpg' import headerImg from '/@/assets/images/header.jpg'
export default defineComponent({ export default defineComponent({
name: 'LockModal', name: 'LockModal',
components: { BasicModal, BasicForm }, components: { BasicModal, BasicForm },
......
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
import { useDesign } from '/@/hooks/web/useDesign' import { useDesign } from '/@/hooks/web/useDesign'
import { Avatar, List, Tag, Typography } from 'ant-design-vue' import { Avatar, List, Tag, Typography } from 'ant-design-vue'
import { isNumber } from '/@/utils/is' import { isNumber } from '/@/utils/is'
export default defineComponent({ export default defineComponent({
components: { components: {
[Avatar.name]: Avatar, [Avatar.name]: Avatar,
......
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
import { propTypes } from '/@/utils/propTypes' import { propTypes } from '/@/utils/propTypes'
import { openWindow } from '/@/utils' import { openWindow } from '/@/utils'
import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent' import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent'
type MenuEvent = 'logout' | 'doc' | 'lock' type MenuEvent = 'logout' | 'doc' | 'lock'
export default defineComponent({ export default defineComponent({
name: 'UserDropdown', name: 'UserDropdown',
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
import { useDesign } from '/@/hooks/web/useDesign' import { useDesign } from '/@/hooks/web/useDesign'
import type { menuTypeList } from '../enum' import type { menuTypeList } from '../enum'
export default defineComponent({ export default defineComponent({
name: 'MenuTypePicker', name: 'MenuTypePicker',
components: { Tooltip }, components: { Tooltip },
......
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
import { useDesign } from '/@/hooks/web/useDesign' import { useDesign } from '/@/hooks/web/useDesign'
import DragBar from './DragBar.vue' import DragBar from './DragBar.vue'
export default defineComponent({ export default defineComponent({
name: 'LayoutSideBar', name: 'LayoutSideBar',
components: { Sider: Layout.Sider, LayoutMenu, DragBar, LayoutTrigger }, components: { Sider: Layout.Sider, LayoutMenu, DragBar, LayoutTrigger },
......
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
import { useAppInject } from '/@/hooks/web/useAppInject' import { useAppInject } from '/@/hooks/web/useAppInject'
import { useMenuSetting } from '/@/hooks/setting/useMenuSetting' import { useMenuSetting } from '/@/hooks/setting/useMenuSetting'
import { useDesign } from '/@/hooks/web/useDesign' import { useDesign } from '/@/hooks/web/useDesign'
export default defineComponent({ export default defineComponent({
name: 'SiderWrapper', name: 'SiderWrapper',
components: { Sider, Drawer, MixSider }, components: { Sider, Drawer, MixSider },
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting' import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting'
import { getTransitionName } from './transition' import { getTransitionName } from './transition'
import { useMultipleTabStore } from '/@/store/modules/multipleTab' import { useMultipleTabStore } from '/@/store/modules/multipleTab'
export default defineComponent({ export default defineComponent({
name: 'PageLayout', name: 'PageLayout',
components: { FrameLayout }, components: { FrameLayout },
......
...@@ -2,6 +2,7 @@ import 'virtual:windi-base.css' ...@@ -2,6 +2,7 @@ import 'virtual:windi-base.css'
import 'virtual:windi-components.css' import 'virtual:windi-components.css'
import '/@/design/index.less' import '/@/design/index.less'
import 'virtual:windi-utilities.css' import 'virtual:windi-utilities.css'
// Register icon sprite // Register icon sprite
import 'virtual:svg-icons-register' import 'virtual:svg-icons-register'
import { createApp } from 'vue' import { createApp } from 'vue'
......
...@@ -169,6 +169,7 @@ export function useRafThrottle<T extends FunctionArgs>(fn: T): T { ...@@ -169,6 +169,7 @@ export function useRafThrottle<T extends FunctionArgs>(fn: T): T {
locked = true locked = true
window.requestAnimationFrame(() => { window.requestAnimationFrame(() => {
// @ts-expect-error // @ts-expect-error
// eslint-disable-next-line @typescript-eslint/no-invalid-this
fn.apply(this, args) fn.apply(this, args)
locked = false locked = false
}) })
......
import type { AxiosError, AxiosInstance } from 'axios' import type { AxiosError, AxiosInstance } from 'axios'
/** /**
* 请求重试机制 * 请求重试机制
*/ */
......
import type { ErrorMessageMode } from '/#/axios' import type { ErrorMessageMode } from '/#/axios'
import { useMessage } from '/@/hooks/web/useMessage' import { useMessage } from '/@/hooks/web/useMessage'
import { useI18n } from '/@/hooks/web/useI18n' import { useI18n } from '/@/hooks/web/useI18n'
// import router from '/@/router'; // import router from '/@/router';
// import { PageEnum } from '/@/enums/pageEnum'; // import { PageEnum } from '/@/enums/pageEnum';
import { useUserStoreWithOut } from '/@/store/modules/user' import { useUserStoreWithOut } from '/@/store/modules/user'
......
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
import { fireErrorApi } from '/@/api/demo/error' import { fireErrorApi } from '/@/api/demo/error'
import { getColumns } from './data' import { getColumns } from './data'
import { cloneDeep } from 'lodash-es' import { cloneDeep } from 'lodash-es'
const rowInfo = ref<ErrorLogInfo>() const rowInfo = ref<ErrorLogInfo>()
const imgList = ref<string[]>([]) const imgList = ref<string[]>([])
const { t } = useI18n() const { t } = useI18n()
......
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue' import { defineComponent } from 'vue'
export default defineComponent({ export default defineComponent({
name: 'FrameBlank', name: 'FrameBlank',
}) })
......
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
import { useI18n } from '/@/hooks/web/useI18n' import { useI18n } from '/@/hooks/web/useI18n'
import { useDesign } from '/@/hooks/web/useDesign' import { useDesign } from '/@/hooks/web/useDesign'
import { useLocaleStore } from '/@/store/modules/locale' import { useLocaleStore } from '/@/store/modules/locale'
defineProps({ defineProps({
sessionTimeout: { sessionTimeout: {
type: Boolean, type: Boolean,
......
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
import { useUserStore } from '/@/store/modules/user' import { useUserStore } from '/@/store/modules/user'
import { LoginStateEnum, useFormRules, useFormValid, useLoginState } from './useLogin' import { LoginStateEnum, useFormRules, useFormValid, useLoginState } from './useLogin'
import { useDesign } from '/@/hooks/web/useDesign' import { useDesign } from '/@/hooks/web/useDesign'
// import { onKeyStroke } from '@vueuse/core'; // import { onKeyStroke } from '@vueuse/core';
const ACol = Col const ACol = Col
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论