refactor: optimize common package component export (#609)

* refactor: common component
This commit is contained in:
Hexqi 2024-06-30 14:11:25 +08:00 committed by GitHub
parent f0ff7cc999
commit 2831861271
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 80 additions and 115 deletions

View File

@ -0,0 +1,69 @@
/**
* Copyright (c) 2023 - present TinyEngine Authors.
* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/
import ConfigGroup from './ConfigGroup.vue'
import ConfigItem from './ConfigItem.vue'
import SaveNewBlock from './SaveNewBlock.vue'
export { default as PluginSetting } from './PluginSetting.vue'
export { default as PluginPanel } from './PluginPanel.vue'
export { default as SvgButton } from './SvgButton.vue'
export { default as LinkButton } from './LinkButton.vue'
export { default as ConfigCollapse } from './ConfigCollapse.vue'
export { default as ConfigRender } from './ConfigRender.vue'
export { default as MetaForm } from './MetaForm.vue'
export { default as MetaListActions } from './MetaListActions.vue'
export { default as MetaListTitle } from './MetaListTitle.vue'
export { default as MetaListItems } from './MetaListItems.vue'
export { default as MetaListItem } from './MetaListItem.vue'
export { default as MetaModal, useModal } from './MetaModal.vue'
export { default as MetaModalItem } from './MetaModalItem.vue'
export { default as MetaPopover } from './MetaPopover.vue'
export { default as VideoGuide } from './VideoGuide.vue'
export { default as MonacoEditor } from './MonacoEditor.vue'
export { default as BlockHistoryList } from './BlockHistoryList.vue'
export { default as BlockHistoryTemplate } from './BlockHistoryTemplate.vue'
export { default as BlockLinkField } from './BlockLinkField.vue'
export { default as BlockLinkEvent } from './BlockLinkEvent.vue'
export { default as BlockDescription } from './BlockDescription.vue'
export { default as PluginBlockList } from './PluginBlockList.vue'
export { default as ButtonGroup } from './ButtonGroup.vue'
export { default as CloseIcon } from './CloseIcon.vue'
export { default as LifeCycles } from './LifeCycles.vue'
export { default as EmptyTip } from './EmptyTip.vue'
export { default as MaskModal } from './MaskModal.vue'
export { default as VueMonaco, setGlobalMonacoEditorTheme } from './VueMonaco.vue'
export { default as PublicIcon } from './PublicIcon.vue'
export { default as BindI18n } from './BindI18n.vue'
export { default as BlockDeployDialog } from './BlockDeployDialog.vue'
export { default as ProgressBar } from './ProgressBar.vue'
export { default as SearchEmpty } from './SearchEmpty.vue'
export { default as MetaDescription } from './MetaDescription.vue'
export { default as MetaList } from './MetaList.vue'
export { default as MetaChildItem } from './MetaChildItem.vue'
export { default as SplitPanes } from './SplitPanes.vue'
export { default as Pane } from './Pane.vue'
export { default as Modal } from './Modal.jsx'
export { default as Notify } from './Notify.jsx'
export { ConfigGroup, ConfigItem, SaveNewBlock }
export const injectGlobalComponents = {
install: (app) => {
const globalComponents = {
SaveNewBlock,
ConfigGroup,
ConfigItem
}
Object.entries(globalComponents).forEach(([name, component]) => {
app.component(name, component)
})
}
}

View File

@ -0,0 +1,9 @@
import i18n, { i18nKeyMaps } from '@opentiny/tiny-engine-controller/js/i18n'
import enUs from './en-us.json'
import zhCn from './zh-cn.json'
const { mergeLocaleMessage } = i18n.global
mergeLocaleMessage(i18nKeyMaps.enUS, enUs)
mergeLocaleMessage(i18nKeyMaps.zhCN, zhCn)

View File

@ -10,119 +10,6 @@
*
*/
import PluginSetting from './component/PluginSetting.vue'
import PluginPanel from './component/PluginPanel.vue'
import SvgButton from './component/SvgButton.vue'
import LinkButton from './component/LinkButton.vue'
import './i18n'
import ConfigCollapse from './component/ConfigCollapse.vue'
import ConfigGroup from './component/ConfigGroup.vue'
import ConfigItem from './component/ConfigItem.vue'
import ConfigRender from './component/ConfigRender.vue'
import MetaForm from './component/MetaForm.vue'
import MetaListActions from './component/MetaListActions.vue'
import MetaListTitle from './component/MetaListTitle.vue'
import MetaListItems from './component/MetaListItems.vue'
import MetaListItem from './component/MetaListItem.vue'
import MetaModal, { useModal } from './component/MetaModal.vue'
import MetaModalItem from './component/MetaModalItem.vue'
import MetaPopover from './component/MetaPopover.vue'
import VideoGuide from './component/VideoGuide.vue'
import MonacoEditor from './component/MonacoEditor.vue'
import BlockHistoryList from './component/BlockHistoryList.vue'
import BlockHistoryTemplate from './component/BlockHistoryTemplate.vue'
import BlockLinkField from './component/BlockLinkField.vue'
import BlockLinkEvent from './component/BlockLinkEvent.vue'
import BlockDescription from './component/BlockDescription.vue'
import PluginBlockList from './component/PluginBlockList.vue'
import ButtonGroup from './component/ButtonGroup.vue'
import CloseIcon from './component/CloseIcon.vue'
import LifeCycles from './component/LifeCycles.vue'
import EmptyTip from './component/EmptyTip.vue'
import MaskModal from './component/MaskModal.vue'
import VueMonaco, { setGlobalMonacoEditorTheme } from './component/VueMonaco.vue'
import PublicIcon from './component/PublicIcon.vue'
import SaveNewBlock from './component/SaveNewBlock.vue'
import BindI18n from './component/BindI18n.vue'
import BlockDeployDialog from './component/BlockDeployDialog.vue'
import ProgressBar from './component/ProgressBar.vue'
import SearchEmpty from './component/SearchEmpty.vue'
import MetaDescription from './component/MetaDescription.vue'
import MetaList from './component/MetaList.vue'
import MetaChildItem from './component/MetaChildItem.vue'
import SplitPanes from './component/SplitPanes.vue'
import Pane from './component/Pane.vue'
import i18n, { i18nKeyMaps } from '@opentiny/tiny-engine-controller/js/i18n'
import enUs from './i18n/en-us.json'
import zhCn from './i18n/zh-cn.json'
const { mergeLocaleMessage } = i18n.global
mergeLocaleMessage(i18nKeyMaps.enUS, enUs)
mergeLocaleMessage(i18nKeyMaps.zhCN, zhCn)
const globalComponents = {
SaveNewBlock,
ConfigGroup,
ConfigItem
}
export const injectGlobalComponents = {
install: (app) => {
Object.entries(globalComponents).forEach(([name, component]) => {
app.component(name, component)
})
}
}
export {
MetaDescription,
MetaList,
MetaModal,
MetaModalItem,
MetaPopover,
MetaListTitle,
MetaListActions,
MetaListItems,
MetaListItem,
MetaChildItem,
MetaForm,
ConfigCollapse,
ConfigGroup,
ConfigItem,
ConfigRender,
useModal,
PluginSetting,
PluginPanel,
VideoGuide,
SvgButton,
LinkButton,
BlockHistoryList,
BlockHistoryTemplate,
BlockLinkField,
BlockLinkEvent,
BlockDescription,
PluginBlockList,
ButtonGroup,
CloseIcon,
LifeCycles,
EmptyTip,
MonacoEditor,
MaskModal,
VueMonaco,
setGlobalMonacoEditorTheme,
PublicIcon,
SaveNewBlock,
BindI18n,
BlockDeployDialog,
ProgressBar,
SearchEmpty,
SplitPanes,
Pane
}
export { default as Modal } from './component/Modal'
export { default as Notify } from './component/Notify'
export * from './component'