goodteditor-ui 1.0.23 → 1.0.24

package/.eslintrc.js

@@ -1,8 +1,8 @@
-module.exports = {
-    'extends': 'plugin:vue/essential',
-    'parserOptions': {
-        parser: 'babel-eslint',
-        sourceType: 'module',
-        allowImportExportEverywhere: true
-    }
+module.exports = {
+    'extends': 'plugin:vue/essential',
+    'parserOptions': {
+        parser: 'babel-eslint',
+        sourceType: 'module',
+        allowImportExportEverywhere: true
+    }
 }

package/.prettierrc

@@ -1,14 +1,14 @@
-{
-    "printWidth": 100,
-    "tabWidth": 4,
-    "useTabs": false,
-    "semi": true,
-    "singleQuote": true,
-    "trailingComma": "es5",
-    "bracketSpacing": true,
-    "jsxBracketSameLine": true,
-    "arrowParens": "avoid",
-    "requirePragma": false,
-    "insertPragma": false,
-    "proseWrap": "preserve"
-}
+{
+    "printWidth": 100,
+    "tabWidth": 4,
+    "useTabs": false,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5",
+    "bracketSpacing": true,
+    "jsxBracketSameLine": true,
+    "arrowParens": "avoid",
+    "requirePragma": false,
+    "insertPragma": false,
+    "proseWrap": "preserve"
+}

package/README.md

@@ -1,35 +1,35 @@
-# goodt-ui
-
-Docs @ https://goodt-ui.netlify.app/
-
-## Project setup
-
-```
-npm install
-```
-
-### Compiles and hot-reloads for development
-
-```
-npm run serve
-```
-
-### Usage
-
-```html
-// Example usage in -> MyComponent.vue
-<template>
-    <div>
-        <ui-color-picker></ui-color-picker>
-    </div>
-</template>
-<script>
-    import { ColorPicker as UiColorPicker } from 'goodt-ui';
-
-    export default {
-        components: {
-            UiColorPicker,
-        },
-    };
-</script>
-```
+# goodt-ui
+
+Docs @ https://goodt-ui.netlify.app/
+
+## Project setup
+
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+
+```
+npm run serve
+```
+
+### Usage
+
+```html
+// Example usage in -> MyComponent.vue
+<template>
+    <div>
+        <ui-color-picker></ui-color-picker>
+    </div>
+</template>
+<script>
+    import { ColorPicker as UiColorPicker } from 'goodt-ui';
+
+    export default {
+        components: {
+            UiColorPicker,
+        },
+    };
+</script>
+```

package/babel.config.js

@@ -1,5 +1,5 @@
-module.exports = {
-    presets: [
-        '@vue/cli-plugin-babel/preset'
-    ]
-}
+module.exports = {
+    presets: [
+        '@vue/cli-plugin-babel/preset'
+    ]
+}

package/index.js

@@ -1,53 +1,53 @@
-import Avatar from './src/components/ui/Avatar.vue';
-import Badge from './src/components/ui/Badge.vue';
-import Collapse from './src/components/ui/Collapse.vue';
-import ColorPicker from './src/components/ui/ColorPicker.vue';
-import Datalist from './src/components/ui/Datalist.vue';
-import DatePicker from './src/components/ui/DatePicker.vue';
-import FileSelector from './src/components/ui/FileSelector.vue';
-import Image from './src/components/ui/Image.vue';
-import InputAutocomplete from './src/components/ui/InputAutocomplete.vue';
-import InputColorPicker from './src/components/ui/InputColorPicker.vue';
-import InputDatePicker from './src/components/ui/InputDatePicker.vue';
-import InputTags from './src/components/ui/InputTags.vue';
-import InputTimePicker from './src/components/ui/InputTimePicker.vue';
-import InputUnits from './src/components/ui/InputUnits.vue';
-import Lazy from './src/components/ui/Lazy.vue';
-import Pagination from './src/components/ui/Pagination.vue';
-import Paginator from './src/components/ui/Paginator.vue';
-import Popover from './src/components/ui/Popover.vue';
-import Popup from './src/components/ui/Popup.vue';
-import ResponsiveContainer from './src/components/ui/ResponsiveContainer.vue';
-import Select from './src/components/ui/Select.vue';
-import TimePicker from './src/components/ui/TimePicker.vue';
-import Tooltip from './src/components/ui/Tooltip.vue';
-import Grid from './src/components/ui/Grid.vue';
-import WysiwygEditor from './src/components/ui/WysiwygEditor.vue';
-
-export {
-    Avatar,
-    Badge,
-    Collapse,
-    ColorPicker,
-    Datalist,
-    DatePicker,
-    FileSelector,
-    Image,
-    InputAutocomplete,
-    InputColorPicker,
-    InputDatePicker,
-    InputTags,
-    InputTimePicker,
-    InputUnits,
-    Lazy,
-    Pagination,
-    Paginator,
-    Popover,
-    Popup,
-    ResponsiveContainer,
-    Select,
-    TimePicker,
-    Tooltip,
-    Grid,
-    WysiwygEditor
-};
+import Avatar from './src/components/ui/Avatar.vue';
+import Badge from './src/components/ui/Badge.vue';
+import Collapse from './src/components/ui/Collapse.vue';
+import ColorPicker from './src/components/ui/ColorPicker.vue';
+import Datalist from './src/components/ui/Datalist.vue';
+import DatePicker from './src/components/ui/DatePicker.vue';
+import FileSelector from './src/components/ui/FileSelector.vue';
+import Image from './src/components/ui/Image.vue';
+import InputAutocomplete from './src/components/ui/InputAutocomplete.vue';
+import InputColorPicker from './src/components/ui/InputColorPicker.vue';
+import InputDatePicker from './src/components/ui/InputDatePicker.vue';
+import InputTags from './src/components/ui/InputTags.vue';
+import InputTimePicker from './src/components/ui/InputTimePicker.vue';
+import InputUnits from './src/components/ui/InputUnits.vue';
+import Lazy from './src/components/ui/Lazy.vue';
+import Pagination from './src/components/ui/Pagination.vue';
+import Paginator from './src/components/ui/Paginator.vue';
+import Popover from './src/components/ui/Popover.vue';
+import Popup from './src/components/ui/Popup.vue';
+import ResponsiveContainer from './src/components/ui/ResponsiveContainer.vue';
+import Select from './src/components/ui/Select.vue';
+import TimePicker from './src/components/ui/TimePicker.vue';
+import Tooltip from './src/components/ui/Tooltip.vue';
+import Grid from './src/components/ui/Grid.vue';
+import WysiwygEditor from './src/components/ui/WysiwygEditor.vue';
+
+export {
+    Avatar,
+    Badge,
+    Collapse,
+    ColorPicker,
+    Datalist,
+    DatePicker,
+    FileSelector,
+    Image,
+    InputAutocomplete,
+    InputColorPicker,
+    InputDatePicker,
+    InputTags,
+    InputTimePicker,
+    InputUnits,
+    Lazy,
+    Pagination,
+    Paginator,
+    Popover,
+    Popup,
+    ResponsiveContainer,
+    Select,
+    TimePicker,
+    Tooltip,
+    Grid,
+    WysiwygEditor
+};

package/jsconfig.json

@@ -1,14 +1,14 @@
-{
-    "compilerOptions": {
-        "target": "es6",
-        "module": "commonjs",
-        "allowSyntheticDefaultImports": true
-    },
-    "include": [
-        "src/**/*"
-    ],
-    "exclude": [
-        "node_modules",
-        "**/node_modules/*"
-    ]
+{
+    "compilerOptions": {
+        "target": "es6",
+        "module": "commonjs",
+        "allowSyntheticDefaultImports": true
+    },
+    "include": [
+        "src/**/*"
+    ],
+    "exclude": [
+        "node_modules",
+        "**/node_modules/*"
+    ]
 }

package/package.json

@@ -1,66 +1,67 @@
-{
-    "name": "goodteditor-ui",
-    "version": "1.0.23",
-    "main": "index.js",
-    "homepage": "https://goodt-ui.netlify.app/",
-    "scripts": {
-        "serve": "vue-styleguidist server",
-        "build": "vue-styleguidist build",
-        "docs:build": "set NODE_ENV=development && npm run build",
-        "docs:deploy": "npx netlify deploy --dir=docs --prod"
-    },
-    "dependencies": {
-        "@popperjs/core": "2.11.2",
-        "@tiptap/extension-color": "^2.0.0-beta.207",
-        "@tiptap/extension-font-family": "^2.0.0-beta.207",
-        "@tiptap/extension-image": "^2.0.0-beta.27",
-        "@tiptap/extension-link": "^2.0.0-beta.36",
-        "@tiptap/extension-table": "2.0.0-beta.48",
-        "@tiptap/extension-table-cell": "^2.0.0-beta.20",
-        "@tiptap/extension-table-header": "^2.0.0-beta.22",
-        "@tiptap/extension-table-row": "^2.0.0-beta.19",
-        "@tiptap/extension-text-align": "^2.0.0-beta.207",
-        "@tiptap/extension-text-style": "^2.0.0-beta.207",
-        "@tiptap/extension-underline": "^2.0.0-beta.207",
-        "@tiptap/starter-kit": "^2.0.0-beta.183",
-        "@tiptap/vue-2": "^2.0.0-beta.84"
-    },
-    "devDependencies": {
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@vue/cli-plugin-babel": "^4.5.11",
-        "@vue/cli-plugin-eslint": "^4.5.11",
-        "@vue/cli-service": "^4.5.11",
-        "axios": "^0.24.0",
-        "babel-eslint": "^10.1.0",
-        "eslint": "^6.7.2",
-        "eslint-plugin-vue": "^6.2.2",
-        "goodt-framework-css": "^1.1.1",
-        "less": "^3.13.1",
-        "less-loader": "^5.0.0",
-        "netlify-cli": "^5.0.1",
-        "vue-styleguidist": "4.35.0",
-        "vue-template-compiler": "^2.6.12"
-    },
-    "peerDependencies": {
-        "vue": "^2.6.12"
-    },
-    "eslintConfig": {
-        "root": true,
-        "env": {
-            "node": true
-        },
-        "extends": [
-            "plugin:vue/essential",
-            "eslint:recommended"
-        ],
-        "parserOptions": {
-            "parser": "babel-eslint"
-        },
-        "rules": {}
-    },
-    "browserslist": [
-        "> 1%",
-        "last 2 versions",
-        "not dead"
-    ]
-}
+{
+    "name": "goodteditor-ui",
+    "version": "1.0.24",
+    "main": "index.js",
+    "homepage": "https://goodt-ui.netlify.app/",
+    "scripts": {
+        "serve": "npx vue-styleguidist server",
+        "build": "npx vue-styleguidist build",
+        "dev": "vue-cli-service serve",
+        "docs:build": "set NODE_ENV=development && npm run build",
+        "docs:deploy": "npx netlify deploy --dir=docs --prod"
+    },
+    "dependencies": {
+        "@popperjs/core": "2.11.2",
+        "@tiptap/extension-color": "^2.0.0-beta.207",
+        "@tiptap/extension-font-family": "^2.0.0-beta.207",
+        "@tiptap/extension-image": "^2.0.0-beta.27",
+        "@tiptap/extension-link": "^2.0.0-beta.36",
+        "@tiptap/extension-table": "2.0.0-beta.48",
+        "@tiptap/extension-table-cell": "^2.0.0-beta.20",
+        "@tiptap/extension-table-header": "^2.0.0-beta.22",
+        "@tiptap/extension-table-row": "^2.0.0-beta.19",
+        "@tiptap/extension-text-align": "^2.0.0-beta.207",
+        "@tiptap/extension-text-style": "^2.0.0-beta.207",
+        "@tiptap/extension-underline": "^2.0.0-beta.207",
+        "@tiptap/starter-kit": "^2.0.0-beta.183",
+        "@tiptap/vue-2": "^2.0.0-beta.84"
+    },
+    "devDependencies": {
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+        "@vue/cli-plugin-babel": "^4.5.11",
+        "@vue/cli-plugin-eslint": "^4.5.11",
+        "@vue/cli-service": "^4.5.11",
+        "axios": "^0.24.0",
+        "babel-eslint": "^10.1.0",
+        "eslint": "^6.7.2",
+        "eslint-plugin-vue": "^6.2.2",
+        "goodt-framework-css": "^1.1.1",
+        "less": "^3.13.1",
+        "less-loader": "^5.0.0",
+        "netlify-cli": "^5.0.1",
+        "vue-styleguidist": "4.35.0",
+        "vue-template-compiler": "^2.6.12"
+    },
+    "peerDependencies": {
+        "vue": "^2.6.12"
+    },
+    "eslintConfig": {
+        "root": true,
+        "env": {
+            "node": true
+        },
+        "extends": [
+            "plugin:vue/essential",
+            "eslint:recommended"
+        ],
+        "parserOptions": {
+            "parser": "babel-eslint"
+        },
+        "rules": {}
+    },
+    "browserslist": [
+        "> 1%",
+        "last 2 versions",
+        "not dead"
+    ]
+}

package/src/App.vue

@@ -1,36 +1,36 @@
-<template>
-    <div id="app" class="pad-l1 w-100">
-        <ui-select
-            class="block"
-            v-model="demoActive"
-            :options="demos"
-            placeholder="Select component"
-        />
-        <component :is="demoComponent" v-if="demoComponent"></component>
-    </div>
-</template>
-
-<script>
-import UiSelect from './components/ui/Select.vue';
-import * as Components from './../index';
-
-export default {
-    name: 'App',
-    components: {
-        UiSelect,
-    },
-    data() {
-        return {
-            demoActive: null,
-            demos: Object.keys(Components).map(i => {
-                return { value: i, label: i };
-            }),
-        };
-    },
-    computed: {
-        demoComponent() {
-            return this.demoActive ? Components[this.demoActive] : null;
-        },
-    },
-};
-</script>
+<template>
+    <div id="app" class="pad-l1 w-100">
+        <ui-select
+            class="block"
+            v-model="demoActive"
+            :options="demos"
+            placeholder="Select component"
+        />
+        <component :is="demoComponent" v-if="demoComponent"></component>
+    </div>
+</template>
+
+<script>
+import UiSelect from './components/ui/Select.vue';
+import * as Components from './../index';
+
+export default {
+    name: 'App',
+    components: {
+        UiSelect,
+    },
+    data() {
+        return {
+            demoActive: null,
+            demos: Object.keys(Components).map(i => {
+                return { value: i, label: i };
+            }),
+        };
+    },
+    computed: {
+        demoComponent() {
+            return this.demoActive ? Components[this.demoActive] : null;
+        },
+    },
+};
+</script>

package/src/components/ui/Avatar.md

@@ -1,68 +1,68 @@
-```vue
-<template>
-    <div class="pad-l5">
-        <div class="p">
-            <!-- default -->
-            <ui-avatar v-bind="props" @load="onLoad" @error="onError"></ui-avatar>
-            
-            <!-- custom slots -->
-            <ui-avatar v-bind="props">
-                <template v-slot="{abbr}">
-                    <code>{{abbr}}</code>
-                </template>
-                <template #loading>loading</template>
-            </ui-avatar>
-        </div>
-        <div class="row">
-            <div class="col">
-                <template v-for="key in Object.keys(props)">
-                    <label class="text-small " v-if="isBool(key)">                
-                        <input class="checkbox checkbox-small" type="checkbox" v-model="props[key]">
-                        <span class="v-mid">{{key}}</span>
-                    </label>
-                    <div :key="key" v-else>
-                        <label class="text-xsmall">{{key}}</label>
-                        <input class="input input-small d-block" type="text" v-model="props[key]">
-                    </div>
-                </template>
-            </div>
-            <div class="col">
-                <pre class="text-xsmall" style="max-height:10rem">{{logStr}}</pre>
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-import UiAvatar from './Avatar.vue';
-
-export default {
-    components: { UiAvatar },
-    data() {
-        return { 
-            props: { 
-                round: true,
-                src:'https://picsum.photos/150/150',
-                size: '4rem',
-                alt: 'John Wick', 
-                color: '#ffffff',
-                background:'#fca522',
-            },
-            log:[]
-        }
-    },
-    computed: {
-        logStr() {
-            return this.log.reverse().join("\n")
-        }
-    },
-    methods: {
-        isBool(key) {
-            return key === 'round'
-        },
-        addLog(n,e) { this.log.push(`event: ${n}`) },
-        onLoad(e) { this.addLog('load') },
-        onError(e) { this.addLog('error') },
-    }
-};
-</script>
-```
+```vue
+<template>
+    <div class="pad-l5">
+        <div class="p">
+            <!-- default -->
+            <ui-avatar v-bind="props" @load="onLoad" @error="onError"></ui-avatar>
+            
+            <!-- custom slots -->
+            <ui-avatar v-bind="props">
+                <template v-slot="{abbr}">
+                    <code>{{abbr}}</code>
+                </template>
+                <template #loading>loading</template>
+            </ui-avatar>
+        </div>
+        <div class="row">
+            <div class="col">
+                <template v-for="key in Object.keys(props)">
+                    <label class="text-small " v-if="isBool(key)">                
+                        <input class="checkbox checkbox-small" type="checkbox" v-model="props[key]">
+                        <span class="v-mid">{{key}}</span>
+                    </label>
+                    <div :key="key" v-else>
+                        <label class="text-xsmall">{{key}}</label>
+                        <input class="input input-small d-block" type="text" v-model="props[key]">
+                    </div>
+                </template>
+            </div>
+            <div class="col">
+                <pre class="text-xsmall" style="max-height:10rem">{{logStr}}</pre>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import UiAvatar from './Avatar.vue';
+
+export default {
+    components: { UiAvatar },
+    data() {
+        return { 
+            props: { 
+                round: true,
+                src:'https://picsum.photos/150/150',
+                size: '4rem',
+                alt: 'John Wick', 
+                color: '#ffffff',
+                background:'#fca522',
+            },
+            log:[]
+        }
+    },
+    computed: {
+        logStr() {
+            return this.log.reverse().join("\n")
+        }
+    },
+    methods: {
+        isBool(key) {
+            return key === 'round'
+        },
+        addLog(n,e) { this.log.push(`event: ${n}`) },
+        onLoad(e) { this.addLog('load') },
+        onError(e) { this.addLog('error') },
+    }
+};
+</script>
+```