From 5b824c3b0783aec04c55b16932b77887bb4ca4f9 Mon Sep 17 00:00:00 2001 From: lew <68851669+lewkamtao@users.noreply.github.com> Date: Thu, 30 Jun 2022 10:30:00 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix:=E8=B0=83=E6=95=B4=E4=BB=A3?= =?UTF-8?q?=E7=A0=81=E6=A0=BC=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .eslintrc.js | 2 +- index.html | 31 +- package-lock.json | 4 +- package.json | 4 +- packages/components/dialog/index.ts | 2 +- packages/components/dialog/src/LewDialog.vue | 458 +++++++++--------- packages/components/fancybox/index.ts | 8 +- .../components/fancybox/src/LewFancyImage.vue | 82 ++-- packages/components/flex/src/LewFlex.vue | 220 ++++----- packages/components/input/src/LewInput.vue | 4 +- packages/components/layout/src/LewLayout.vue | 194 ++++---- packages/components/message/index.ts | 2 +- packages/components/message/src/index.ts | 144 +++--- packages/components/message/styles/index.scss | 2 +- packages/components/modal/src/LewModal.vue | 152 +++--- packages/components/plyr/src/LewPlyrVideo.vue | 154 +++--- packages/components/popok/src/LewPopok.vue | 356 +++++++------- .../components/popover/src/LewPopover.vue | 166 +++---- packages/components/space/src/LewSpace.vue | 48 +- .../components/textarea/src/LewTextarea.vue | 8 +- packages/directives/tooltip/index.ts | 96 ++-- packages/hooks/src/useDOMCreate.ts | 26 +- packages/styles/reset.scss | 6 +- prettier.config.js | 1 - src/assets/style/main.scss | 4 +- src/docs/alert/DemoAlert.vue | 122 ++--- src/docs/badge/index.ts | 2 +- src/docs/breadcrumb/demo/DemoBreadcrumb1.vue | 2 +- src/docs/breadcrumb/index.ts | 2 +- src/docs/button/index.ts | 2 +- src/docs/checkbox/index.ts | 2 +- src/docs/dialog/index.ts | 2 +- src/docs/dropdown/index.ts | 2 +- src/docs/fancy-image/demo/DemoFancyImage1.vue | 14 +- src/docs/fancy-image/index.ts | 2 +- src/docs/flex/DemoFlex.vue | 200 ++++---- src/docs/flex/demo/DemoFlex1.vue | 168 +++---- src/docs/flex/demo/DemoFlex2.vue | 168 +++---- src/docs/flex/demo/DemoFlex3.vue | 134 ++--- src/docs/flex/index.ts | 2 +- src/docs/form/index.ts | 2 +- src/docs/index.ts | 68 +-- src/docs/input/index.ts | 2 +- src/docs/layout/DemoLayout.vue | 62 +-- src/docs/layout/demo/DemoLayout1.vue | 22 +- src/docs/layout/demo/DemoLayout2.vue | 22 +- src/docs/layout/demo/DemoLayout3.vue | 22 +- src/docs/layout/index.ts | 2 +- src/docs/mark/index.ts | 2 +- src/docs/message/index.ts | 2 +- src/docs/modal/index.ts | 2 +- src/docs/plyr-video/demo/DemoPlyrVideo1.vue | 6 +- src/docs/plyr-video/index.ts | 2 +- src/docs/popok/index.ts | 2 +- src/docs/popover/index.ts | 2 +- src/docs/radio/index.ts | 2 +- src/docs/select/index.ts | 2 +- src/docs/space/DemoSpace.vue | 62 +-- src/docs/space/demo/DemoSpace1.vue | 36 +- src/docs/space/demo/DemoSpace2.vue | 20 +- src/docs/space/demo/DemoSpace3.vue | 20 +- src/docs/space/index.ts | 2 +- src/docs/steps/index.ts | 2 +- src/docs/switch/index.ts | 2 +- src/docs/tabs/index.ts | 2 +- src/docs/tag/index.ts | 2 +- src/docs/textarea/index.ts | 2 +- src/docs/title/DemoTitle.vue | 110 ++--- src/docs/title/demo/DemoTitle1.vue | 14 +- src/docs/title/demo/DemoTitle2.vue | 14 +- src/docs/title/index.ts | 2 +- vscode.setting.json | 52 +- 72 files changed, 1783 insertions(+), 1781 deletions(-) diff --git a/.eslintrc.js b/.eslintrc.js index 87a74286..5ae16d6c 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -14,5 +14,5 @@ module.exports = { 'prettier', 'plugin:prettier/recommended', ], - rules: {}, + rules: { 'prettier/prettier': 'error' }, }; diff --git a/index.html b/index.html index 6247fb89..aaf028f9 100644 --- a/index.html +++ b/index.html @@ -1,18 +1,19 @@ + + + + + + + Lew Design + - - - - - - - Lew Design - - - -
- - - - \ No newline at end of file + +
+ + + diff --git a/package-lock.json b/package-lock.json index bfe33fd6..b15c3c0e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "lew-ui", - "version": "1.0.16", + "version": "1.0.18", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "lew-ui", - "version": "1.0.16", + "version": "1.0.18", "license": "MIT", "dependencies": { "@fancyapps/ui": "^4.0.27", diff --git a/package.json b/package.json index 5b3fd087..4cbb7be6 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,7 @@ "build": "vue-tsc --noEmit && vite build --mode demo", "build:package": "vue-tsc --noEmit && vite build --mode package", "eslint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src", - "format": "prettier --write './*.{js,ts,json,vue,css,scss}' './*/*.{js,ts,json,vue,css,scss}' './*/*/*.{js,ts,json,vue,css,scss}' './*/*/*/*.{js,ts,json,vue,css,scss}' './*/*/*/*/*.{js,ts,json,vue,css,scss}' './*/*/*/*/*/*.{js,ts,json,vue,css,scss}'" + "format": "prettier --write './*.{js,ts,json,vue,css,scss}' './*/*.{js,ts,json,vue,css,scss}' './*/*/*.{js,ts,json,vue,css,scss}' './*/*/*/*.{js,ts,json,vue,css,scss}' './*/*/*/*/*.{js,ts,json,vue,css,scss}'" }, "files": [ "dist" @@ -60,4 +60,4 @@ "vite-plugin-style-import": "^2.0.0", "vue-tsc": "^0.34.7" } -} \ No newline at end of file +} diff --git a/packages/components/dialog/index.ts b/packages/components/dialog/index.ts index 05ce98a3..363828ab 100644 --- a/packages/components/dialog/index.ts +++ b/packages/components/dialog/index.ts @@ -1 +1 @@ -export { default as LewDialog } from './src'; +export { default as LewDialog } from './src'; diff --git a/packages/components/dialog/src/LewDialog.vue b/packages/components/dialog/src/LewDialog.vue index f12642c9..88629ec5 100644 --- a/packages/components/dialog/src/LewDialog.vue +++ b/packages/components/dialog/src/LewDialog.vue @@ -1,229 +1,229 @@ - - - - - - + + + + + + diff --git a/packages/components/fancybox/index.ts b/packages/components/fancybox/index.ts index a98dd55d..e738b585 100644 --- a/packages/components/fancybox/index.ts +++ b/packages/components/fancybox/index.ts @@ -1,4 +1,4 @@ -import LewFancyImage from './src/LewFancyImage.vue'; -import LewFancybox from './src'; - -export { LewFancybox, LewFancyImage }; +import LewFancyImage from './src/LewFancyImage.vue'; +import LewFancybox from './src'; + +export { LewFancybox, LewFancyImage }; diff --git a/packages/components/fancybox/src/LewFancyImage.vue b/packages/components/fancybox/src/LewFancyImage.vue index 70d0d453..c9ec6648 100644 --- a/packages/components/fancybox/src/LewFancyImage.vue +++ b/packages/components/fancybox/src/LewFancyImage.vue @@ -1,41 +1,41 @@ - - - - - + + + + + diff --git a/packages/components/flex/src/LewFlex.vue b/packages/components/flex/src/LewFlex.vue index 5e42bd39..51a4c9d8 100644 --- a/packages/components/flex/src/LewFlex.vue +++ b/packages/components/flex/src/LewFlex.vue @@ -1,110 +1,110 @@ - - - - - + + + + + diff --git a/packages/components/input/src/LewInput.vue b/packages/components/input/src/LewInput.vue index a2aa5acc..6b63071f 100644 --- a/packages/components/input/src/LewInput.vue +++ b/packages/components/input/src/LewInput.vue @@ -21,8 +21,8 @@ watch( ); const emit = defineEmits(['update:modelValue']); -const input = (e: any) => { - let value = e.target.value; +const input = (e: Event) => { + let value = (e.target as HTMLInputElement).value; emit('update:modelValue', value); }; diff --git a/packages/components/layout/src/LewLayout.vue b/packages/components/layout/src/LewLayout.vue index 7cb0ebaf..3fa2fcc7 100644 --- a/packages/components/layout/src/LewLayout.vue +++ b/packages/components/layout/src/LewLayout.vue @@ -1,97 +1,97 @@ - - - - - + + + + + diff --git a/packages/components/message/index.ts b/packages/components/message/index.ts index 2f1d626a..9b84f291 100644 --- a/packages/components/message/index.ts +++ b/packages/components/message/index.ts @@ -1 +1 @@ -export { default as LewMessage } from './src'; +export { default as LewMessage } from './src'; diff --git a/packages/components/message/src/index.ts b/packages/components/message/src/index.ts index 84f404ad..93f493cf 100644 --- a/packages/components/message/src/index.ts +++ b/packages/components/message/src/index.ts @@ -1,72 +1,72 @@ -import '../styles/index.scss'; - -const warning = (content: string) => { - dialog('warning', content); -}; - -const error = (content: string) => { - dialog('error', content); -}; - -const info = (content: string) => { - dialog('info', content); -}; - -const normal = (content: string) => { - dialog('normal', content); -}; - -const success = (content: string) => { - dialog('success', content); -}; - -const createMessageList = () => { - const div: any = document.createElement('div'); - div.setAttribute('id', 'lew-message'); - document.body.appendChild(div); -}; - -const dialog = (type: string, content: string) => { - if (!document.getElementById('lew-message')) { - createMessageList(); - dialog(type, content); - } else { - addMessage(type, content); - } -}; - -const addMessage = (type: string, text: string) => { - const LewMessageDom = document.getElementById('lew-message'); - const newMessage = document.createElement('div'); - - const svgArr: any = { - success: ``, - warning: ``, - error: ``, - normal: ``, - info: ``, - }; - newMessage.innerHTML = `${svgArr[type]}${text}`; - // eslint-disable-next-line @typescript-eslint/ban-ts-comment - // @ts-ignore - LewMessageDom?.appendChild(newMessage, LewMessageDom?.childNodes[0]); - - newMessage.setAttribute('class', `message message-${type}`); - setTimeout(() => { - newMessage.setAttribute( - 'class', - `message message-${type} message-show`, - ); - setTimeout(() => { - newMessage.setAttribute( - 'class', - `message message-${type} message-hidden`, - ); - setTimeout(() => { - LewMessageDom?.removeChild(newMessage); - }, 250); - }, 3000); - }, 10); -}; - -export default { warning, info, normal, success, error }; +import '../styles/index.scss'; + +const warning = (content: string) => { + dialog('warning', content); +}; + +const error = (content: string) => { + dialog('error', content); +}; + +const info = (content: string) => { + dialog('info', content); +}; + +const normal = (content: string) => { + dialog('normal', content); +}; + +const success = (content: string) => { + dialog('success', content); +}; + +const createMessageList = () => { + const div: any = document.createElement('div'); + div.setAttribute('id', 'lew-message'); + document.body.appendChild(div); +}; + +const dialog = (type: string, content: string) => { + if (!document.getElementById('lew-message')) { + createMessageList(); + dialog(type, content); + } else { + addMessage(type, content); + } +}; + +const addMessage = (type: string, text: string) => { + const LewMessageDom = document.getElementById('lew-message'); + const newMessage = document.createElement('div'); + + const svgArr: any = { + success: ``, + warning: ``, + error: ``, + normal: ``, + info: ``, + }; + newMessage.innerHTML = `${svgArr[type]}${text}`; + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-ignore + LewMessageDom?.appendChild(newMessage, LewMessageDom?.childNodes[0]); + + newMessage.setAttribute('class', `message message-${type}`); + setTimeout(() => { + newMessage.setAttribute( + 'class', + `message message-${type} message-show`, + ); + setTimeout(() => { + newMessage.setAttribute( + 'class', + `message message-${type} message-hidden`, + ); + setTimeout(() => { + LewMessageDom?.removeChild(newMessage); + }, 250); + }, 3000); + }, 10); +}; + +export default { warning, info, normal, success, error }; diff --git a/packages/components/message/styles/index.scss b/packages/components/message/styles/index.scss index ea4395f0..4314aba1 100644 --- a/packages/components/message/styles/index.scss +++ b/packages/components/message/styles/index.scss @@ -69,4 +69,4 @@ opacity: 0; margin-top: -40px; } -} \ No newline at end of file +} diff --git a/packages/components/modal/src/LewModal.vue b/packages/components/modal/src/LewModal.vue index 9a4aa483..27ff01c4 100644 --- a/packages/components/modal/src/LewModal.vue +++ b/packages/components/modal/src/LewModal.vue @@ -1,76 +1,76 @@ - - - - + + + + diff --git a/packages/components/plyr/src/LewPlyrVideo.vue b/packages/components/plyr/src/LewPlyrVideo.vue index 90f4914e..108f317e 100644 --- a/packages/components/plyr/src/LewPlyrVideo.vue +++ b/packages/components/plyr/src/LewPlyrVideo.vue @@ -1,77 +1,77 @@ - - - - - + + + + + diff --git a/packages/components/popok/src/LewPopok.vue b/packages/components/popok/src/LewPopok.vue index 47531757..679c07eb 100644 --- a/packages/components/popok/src/LewPopok.vue +++ b/packages/components/popok/src/LewPopok.vue @@ -1,178 +1,178 @@ - - - - - - + + + + + + diff --git a/packages/components/popover/src/LewPopover.vue b/packages/components/popover/src/LewPopover.vue index 7132ea78..a215deed 100644 --- a/packages/components/popover/src/LewPopover.vue +++ b/packages/components/popover/src/LewPopover.vue @@ -1,83 +1,83 @@ - - - - - - + + + + + + diff --git a/packages/components/space/src/LewSpace.vue b/packages/components/space/src/LewSpace.vue index 741bd6cf..b5214ea6 100644 --- a/packages/components/space/src/LewSpace.vue +++ b/packages/components/space/src/LewSpace.vue @@ -1,24 +1,24 @@ - - - - - + + + + + diff --git a/packages/components/textarea/src/LewTextarea.vue b/packages/components/textarea/src/LewTextarea.vue index ea098bb7..d9b04ba4 100644 --- a/packages/components/textarea/src/LewTextarea.vue +++ b/packages/components/textarea/src/LewTextarea.vue @@ -16,7 +16,9 @@ const props = defineProps({ default: false, }, }); + const v = ref(props.modelValue); + watch( () => props.modelValue, () => { @@ -25,8 +27,8 @@ watch( ); const emit = defineEmits(['update:modelValue']); -const input = (e: any) => { - let value = e.target.value; +const input = (e: Event) => { + let value = (e.target as HTMLInputElement).value; emit('update:modelValue', value); }; @@ -56,7 +58,7 @@ const input = (e: any) => { background-color: var(--lew-form-bgcolor); color: var(--lew-text-color); box-sizing: border-box; - transition: all 0.15s ease; + transition: border 0.15s ease, background-color 0.15s ease; outline: none; } .lew-textarea::placeholder { diff --git a/packages/directives/tooltip/index.ts b/packages/directives/tooltip/index.ts index 7a0ad42d..f433c5ed 100644 --- a/packages/directives/tooltip/index.ts +++ b/packages/directives/tooltip/index.ts @@ -1,48 +1,48 @@ -import tippy from 'tippy.js'; -import 'tippy.js/dist/tippy.css'; // optional for styling -import 'tippy.js/animations/shift-away-subtle.css'; -import 'tippy.js/themes/light.css'; - -let instance: any; - -export default { - install(app: any) { - app.directive('tooltip', { - mounted(el: any, binding: any) { - let trigger = binding.value.trigger; - if (trigger == 'hover') { - trigger = 'mouseenter'; - } - instance = tippy(el, { - trigger: trigger || 'mouseenter', - content: binding.value.content, - animation: 'shift-away-subtle', - interactive: true, - appendTo: () => document.body, - placement: binding.value.placement, - allowHTML: binding.value.allowHTML, - maxWidth: 250, - onShow(instance) { - const node = document.getElementsByTagName('html')[0]; - if (node.classList.contains('lew-dark')) { - instance.popper.children[0].setAttribute( - 'data-theme', - 'dark', - ); - } else { - instance.popper.children[0].setAttribute( - 'data-theme', - 'light', - ); - } - }, - }); - }, - unmounted() { - if (instance) { - instance.destroy(); - } - }, - }); - }, -}; +import tippy from 'tippy.js'; +import 'tippy.js/dist/tippy.css'; // optional for styling +import 'tippy.js/animations/shift-away-subtle.css'; +import 'tippy.js/themes/light.css'; + +let instance: any; + +export default { + install(app: any) { + app.directive('tooltip', { + mounted(el: any, binding: any) { + let trigger = binding.value.trigger; + if (trigger == 'hover') { + trigger = 'mouseenter'; + } + instance = tippy(el, { + trigger: trigger || 'mouseenter', + content: binding.value.content, + animation: 'shift-away-subtle', + interactive: true, + appendTo: () => document.body, + placement: binding.value.placement, + allowHTML: binding.value.allowHTML, + maxWidth: 250, + onShow(instance) { + const node = document.getElementsByTagName('html')[0]; + if (node.classList.contains('lew-dark')) { + instance.popper.children[0].setAttribute( + 'data-theme', + 'dark', + ); + } else { + instance.popper.children[0].setAttribute( + 'data-theme', + 'light', + ); + } + }, + }); + }, + unmounted() { + if (instance) { + instance.destroy(); + } + }, + }); + }, +}; diff --git a/packages/hooks/src/useDOMCreate.ts b/packages/hooks/src/useDOMCreate.ts index 5a26520c..5082b0fe 100644 --- a/packages/hooks/src/useDOMCreate.ts +++ b/packages/hooks/src/useDOMCreate.ts @@ -1,13 +1,13 @@ -// hooks/useDOMCreate.ts -import { onUnmounted } from 'vue'; - -function useDOMCreate(nodeId: string): void { - const node = document.createElement('div'); - node.id = nodeId; - document.body.appendChild(node); - onUnmounted(() => { - document.body.removeChild(node); - }); -} - -export default useDOMCreate; +// hooks/useDOMCreate.ts +import { onUnmounted } from 'vue'; + +function useDOMCreate(nodeId: string): void { + const node = document.createElement('div'); + node.id = nodeId; + document.body.appendChild(node); + onUnmounted(() => { + document.body.removeChild(node); + }); +} + +export default useDOMCreate; diff --git a/packages/styles/reset.scss b/packages/styles/reset.scss index 6c4b52a2..31cd9a13 100644 --- a/packages/styles/reset.scss +++ b/packages/styles/reset.scss @@ -82,14 +82,14 @@ q:before, q:after, blockquote:before, blockquote:after { - content: ""; + content: ''; } html, input, textarea { - font-family: “lucida grande”, “lucida sans unicode”, lucida, helvetica, “Hiragino Sans GB”, “Microsoft YaHei”, - “WenQuanYi Micro Hei”, sans-serif; + font-family: “lucida grande”, “lucida sans unicode”, lucida, helvetica, + “Hiragino Sans GB”, “Microsoft YaHei”, “WenQuanYi Micro Hei”, sans-serif; } a { text-decoration: none; diff --git a/prettier.config.js b/prettier.config.js index 44c59270..e7be3947 100644 --- a/prettier.config.js +++ b/prettier.config.js @@ -1,5 +1,4 @@ module.exports = { - // 一行最多 80 字符 printWidth: 80, // 使用 4 个空格缩进 tabWidth: 4, diff --git a/src/assets/style/main.scss b/src/assets/style/main.scss index 5f632956..1fa3a488 100644 --- a/src/assets/style/main.scss +++ b/src/assets/style/main.scss @@ -2,8 +2,8 @@ body { color: var(--lew-text-color-1); background-color: var(--lew-bgcolor-4); overflow: hidden; - font-family: "Helvetica Neue", "Luxi Sans", "Segoe UI", "Hiragino Sans GB", "Microsoft Yahei", sans-serif, - "Apple Logo"; + font-family: 'Helvetica Neue', 'Luxi Sans', 'Segoe UI', 'Hiragino Sans GB', + 'Microsoft Yahei', sans-serif, 'Apple Logo'; } a { diff --git a/src/docs/alert/DemoAlert.vue b/src/docs/alert/DemoAlert.vue index d4ce2199..6a75138e 100644 --- a/src/docs/alert/DemoAlert.vue +++ b/src/docs/alert/DemoAlert.vue @@ -1,61 +1,61 @@ - - - - - + + + + + diff --git a/src/docs/badge/index.ts b/src/docs/badge/index.ts index b784ebdc..0864b7de 100644 --- a/src/docs/badge/index.ts +++ b/src/docs/badge/index.ts @@ -1 +1 @@ -export { default as DemoBadge } from './DemoBadge.vue'; +export { default as DemoBadge } from './DemoBadge.vue'; diff --git a/src/docs/breadcrumb/demo/DemoBreadcrumb1.vue b/src/docs/breadcrumb/demo/DemoBreadcrumb1.vue index d86bfb0b..31e46e38 100644 --- a/src/docs/breadcrumb/demo/DemoBreadcrumb1.vue +++ b/src/docs/breadcrumb/demo/DemoBreadcrumb1.vue @@ -8,7 +8,7 @@ const options = ref([ }, { label: 'Vue', - to: 'https://vuejs.org/', + to: 'https://vuejs.org', }, { label: '商品列表', diff --git a/src/docs/breadcrumb/index.ts b/src/docs/breadcrumb/index.ts index b2acb023..884e88ed 100644 --- a/src/docs/breadcrumb/index.ts +++ b/src/docs/breadcrumb/index.ts @@ -1 +1 @@ -export { default as DemoBreadcrumb } from './DemoBreadcrumb.vue'; +export { default as DemoBreadcrumb } from './DemoBreadcrumb.vue'; diff --git a/src/docs/button/index.ts b/src/docs/button/index.ts index cde1433d..0e29919f 100644 --- a/src/docs/button/index.ts +++ b/src/docs/button/index.ts @@ -1 +1 @@ -export { default as DemoButton } from './DemoButton.vue'; +export { default as DemoButton } from './DemoButton.vue'; diff --git a/src/docs/checkbox/index.ts b/src/docs/checkbox/index.ts index 9fca891d..a2a61e86 100644 --- a/src/docs/checkbox/index.ts +++ b/src/docs/checkbox/index.ts @@ -1 +1 @@ -export { default as DemoCheckbox } from './DemoCheckbox.vue'; +export { default as DemoCheckbox } from './DemoCheckbox.vue'; diff --git a/src/docs/dialog/index.ts b/src/docs/dialog/index.ts index 7cb9afb3..7f1f22eb 100644 --- a/src/docs/dialog/index.ts +++ b/src/docs/dialog/index.ts @@ -1 +1 @@ -export { default as DemoDialog } from './DemoDialog.vue'; +export { default as DemoDialog } from './DemoDialog.vue'; diff --git a/src/docs/dropdown/index.ts b/src/docs/dropdown/index.ts index b16bd9ee..acd41e93 100644 --- a/src/docs/dropdown/index.ts +++ b/src/docs/dropdown/index.ts @@ -1 +1 @@ -export { default as DemoDropdown } from './DemoDropdown.vue'; +export { default as DemoDropdown } from './DemoDropdown.vue'; diff --git a/src/docs/fancy-image/demo/DemoFancyImage1.vue b/src/docs/fancy-image/demo/DemoFancyImage1.vue index 9ee2458c..a5b1e9b1 100644 --- a/src/docs/fancy-image/demo/DemoFancyImage1.vue +++ b/src/docs/fancy-image/demo/DemoFancyImage1.vue @@ -1,7 +1,7 @@ - + diff --git a/src/docs/fancy-image/index.ts b/src/docs/fancy-image/index.ts index f6a0795c..3dfd9f92 100644 --- a/src/docs/fancy-image/index.ts +++ b/src/docs/fancy-image/index.ts @@ -1 +1 @@ -export { default as DemoFancyImage } from './DemoFancyImage.vue'; +export { default as DemoFancyImage } from './DemoFancyImage.vue'; diff --git a/src/docs/flex/DemoFlex.vue b/src/docs/flex/DemoFlex.vue index 5d7ff3af..c830e65e 100644 --- a/src/docs/flex/DemoFlex.vue +++ b/src/docs/flex/DemoFlex.vue @@ -1,100 +1,100 @@ - - - - - + + + + + diff --git a/src/docs/flex/demo/DemoFlex1.vue b/src/docs/flex/demo/DemoFlex1.vue index 21027241..918fa6fb 100644 --- a/src/docs/flex/demo/DemoFlex1.vue +++ b/src/docs/flex/demo/DemoFlex1.vue @@ -1,84 +1,84 @@ - - - + + + diff --git a/src/docs/flex/demo/DemoFlex2.vue b/src/docs/flex/demo/DemoFlex2.vue index c2c5e981..a4cc1f00 100644 --- a/src/docs/flex/demo/DemoFlex2.vue +++ b/src/docs/flex/demo/DemoFlex2.vue @@ -1,84 +1,84 @@ - - - + + + diff --git a/src/docs/flex/demo/DemoFlex3.vue b/src/docs/flex/demo/DemoFlex3.vue index 981042be..4067eb4f 100644 --- a/src/docs/flex/demo/DemoFlex3.vue +++ b/src/docs/flex/demo/DemoFlex3.vue @@ -1,67 +1,67 @@ - - - + + + diff --git a/src/docs/flex/index.ts b/src/docs/flex/index.ts index 38a034ed..793e956a 100644 --- a/src/docs/flex/index.ts +++ b/src/docs/flex/index.ts @@ -1 +1 @@ -export { default as DemoFlex } from './DemoFlex.vue'; +export { default as DemoFlex } from './DemoFlex.vue'; diff --git a/src/docs/form/index.ts b/src/docs/form/index.ts index 01931121..9023349b 100644 --- a/src/docs/form/index.ts +++ b/src/docs/form/index.ts @@ -1 +1 @@ -export { default as DemoForm } from './DemoForm.vue'; +export { default as DemoForm } from './DemoForm.vue'; diff --git a/src/docs/index.ts b/src/docs/index.ts index 7044de91..ef89f1cc 100644 --- a/src/docs/index.ts +++ b/src/docs/index.ts @@ -1,34 +1,34 @@ -export * from './flex'; -export * from './Space'; -export * from './layout'; - -export * from './steps'; -export * from './breadcrumb'; -export * from './dropdown'; -export * from './tabs'; - -export * from './avatar'; -export * from './badge'; -export * from './tag'; -export * from './button'; -export * from './title'; - -export * from './form'; -export * from './input'; -export * from './textarea'; -export * from './checkbox'; -export * from './radio'; -export * from './select'; -export * from './switch'; - -export * from './alert'; -export * from './message'; -export * from './mark'; -export * from './tooltip'; -export * from './modal'; -export * from './popok'; -export * from './popover'; -export * from './dialog'; - -export * from './fancy-image'; -export * from './plyr-video'; +export * from './flex'; +export * from './Space'; +export * from './layout'; + +export * from './steps'; +export * from './breadcrumb'; +export * from './dropdown'; +export * from './tabs'; + +export * from './avatar'; +export * from './badge'; +export * from './tag'; +export * from './button'; +export * from './title'; + +export * from './form'; +export * from './input'; +export * from './textarea'; +export * from './checkbox'; +export * from './radio'; +export * from './select'; +export * from './switch'; + +export * from './alert'; +export * from './message'; +export * from './mark'; +export * from './tooltip'; +export * from './modal'; +export * from './popok'; +export * from './popover'; +export * from './dialog'; + +export * from './fancy-image'; +export * from './plyr-video'; diff --git a/src/docs/input/index.ts b/src/docs/input/index.ts index c562b760..9720df71 100644 --- a/src/docs/input/index.ts +++ b/src/docs/input/index.ts @@ -1 +1 @@ -export { default as DemoInput } from './DemoInput.vue'; +export { default as DemoInput } from './DemoInput.vue'; diff --git a/src/docs/layout/DemoLayout.vue b/src/docs/layout/DemoLayout.vue index 69e65bee..36ad0b4c 100644 --- a/src/docs/layout/DemoLayout.vue +++ b/src/docs/layout/DemoLayout.vue @@ -1,31 +1,31 @@ - - - - - + + + + + diff --git a/src/docs/layout/demo/DemoLayout1.vue b/src/docs/layout/demo/DemoLayout1.vue index ee00e688..60410adf 100644 --- a/src/docs/layout/demo/DemoLayout1.vue +++ b/src/docs/layout/demo/DemoLayout1.vue @@ -1,11 +1,11 @@ - - - - - + + + + + diff --git a/src/docs/layout/demo/DemoLayout2.vue b/src/docs/layout/demo/DemoLayout2.vue index 9cdb85e4..314203a1 100644 --- a/src/docs/layout/demo/DemoLayout2.vue +++ b/src/docs/layout/demo/DemoLayout2.vue @@ -1,11 +1,11 @@ - - - - - + + + + + diff --git a/src/docs/layout/demo/DemoLayout3.vue b/src/docs/layout/demo/DemoLayout3.vue index 1eb23eb0..37c1acae 100644 --- a/src/docs/layout/demo/DemoLayout3.vue +++ b/src/docs/layout/demo/DemoLayout3.vue @@ -1,11 +1,11 @@ - - - - - + + + + + diff --git a/src/docs/layout/index.ts b/src/docs/layout/index.ts index fa53fa51..54643294 100644 --- a/src/docs/layout/index.ts +++ b/src/docs/layout/index.ts @@ -1 +1 @@ -export { default as DemoLayout } from './DemoLayout.vue'; +export { default as DemoLayout } from './DemoLayout.vue'; diff --git a/src/docs/mark/index.ts b/src/docs/mark/index.ts index 5d2b99b1..cc859323 100644 --- a/src/docs/mark/index.ts +++ b/src/docs/mark/index.ts @@ -1 +1 @@ -export { default as DemoMark } from './DemoMark.vue'; +export { default as DemoMark } from './DemoMark.vue'; diff --git a/src/docs/message/index.ts b/src/docs/message/index.ts index 12302360..2337fc44 100644 --- a/src/docs/message/index.ts +++ b/src/docs/message/index.ts @@ -1 +1 @@ -export { default as DemoMessage } from './DemoMessage.vue'; +export { default as DemoMessage } from './DemoMessage.vue'; diff --git a/src/docs/modal/index.ts b/src/docs/modal/index.ts index c50d47cc..75f01797 100644 --- a/src/docs/modal/index.ts +++ b/src/docs/modal/index.ts @@ -1 +1 @@ -export { default as DemoModal } from './DemoModal.vue'; +export { default as DemoModal } from './DemoModal.vue'; diff --git a/src/docs/plyr-video/demo/DemoPlyrVideo1.vue b/src/docs/plyr-video/demo/DemoPlyrVideo1.vue index 4e425731..33768ca4 100644 --- a/src/docs/plyr-video/demo/DemoPlyrVideo1.vue +++ b/src/docs/plyr-video/demo/DemoPlyrVideo1.vue @@ -1,3 +1,3 @@ - + diff --git a/src/docs/plyr-video/index.ts b/src/docs/plyr-video/index.ts index f143c865..19db7d46 100644 --- a/src/docs/plyr-video/index.ts +++ b/src/docs/plyr-video/index.ts @@ -1 +1 @@ -export { default as DemoPlyrVideo } from './DemoPlyrVideo.vue'; +export { default as DemoPlyrVideo } from './DemoPlyrVideo.vue'; diff --git a/src/docs/popok/index.ts b/src/docs/popok/index.ts index 7c8c8fe8..2db9891c 100644 --- a/src/docs/popok/index.ts +++ b/src/docs/popok/index.ts @@ -1 +1 @@ -export { default as DemoPopok } from './DemoPopok.vue'; +export { default as DemoPopok } from './DemoPopok.vue'; diff --git a/src/docs/popover/index.ts b/src/docs/popover/index.ts index fed9818d..a1ea1d56 100644 --- a/src/docs/popover/index.ts +++ b/src/docs/popover/index.ts @@ -1 +1 @@ -export { default as DemoPopover } from './DemoPopover.vue'; +export { default as DemoPopover } from './DemoPopover.vue'; diff --git a/src/docs/radio/index.ts b/src/docs/radio/index.ts index 8aadc92d..3d16145d 100644 --- a/src/docs/radio/index.ts +++ b/src/docs/radio/index.ts @@ -1 +1 @@ -export { default as DemoRadio } from './DemoRadio.vue'; +export { default as DemoRadio } from './DemoRadio.vue'; diff --git a/src/docs/select/index.ts b/src/docs/select/index.ts index 3e06a297..a37683b3 100644 --- a/src/docs/select/index.ts +++ b/src/docs/select/index.ts @@ -1 +1 @@ -export { default as DemoSelect } from './DemoSelect.vue'; +export { default as DemoSelect } from './DemoSelect.vue'; diff --git a/src/docs/space/DemoSpace.vue b/src/docs/space/DemoSpace.vue index 7f4ff224..74af7989 100644 --- a/src/docs/space/DemoSpace.vue +++ b/src/docs/space/DemoSpace.vue @@ -1,31 +1,31 @@ - - - - - + + + + + diff --git a/src/docs/space/demo/DemoSpace1.vue b/src/docs/space/demo/DemoSpace1.vue index 74a96284..803b3ef1 100644 --- a/src/docs/space/demo/DemoSpace1.vue +++ b/src/docs/space/demo/DemoSpace1.vue @@ -1,18 +1,18 @@ - + diff --git a/src/docs/space/demo/DemoSpace2.vue b/src/docs/space/demo/DemoSpace2.vue index 691d5159..19dd1fb5 100644 --- a/src/docs/space/demo/DemoSpace2.vue +++ b/src/docs/space/demo/DemoSpace2.vue @@ -1,10 +1,10 @@ - + diff --git a/src/docs/space/demo/DemoSpace3.vue b/src/docs/space/demo/DemoSpace3.vue index b1ace165..1f287bc9 100644 --- a/src/docs/space/demo/DemoSpace3.vue +++ b/src/docs/space/demo/DemoSpace3.vue @@ -1,10 +1,10 @@ - + diff --git a/src/docs/space/index.ts b/src/docs/space/index.ts index 4e85f4d4..671e5391 100644 --- a/src/docs/space/index.ts +++ b/src/docs/space/index.ts @@ -1 +1 @@ -export { default as DemoSpace } from './DemoSpace.vue'; +export { default as DemoSpace } from './DemoSpace.vue'; diff --git a/src/docs/steps/index.ts b/src/docs/steps/index.ts index cb5e3af4..1936b9f0 100644 --- a/src/docs/steps/index.ts +++ b/src/docs/steps/index.ts @@ -1 +1 @@ -export { default as DemoSteps } from './DemoSteps.vue'; +export { default as DemoSteps } from './DemoSteps.vue'; diff --git a/src/docs/switch/index.ts b/src/docs/switch/index.ts index b73737d6..e5c98829 100644 --- a/src/docs/switch/index.ts +++ b/src/docs/switch/index.ts @@ -1 +1 @@ -export { default as DemoSwitch } from './DemoSwitch.vue'; +export { default as DemoSwitch } from './DemoSwitch.vue'; diff --git a/src/docs/tabs/index.ts b/src/docs/tabs/index.ts index 69a24d44..d8012371 100644 --- a/src/docs/tabs/index.ts +++ b/src/docs/tabs/index.ts @@ -1 +1 @@ -export { default as DemoTabs } from './DemoTabs.vue'; +export { default as DemoTabs } from './DemoTabs.vue'; diff --git a/src/docs/tag/index.ts b/src/docs/tag/index.ts index 0882d71c..4b268e9f 100644 --- a/src/docs/tag/index.ts +++ b/src/docs/tag/index.ts @@ -1 +1 @@ -export { default as DemoTag } from './DemoTag.vue'; +export { default as DemoTag } from './DemoTag.vue'; diff --git a/src/docs/textarea/index.ts b/src/docs/textarea/index.ts index f5827abb..aff1e159 100644 --- a/src/docs/textarea/index.ts +++ b/src/docs/textarea/index.ts @@ -1 +1 @@ -export { default as DemoTextarea } from './DemoTextarea.vue'; +export { default as DemoTextarea } from './DemoTextarea.vue'; diff --git a/src/docs/title/DemoTitle.vue b/src/docs/title/DemoTitle.vue index b03fc5a3..e6607269 100644 --- a/src/docs/title/DemoTitle.vue +++ b/src/docs/title/DemoTitle.vue @@ -1,55 +1,55 @@ - - + + diff --git a/src/docs/title/demo/DemoTitle1.vue b/src/docs/title/demo/DemoTitle1.vue index 0bd61ee8..ddb0b6fe 100644 --- a/src/docs/title/demo/DemoTitle1.vue +++ b/src/docs/title/demo/DemoTitle1.vue @@ -1,7 +1,7 @@ - + diff --git a/src/docs/title/demo/DemoTitle2.vue b/src/docs/title/demo/DemoTitle2.vue index 7b9d03dc..9fce6f79 100644 --- a/src/docs/title/demo/DemoTitle2.vue +++ b/src/docs/title/demo/DemoTitle2.vue @@ -1,7 +1,7 @@ - + diff --git a/src/docs/title/index.ts b/src/docs/title/index.ts index 88f0ccee..a6af2e9f 100644 --- a/src/docs/title/index.ts +++ b/src/docs/title/index.ts @@ -1 +1 @@ -export { default as DemoTitle } from './DemoTitle.vue'; +export { default as DemoTitle } from './DemoTitle.vue'; diff --git a/vscode.setting.json b/vscode.setting.json index 4dd34a2e..016c0c23 100644 --- a/vscode.setting.json +++ b/vscode.setting.json @@ -1,26 +1,26 @@ -{ - "[vue]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "[json]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - - "editor.rulers": [], - "[jsonc]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "eslint.nodePath": "", - "[javascript]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "eslint.nodeEnv": "", - "explorer.confirmDelete": false, - "workbench.iconTheme": "vscode-icons", - "[typescript]": { - "editor.defaultFormatter": "esbenp.prettier-vscode" - }, - "settingsSync.ignoredSettings": [], - "git.enableSmartCommit": true, - "editor.codeActionsOnSave": {} -} +{ + "[vue]": { + "editor.defaultFormatter": "esbenp.prettier-vscode" + }, + "[json]": { + "editor.defaultFormatter": "esbenp.prettier-vscode" + }, + + "editor.rulers": [], + "[jsonc]": { + "editor.defaultFormatter": "esbenp.prettier-vscode" + }, + "eslint.nodePath": "", + "[javascript]": { + "editor.defaultFormatter": "esbenp.prettier-vscode" + }, + "eslint.nodeEnv": "", + "explorer.confirmDelete": false, + "workbench.iconTheme": "vscode-icons", + "[typescript]": { + "editor.defaultFormatter": "esbenp.prettier-vscode" + }, + "settingsSync.ignoredSettings": [], + "git.enableSmartCommit": true, + "editor.codeActionsOnSave": {} +}