From 556b8d55946aaef25294ae710b3f04ccc197cb38 Mon Sep 17 00:00:00 2001 From: Sagi Date: Fri, 30 Sep 2022 09:28:03 +0800 Subject: [PATCH 01/13] feature: implement tabs props --- .../ui-vue/components/tabs/src/tabs.props.ts | 24 +++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/packages/ui-vue/components/tabs/src/tabs.props.ts b/packages/ui-vue/components/tabs/src/tabs.props.ts index e69de29bb2d..2830d5080d6 100644 --- a/packages/ui-vue/components/tabs/src/tabs.props.ts +++ b/packages/ui-vue/components/tabs/src/tabs.props.ts @@ -0,0 +1,24 @@ +import { ExtractPropTypes, PropType } from 'vue'; + +export type TabType = 'fill' | 'pills' | 'default'; +export type TabPosition = 'left' | 'right' | 'top' | 'bottom'; + +export const tabsProps = { + tabTab: { type: String as PropType, default: 'default' }, + autoTitleWidth: { type: Boolean, default: false }, + titleLength: { type: Number, default: 7 }, + position: { type: String as PropType, default: 'top' }, + showDropDwon: { type: Boolean, default: false }, + showTooltips: { type: Boolean, default: false }, + scrollStep: { type: Number, default: 1 }, + autoResize: { type: Boolean, default: false }, + closeable: { type: Boolean, default: false }, + selectedTab: { type: String, default: '' }, + width: { type: Number }, + height: { type: Number }, + searchBoxVisible: { type: Boolean, default: true }, + titleWidth: { type: Number, default: 0 }, + customClass: { type: String, default: '' }, +}; + +export type TabsProps = ExtractPropTypes; -- Gitee From 1aea7f3057803390f9964682b79bfc92e6f6c669 Mon Sep 17 00:00:00 2001 From: Sagi Date: Fri, 30 Sep 2022 14:05:39 +0800 Subject: [PATCH 02/13] feature: implement tabs render template --- commitlint.config.js | 210 +++++++++--------- .../components/tabs/src/tabs.component.html | 97 ++++++++ .../components/tabs/src/tabs.component.tsx | 131 +++++++++++ 3 files changed, 334 insertions(+), 104 deletions(-) create mode 100644 packages/ui-vue/components/tabs/src/tabs.component.html diff --git a/commitlint.config.js b/commitlint.config.js index b2388de1e27..f810e4704b1 100644 --- a/commitlint.config.js +++ b/commitlint.config.js @@ -1,110 +1,112 @@ const types = ['config', 'feature', 'fix', 'docs', 'style', 'refactor', 'performance', 'test', 'build', 'release', 'chore', 'revert']; module.exports = { - parserPreset: { parserOpts: { headerPattern: /^(\w*)(?:\((.*)\))?!?: (.*)$/ } }, - extends: ['@commitlint/config-conventional'], - rules: { - 'type-empty': [2, 'never'], - 'type-enum': [2, 'always', types], - 'scope-case': [0, 'always'], - 'subject-empty': [2, 'never'], - 'subject-case': [0, 'never'], - 'header-max-length': [2, 'always', 88], - }, - prompt: { - questions: { - type: { - description: "Select the type of change that you're committing", - enum: { - config: { - description: 'Changes that affect the tools, such as eslint, npm, vscode.', - title: 'Config', - emoji: '🛠', - }, - feature: { - description: 'A new feature', - title: 'Features', - emoji: '✨', - }, - fix: { - description: 'A bug fix', - title: 'Bug Fixes', - emoji: '🐛', - }, - docs: { - description: 'Documentation only changes', - title: 'Documentation', - emoji: '📚', - }, - style: { - description: 'Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)', - title: 'Styles', - emoji: '💎', - }, - refactor: { - description: 'A code change that neither fixes a bug nor adds a feature', - title: 'Code Refactoring', - emoji: '📦', - }, - performance: { - description: 'A code change that improves performance', - title: 'Performance Improvements', - emoji: '🚀', - }, - test: { - description: 'Adding missing tests or correcting existing tests', - title: 'Tests', - emoji: '🚨', - }, - build: { - description: 'Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)', - title: 'Builds', - emoji: '🛠', - }, - ci: { - description: 'Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)', - title: 'Continuous Integrations', - emoji: '⚙️', - }, - chore: { - description: "Other changes that don't modify src or test files", - title: 'Chores', - emoji: '♻️', - }, - revert: { - description: 'Reverts a previous commit', - title: 'Reverts', - emoji: '🗑', - }, + parserPreset: { parserOpts: { headerPattern: /^(\w*)(?:\((.*)\))?!?: (.*)$/ } }, + extends: ['@commitlint/config-conventional'], + rules: { + 'type-empty': [2, 'never'], + 'type-enum': [2, 'always', types], + 'scope-case': [0, 'always'], + 'subject-empty': [2, 'never'], + 'subject-case': [0, 'never'], + 'header-max-length': [2, 'always', 88], + }, + prompt: { + questions: { + type: { + description: "Select the type of change that you're committing", + enum: { + config: { + description: 'Changes that affect the tools, such as eslint, npm, vscode.', + title: 'Config', + emoji: '🛠', + }, + feature: { + description: 'A new feature', + title: 'Features', + emoji: '✨', + }, + fix: { + description: 'A bug fix', + title: 'Bug Fixes', + emoji: '🐛', + }, + docs: { + description: 'Documentation only changes', + title: 'Documentation', + emoji: '📚', + }, + style: { + description: + 'Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)', + title: 'Styles', + emoji: '💎', + }, + refactor: { + description: 'A code change that neither fixes a bug nor adds a feature', + title: 'Code Refactoring', + emoji: '📦', + }, + performance: { + description: 'A code change that improves performance', + title: 'Performance Improvements', + emoji: '🚀', + }, + test: { + description: 'Adding missing tests or correcting existing tests', + title: 'Tests', + emoji: '🚨', + }, + build: { + description: 'Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)', + title: 'Builds', + emoji: '🛠', + }, + ci: { + description: + 'Changes to our CI configuration files and scripts (example scopes: Travis, Circle, BrowserStack, SauceLabs)', + title: 'Continuous Integrations', + emoji: '⚙️', + }, + chore: { + description: "Other changes that don't modify src or test files", + title: 'Chores', + emoji: '♻️', + }, + revert: { + description: 'Reverts a previous commit', + title: 'Reverts', + emoji: '🗑', + }, + }, + }, + scope: { + description: 'What is the scope of this change (e.g. component or file name)', + }, + subject: { + description: 'Write a short, imperative tense description of the change', + }, + body: { + description: 'Provide a longer description of the change', + }, + isBreaking: { + description: 'Are there any breaking changes?', + }, + breakingBody: { + description: 'A BREAKING CHANGE commit requires a body. Please enter a longer description of the commit itself', + }, + breaking: { + description: 'Describe the breaking changes', + }, + isIssueAffected: { + description: 'Does this change affect any open issues?', + }, + issuesBody: { + description: 'If issues are closed, the commit requires a body. Please enter a longer description of the commit itself', + }, + issues: { + description: 'Add issue references (e.g. "fix #123", "re #123".)', + }, }, - }, - scope: { - description: 'What is the scope of this change (e.g. component or file name)', - }, - subject: { - description: 'Write a short, imperative tense description of the change', - }, - body: { - description: 'Provide a longer description of the change', - }, - isBreaking: { - description: 'Are there any breaking changes?', - }, - breakingBody: { - description: 'A BREAKING CHANGE commit requires a body. Please enter a longer description of the commit itself', - }, - breaking: { - description: 'Describe the breaking changes', - }, - isIssueAffected: { - description: 'Does this change affect any open issues?', - }, - issuesBody: { - description: 'If issues are closed, the commit requires a body. Please enter a longer description of the commit itself', - }, - issues: { - description: 'Add issue references (e.g. "fix #123", "re #123".)', - }, }, - } }; diff --git a/packages/ui-vue/components/tabs/src/tabs.component.html b/packages/ui-vue/components/tabs/src/tabs.component.html new file mode 100644 index 00000000000..7cc230032d1 --- /dev/null +++ b/packages/ui-vue/components/tabs/src/tabs.component.html @@ -0,0 +1,97 @@ +
+
+ +
+ +
+
+ + +
+
+ + +
+ +
+
+
+
+
+ + + +
+
+ +
    + +
  • + +
    • +     +
+
+
+ +
+
+
+ + + +
+
+ \ No newline at end of file diff --git a/packages/ui-vue/components/tabs/src/tabs.component.tsx b/packages/ui-vue/components/tabs/src/tabs.component.tsx index e69de29bb2d..49211be324d 100644 --- a/packages/ui-vue/components/tabs/src/tabs.component.tsx +++ b/packages/ui-vue/components/tabs/src/tabs.component.tsx @@ -0,0 +1,131 @@ +import { computed, defineComponent, ref, SetupContext } from 'vue'; +import { TabsProps, tabsProps } from './tabs.props'; + +export default defineComponent({ + name: 'FTabs', + props: tabsProps, + emits: [], + setup(props: TabsProps, context: SetupContext) { + const hideButtons = ref(false); + + const hideDropDown = ref(false); + + const hasInHeadClass = computed(() => { + return false; + }); + + const fill = ref(''); + + const tabType = ref(''); + + const position = ref(props.position); + + const tabs = ref([]); + + const shouldShowNavFill = computed(() => { + fill.value || tabType.value === 'fill'; + }); + + const shouldShowNavPills = computed(() => {}); + + const tabsHeaderClass = computed(() => ({ + 'farris-tabs-header': true, + 'farris-tabs-inHead': hasInHeadClass.value, + 'farris-tabs-inContent': !hasInHeadClass.value, + 'farris-tabs-nav-fill': shouldShowNavFill.value, + 'farris-tabs-nav-pills': shouldShowNavPills.value, + })); + + const tabsTitleStyle = computed(() => ({ + width: hasInHeadClass.value ? (props.titleWidth ? `${props.titleWidth}%` : '') : '', + })); + + const tabsTitleButtonClass = computed(() => ({ + btn: true, + 'sc-nav-btn': true, + 'px-1': true, + 'sc-nav-lr': true, + 'd-none': hideButtons.value, + })); + + const tabParentClass = computed(() => ({ + spacer: true, + 'f-utils-fill': true, + 'spacer-sides': !hideButtons.value && hideDropDown.value, + 'spacer-sides-dropdown': !hideButtons.value && !hideDropDown.value, + })); + + const tabContainerClass = computed(() => ({ + nav: true, + 'farris-nav-tabs': true, + 'flex-nowrap': true, + 'nav-fill': fill.value || tabType.value === 'fill', + 'nav-pills': tabType.value === 'pills', + 'flex-row': position.value === 'top' || position.value === 'bottom', + 'flex-column': position.value === 'left' || position.value === 'right', + })); + + function getTabClass(tab: any) { + return { + 'nav-item': true, + 'd-none': !tab.show, + 'f-state-active': tab.id === activeId, + 'f-state-disable': tab.disabled, + }; + } + + function getTabStyle(tab: any) { + return { width: `${tab.tabWidth}px` }; + } + + function getTabNavLinkClass(tab: any) { + return { + 'nav-link': true, + 'tabs-text-truncate': true, + active: tab.id === activeId, + disabled: tab.disabled, + }; + } + + function selectTabByIndex($event: Event, targetTabId: string) {} + + function getTabTextClass(tab: any) { + return { + 'st-tab-text': true, + 'farris-title-auto': props.autoTitleWidth, + 'farris-title-text-custom': tab.titleOverflow, + }; + } + + return () => { + return ( + <> +
+
+ +
+ +
+
+
+ {context.slots.default && context.slots.default()} + + ); + }; + }, +}); -- Gitee From c44ddb6159d2d6e975e1b76ca87e0a5266e43cd2 Mon Sep 17 00:00:00 2001 From: Sagi Date: Fri, 30 Sep 2022 14:08:10 +0800 Subject: [PATCH 03/13] feature: add tab page component --- .../src/components/tab-page.component.tsx | 0 .../tabs/src/components/tab-page.props.ts | 0 .../components/tabs/src/tabs.component.html | 97 ------------------- 3 files changed, 97 deletions(-) create mode 100644 packages/ui-vue/components/tabs/src/components/tab-page.component.tsx create mode 100644 packages/ui-vue/components/tabs/src/components/tab-page.props.ts delete mode 100644 packages/ui-vue/components/tabs/src/tabs.component.html diff --git a/packages/ui-vue/components/tabs/src/components/tab-page.component.tsx b/packages/ui-vue/components/tabs/src/components/tab-page.component.tsx new file mode 100644 index 00000000000..e69de29bb2d diff --git a/packages/ui-vue/components/tabs/src/components/tab-page.props.ts b/packages/ui-vue/components/tabs/src/components/tab-page.props.ts new file mode 100644 index 00000000000..e69de29bb2d diff --git a/packages/ui-vue/components/tabs/src/tabs.component.html b/packages/ui-vue/components/tabs/src/tabs.component.html deleted file mode 100644 index 7cc230032d1..00000000000 --- a/packages/ui-vue/components/tabs/src/tabs.component.html +++ /dev/null @@ -1,97 +0,0 @@ -
-
- -
- -
-
- - -
-
- - -
- -
-
-
-
-
- - - -
-
- -
    - -
  • - -
    • -     -
-
-
- -
-
-
- - - -
-
- \ No newline at end of file -- Gitee From ba863b2c91a60240c2f9f137708a4847f96e53e1 Mon Sep 17 00:00:00 2001 From: Sagi Date: Fri, 30 Sep 2022 14:23:50 +0800 Subject: [PATCH 04/13] feature: implement tab page props and remove trailing comma --- .prettierrc | 2 +- .../tabs/src/components/tab-page.props.ts | 13 +++++++++++++ 2 files changed, 14 insertions(+), 1 deletion(-) diff --git a/.prettierrc b/.prettierrc index 093c8536ed2..b387dad3396 100644 --- a/.prettierrc +++ b/.prettierrc @@ -5,7 +5,7 @@ "printWidth": 140, "semi": true, "useTabs": false, - "trailingComma": "es5", + "trailingComma": "none", "singleQuote": true, "tabWidth": 4, "endOfLine": "auto", diff --git a/packages/ui-vue/components/tabs/src/components/tab-page.props.ts b/packages/ui-vue/components/tabs/src/components/tab-page.props.ts index e69de29bb2d..5d62783060f 100644 --- a/packages/ui-vue/components/tabs/src/components/tab-page.props.ts +++ b/packages/ui-vue/components/tabs/src/components/tab-page.props.ts @@ -0,0 +1,13 @@ +import { ExtractPropTypes } from 'vue'; + +export const tabPageProps = { + tabWidth: { type: Number, default: -1 }, + id: { type: String, default: '' }, + customTitleClass: { type: String, default: '' }, + titleOverflow: { type: Boolean, default: false }, + title: { type: String, default: '' }, + selected: { type: Boolean, default: false }, + disabled: { type: Boolean, default: false }, + removeable: { type: Boolean, default: false } +}; +export type TabPageProps = ExtractPropTypes; -- Gitee From 5b8165bb387bf1aac81825b39a5f4ecdd300724e Mon Sep 17 00:00:00 2001 From: Sagi Date: Fri, 30 Sep 2022 15:02:45 +0800 Subject: [PATCH 05/13] chore: config install according component --- packages/ui-vue/components/according/index.ts | 13 ++++++ .../ui-vue/components/button-edit/index.ts | 6 +-- .../src/components/tab-page.component.tsx | 13 ++++++ packages/ui-vue/package.json | 2 +- .../ui-vue/src/components/hello-world.vue | 44 +++++++++---------- 5 files changed, 51 insertions(+), 27 deletions(-) diff --git a/packages/ui-vue/components/according/index.ts b/packages/ui-vue/components/according/index.ts index e69de29bb2d..a7099a8dc5a 100644 --- a/packages/ui-vue/components/according/index.ts +++ b/packages/ui-vue/components/according/index.ts @@ -0,0 +1,13 @@ +import type { App } from 'vue'; +import According from './src/according.component'; +import AccordingItem from './src/components/according-item.component'; + +export * from './src/according.props'; +export * from './src/components/according-item.props'; + +export default { + install(app: App): void { + app.component(According.name, According); + app.component(AccordingItem.name, AccordingItem); + } +}; diff --git a/packages/ui-vue/components/button-edit/index.ts b/packages/ui-vue/components/button-edit/index.ts index 2fe97129b41..c665405466e 100644 --- a/packages/ui-vue/components/button-edit/index.ts +++ b/packages/ui-vue/components/button-edit/index.ts @@ -6,7 +6,7 @@ export * from './src/button-edit.props'; export { ButtonEdit }; export default { - install(app: App): void { - app.component(ButtonEdit.name, ButtonEdit); - }, + install(app: App): void { + app.component(ButtonEdit.name, ButtonEdit); + } }; diff --git a/packages/ui-vue/components/tabs/src/components/tab-page.component.tsx b/packages/ui-vue/components/tabs/src/components/tab-page.component.tsx index e69de29bb2d..10a7f95d583 100644 --- a/packages/ui-vue/components/tabs/src/components/tab-page.component.tsx +++ b/packages/ui-vue/components/tabs/src/components/tab-page.component.tsx @@ -0,0 +1,13 @@ +import { defineComponent, SetupContext } from 'vue'; +import { TabPageProps, tabPageProps } from './tab-page.props'; + +export default defineComponent({ + name: 'FTabPage', + props: tabPageProps, + emits: [], + setup(props: TabPageProps, context: SetupContext) { + return () => { + return context.slots.default && context.slots.default(); + }; + } +}); diff --git a/packages/ui-vue/package.json b/packages/ui-vue/package.json index a53c30b9710..6995797ef28 100644 --- a/packages/ui-vue/package.json +++ b/packages/ui-vue/package.json @@ -1,7 +1,7 @@ { "name": "@farris/ui-vue", "private": true, - "version": "0.0.0", + "version": "0.0.1", "scripts": { "dev": "vite", "build": "vue-tsc --noEmit && vite build", diff --git a/packages/ui-vue/src/components/hello-world.vue b/packages/ui-vue/src/components/hello-world.vue index 5230910336b..3ec527ec6c4 100644 --- a/packages/ui-vue/src/components/hello-world.vue +++ b/packages/ui-vue/src/components/hello-world.vue @@ -1,38 +1,36 @@ -- Gitee From 1a831cf5aa768c61c3fc79ad9e3ae83a9637cd11 Mon Sep 17 00:00:00 2001 From: Sagi Date: Fri, 30 Sep 2022 15:05:29 +0800 Subject: [PATCH 06/13] chore: export according component and install avatar component --- packages/ui-vue/components/according/index.ts | 2 + packages/ui-vue/components/avatar/index.ts | 12 + .../components/avatar/src/avatar.component.ts | 308 ------------------ 3 files changed, 14 insertions(+), 308 deletions(-) delete mode 100644 packages/ui-vue/components/avatar/src/avatar.component.ts diff --git a/packages/ui-vue/components/according/index.ts b/packages/ui-vue/components/according/index.ts index a7099a8dc5a..2f855cba208 100644 --- a/packages/ui-vue/components/according/index.ts +++ b/packages/ui-vue/components/according/index.ts @@ -5,6 +5,8 @@ import AccordingItem from './src/components/according-item.component'; export * from './src/according.props'; export * from './src/components/according-item.props'; +export { According, AccordingItem }; + export default { install(app: App): void { app.component(According.name, According); diff --git a/packages/ui-vue/components/avatar/index.ts b/packages/ui-vue/components/avatar/index.ts index e69de29bb2d..7b6019b1559 100644 --- a/packages/ui-vue/components/avatar/index.ts +++ b/packages/ui-vue/components/avatar/index.ts @@ -0,0 +1,12 @@ +import type { App } from 'vue'; +import Avatar from './src/avatar.component'; + +export * from './src/avatar.props'; + +export { Avatar }; + +export default { + install(app: App): void { + app.component(Avatar.name, Avatar); + } +}; diff --git a/packages/ui-vue/components/avatar/src/avatar.component.ts b/packages/ui-vue/components/avatar/src/avatar.component.ts deleted file mode 100644 index 2bc6655fa36..00000000000 --- a/packages/ui-vue/components/avatar/src/avatar.component.ts +++ /dev/null @@ -1,308 +0,0 @@ -import { Component, OnInit, ViewChildren, ElementRef, Input, Output, EventEmitter, HostListener, ViewChild, forwardRef } from '@angular/core'; -import { Observable, Subject } from 'rxjs'; -import { NotifyService } from '@farris/ui-notify'; -import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms'; -import { LocaleService } from '@farris/ui-locale'; - -export interface upImageFile { - size: number; - name: string; - type: string; - lastModified?: string; - lastModifiedDate?: Date; - state?: string; - base64?: string; -} - -@Component({ - selector: 'farris-avatar', - templateUrl: './avatar.component.html', - styleUrls: ['./avatar.component.scss'], - providers: [ - { - provide: NG_VALUE_ACCESSOR, - useExisting: forwardRef(() => AvatarComponent), - multi: true - } - ] -}) -export class AvatarComponent implements ControlValueAccessor, OnInit { - private defaultImgSrc = 'data:image/jpeg;base64,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' - private errorImgSrc = 'data:image/jpeg;base64,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'; - public imgSrc; - // public fileBinary: string; - @ViewChild('file') file: ElementRef; - // @Input() cover = ''; - tReadOnly: boolean = false; - @Input() - set readonly(value: boolean) { - if (value !== this.tReadOnly) { - let localeTitle = this.localeService.getValue('avatar.imgtitle'); - this.imgtitle = value ? '' : (this.imgTitle ? this.imgTitle : localeTitle); - this.tReadOnly = value; - } - - }; - get readonly(): boolean { - return this.tReadOnly; - } - // @Input() type; - @Input() size: number = 1; - @Input() imgTitle: string; - @Input() avatarWidth: number = 100; - @Input() avatarHeight: number = 100; - @Input() imgShape: string = 'circle'; - imgtitle: string = '点击修改'; - // @Input() isBase64:boolean = true; - @Output('imgChange') imgChange = new EventEmitter(); - - _type; - @Input() - set type(val) { - if (val && val.length) { - let types = val; - if (typeof val === 'string') { - types = val.split(','); - } - if (types && types.length) { - this.currentImgType = []; - types.forEach(t => { - if ((typeof t == 'string') && t.constructor == String) { - let tImgtype = 'image/' + t; - if (t === 'jpg') { - let jpgType = 'image/jpeg'; - this.currentImgType.push(jpgType); - } - this.currentImgType.push(tImgtype); - } - }); - if (this.currentImgType.length > 0) { - this.imgType = this.currentImgType.join(',') - } - } - } - } - get type() { - return this._type; - } - _cover; - @Input() - set cover(val) { - if (val) { - this._cover = val; - this.imgsrcInit(this.cover); - } - else { - this.imgSrc = this.defaultImgSrc; - } - } - get cover() { - return this._cover; - } - - private onChangeCallback: Function = () => { } - private onTouchedCallback: Function = () => { } - //是否加载中 - loadingImg: boolean; - imgType = 'image/*'; - imgFileObj: upImageFile; - currentImgType = ['image/image', 'image/webp', 'image/png', 'image/svg', 'image/gif', 'image/jpg', 'image/jpeg', 'image/bmp']; - constructor(private notifyService: NotifyService, public localeService: LocaleService) { - this.notifyService.config.position = 'top-center'; - } - - ngOnInit() { - // if(this.cover){ - // this.imgsrcInit(this.cover); - // } - // else{ - // this.imgSrc = this.defaultImgSrc; - // } - if (this.readonly) { - this.imgtitle = ''; - } - else if (this.imgTitle) { - this.imgtitle = this.imgTitle; - } - else { - this.imgtitle = this.localeService.getValue('avatar.imgtitle'); - } - } - /*判断cover数据格式，做出修改赋值给imgSrc - */ - imgsrcInit(val) { - let isImg = this.isSrc(val); - if (isImg) { - this.imgSrc = val; - } - else { - let isFullBase64 = this.isBaseSrc(val); - if (isFullBase64) { - this.imgSrc = val - } - else { - this.imgSrc = this.addBase64(val); - } - } - } - - @HostListener('click') - onClick(): void { - if (this.readonly) { - return; - } - (this.file.nativeElement as HTMLInputElement).click(); - } - - getfiledata(event) { - if (this.readonly) { - return; - } - const filetarget = event.target as HTMLInputElement; - let getfile = filetarget.files; - if (!getfile[0]) { - return; - } - let fileType = getfile[0].type; - const isLtSize = getfile[0].size / 1024 / 1024 < this.size; - if (this.currentImgType.indexOf(fileType) < 0) { - let typeerrorText = this.localeService.getValue('avatar.typeError'); - this.notifyService.error({ - type: 'error', - title: '', - msg: typeerrorText - }); - filetarget.value = ''; - // this.notifyService.error('上传图片类型不正确'); - return; - } - - if (!isLtSize) { - let sizeerrorText = this.localeService.getValue('avatar.sizeError'); - let errormes: string = sizeerrorText + this.size + "M!"; - this.notifyService.error({ - type: 'error', - title: '', - msg: errormes - }); - filetarget.value = ''; - // this.notifyService.error(`上传图片不能大于${this.size}M!`); - return; - } - this.transformFile(getfile[0]); - filetarget.value = ''; - } - - public getImgFileObj() { - return this.imgFileObj; - } - - transformFile(getfile: any) { - // const subject = new Subject(); - this.imgFileObj = { - size: getfile.size, - name: getfile.name, - type: getfile.type, - lastModified: getfile.lastModified, - lastModifiedDate: getfile.lastModifiedDate - } - this.do(getfile).subscribe(res => { - this.loadingImg = false; - if (res['state'] === 'done') { - this.imgSrc = res['result']; - - //this.onChangeCallback(this.imgSrc); - this.onChangeCallback(this.removeBase64(this.imgSrc)); - this.onTouchedCallback(); - } - else if (res['state'] === 'error') { - let uploaderrorText = this.localeService.getValue('avatar.uploadError'); - this.notifyService.error({ - type: 'error', - title: '', - msg: uploaderrorText - }) - // this.notifyService.error('图片上传失败，请重试!'); - } - this.imgFileObj.state = res['state']; - this.imgFileObj.base64 = res['result']; - this.imgChange.emit(this.imgFileObj); - }); - } - - read(file: File): Observable { - return Observable.create(observer => { - const reader = new FileReader(); - reader.readAsDataURL(file); - //this.loadingImg = true; - // reader.onloadstart=function(){} - reader.onload = () => { - //console.log(reader.result); - observer.next({ state: 'done', 'result': reader.result }); - observer.complete(); - }; - reader.onerror = function () { - observer.next({ state: 'error', 'result': reader.result }); - observer.complete(); - } - }); - } - do(file: any): Observable { - return this.read(file as File); - } - - writeValue(val: any): void { - if (val && val.length) { - // if(this.isBase64){ - // this.imgSrc = this.addBase64(val); - // } - // else{ - // this.imgSrc = val; - // } - this.imgsrcInit(val); - } - else if (this.cover) { - this.imgsrcInit(this.cover); - } - else { - this.imgSrc = this.defaultImgSrc; - } - } - registerOnChange(fn: any): void { - this.onChangeCallback = fn; - } - registerOnTouched(fn: any): void { - this.onTouchedCallback = fn; - } - // setDisabledState?(isDisabled: boolean): void { - // this.disabled = isDisabled; - // } - - addBase64(val) { - if (!val) return; - return 'data:image/jpeg;base64,' + val; - } - - removeBase64(val) { - if (!val) return; - let img_arr = val.split(','); - if (img_arr.length) { - return img_arr[1]; - } - - } - //判断是否是图片路径 - isSrc(url) { - return (url.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/) != null) - } - //判断是否是完成base64 - isBaseSrc(url) { - return (url.indexOf('data:image/') > -1 ? true : false) - } - - errorSrc() { - this.imgSrc = this.errorImgSrc; - this.imgtitle = this.localeService.getValue('avatar.loadError'); - } - -} -- Gitee From f1467f8470165ba79622f7835b7aa1af3f48312e Mon Sep 17 00:00:00 2001 From: Sagi Date: Fri, 30 Sep 2022 15:08:34 +0800 Subject: [PATCH 07/13] chore: export and install notify component and toast component --- packages/ui-vue/components/notify/index.ts | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/packages/ui-vue/components/notify/index.ts b/packages/ui-vue/components/notify/index.ts index e69de29bb2d..db2226d5eac 100644 --- a/packages/ui-vue/components/notify/index.ts +++ b/packages/ui-vue/components/notify/index.ts @@ -0,0 +1,15 @@ +import type { App } from 'vue'; +import Notify from './src/notify.component'; +import Toast from './src/components/toast.component'; + +export * from './src/notify.props'; +export * from './src/components/toast.props'; + +export { Notify, Toast }; + +export default { + install(app: App): void { + app.component(Notify.name, Notify); + app.component(Toast.name, Toast); + } +}; -- Gitee From b50d76541f19b41cda6090ae4acc475185b0be32 Mon Sep 17 00:00:00 2001 From: Sagi Date: Fri, 30 Sep 2022 15:10:50 +0800 Subject: [PATCH 08/13] chore: export and install popover component --- packages/ui-vue/components/popover/index.ts | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/packages/ui-vue/components/popover/index.ts b/packages/ui-vue/components/popover/index.ts index 8b137891791..a0bb080753a 100644 --- a/packages/ui-vue/components/popover/index.ts +++ b/packages/ui-vue/components/popover/index.ts @@ -1 +1,12 @@ +import type { App } from 'vue'; +import Popover from './src/popover.component'; +export * from './src/popover.props'; + +export { Popover }; + +export default { + install(app: App): void { + app.component(Popover.name, Popover); + } +}; -- Gitee From da81bacb3e8efd001bc0d5a263d64cb3ff8d7bb1 Mon Sep 17 00:00:00 2001 From: Sagi Date: Fri, 30 Sep 2022 15:12:31 +0800 Subject: [PATCH 09/13] chore: export and install section --- packages/ui-vue/components/section/index.ts | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/packages/ui-vue/components/section/index.ts b/packages/ui-vue/components/section/index.ts index e69de29bb2d..d9a3982bc80 100644 --- a/packages/ui-vue/components/section/index.ts +++ b/packages/ui-vue/components/section/index.ts @@ -0,0 +1,11 @@ +import type { App } from 'vue'; +import Section from './src/section.component'; + +export * from './src/section.props'; +export { Section }; + +export default { + install(app: App): void { + app.component(Section.name, Section); + } +}; -- Gitee From b0add5a0a8f6767a936243258b3d4acf215b377c Mon Sep 17 00:00:00 2001 From: Sagi Date: Fri, 30 Sep 2022 15:15:04 +0800 Subject: [PATCH 10/13] chore: export and install switch component --- packages/ui-vue/components/switch/index.ts | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/packages/ui-vue/components/switch/index.ts b/packages/ui-vue/components/switch/index.ts index e69de29bb2d..6005024ce14 100644 --- a/packages/ui-vue/components/switch/index.ts +++ b/packages/ui-vue/components/switch/index.ts @@ -0,0 +1,10 @@ +import type { App } from 'vue'; +import Switch from './src/switch.component'; + +export * from './src/switch.props'; + +export default { + install(app: App): void { + app.component(Switch.name, Switch); + } +}; -- Gitee From f50b1afb68eca25cdf0fad37b409ebfbfa7e0c35 Mon Sep 17 00:00:00 2001 From: Sagi Date: Fri, 30 Sep 2022 15:18:15 +0800 Subject: [PATCH 11/13] chore: export and install tabs and tab page --- packages/ui-vue/components/tabs/index.ts | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/packages/ui-vue/components/tabs/index.ts b/packages/ui-vue/components/tabs/index.ts index e69de29bb2d..5e26eb651be 100644 --- a/packages/ui-vue/components/tabs/index.ts +++ b/packages/ui-vue/components/tabs/index.ts @@ -0,0 +1,15 @@ +import type { App } from 'vue'; +import Tabs from './src/tabs.component'; +import TabPage from './src/components/tab-page.component'; + +export * from './src/tabs.props'; +export * from './src/components/tab-page.props'; + +export { Tabs, TabPage }; + +export default { + install(app: App): void { + app.component(Tabs.name, Tabs); + app.component(TabPage.name, TabPage); + } +}; -- Gitee From 0ad5b7ae300a269b50aa07609a9c2542aa19cb12 Mon Sep 17 00:00:00 2001 From: Sagi Date: Fri, 30 Sep 2022 15:21:47 +0800 Subject: [PATCH 12/13] chore: export and install text component --- packages/ui-vue/components/text/index.ts | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/packages/ui-vue/components/text/index.ts b/packages/ui-vue/components/text/index.ts index e69de29bb2d..932cffcfcaa 100644 --- a/packages/ui-vue/components/text/index.ts +++ b/packages/ui-vue/components/text/index.ts @@ -0,0 +1,11 @@ +import type { App } from 'vue'; +import Text from './src/text.component'; + +export * from './src/text.props'; +export { Text }; + +export default { + install(app: App): void { + app.component(Text.name, Text); + } +}; -- Gitee From 867b33bb8e9fbbe7b9cd161b2109eb3126564e8d Mon Sep 17 00:00:00 2001 From: Sagi Date: Fri, 30 Sep 2022 15:24:19 +0800 Subject: [PATCH 13/13] chore: export and install tooltip --- packages/ui-vue/components/tooltip/index.ts | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/packages/ui-vue/components/tooltip/index.ts b/packages/ui-vue/components/tooltip/index.ts index e69de29bb2d..ced280da740 100644 --- a/packages/ui-vue/components/tooltip/index.ts +++ b/packages/ui-vue/components/tooltip/index.ts @@ -0,0 +1,12 @@ +import type { App } from 'vue'; +import Tooltip from './src/tooltip.component'; + +export * from './src/tooltip.props'; + +export { Tooltip }; + +export default { + install(app: App): void { + app.component(Tooltip.name, Tooltip); + } +}; -- Gitee