@tripup-company/element-ui-extended 0.0.6 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tripup-company/element-ui-extended",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "main": "./dist/element-ui-extended.umd.js",
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -48,7 +48,13 @@
   },
   "files": [
     "dist/*",
-    "src/**/*.vue"
+    "src/**/*.vue",
+    "src/services/*",
+    "src/models/*",
+    "src/lang/*",
+    "src/types/*",
+    "src/filters.js",
+    "src/filters-top.js"
   ],
   "description": "## Project setup ``` npm install ```",
   "repository": {

package/src/filters-top.js

@@ -0,0 +1,8 @@
+export default [
+  {
+    name: 'first_name,last_name,email,phone,mobile,position,street,city,state,second_email,department',
+    label: 'Search',
+    type: 'string',
+    operator: 'like_fields',
+  },
+]

package/src/filters.js

@@ -0,0 +1,64 @@
+export default [
+  {
+    name: 'title',
+    label: 'Title',
+    type: 'string',
+  },
+  {
+    name: 'first_name',
+    label: 'First Name',
+    type: 'string',
+  },
+  {
+    name: 'last_name',
+    label: 'Last Name',
+    type: 'string',
+  },
+  {
+    name: 'email',
+    label: 'Email',
+    type: 'string',
+  },
+  {
+    name: 'phone',
+    label: 'Phone',
+    type: 'string',
+  },
+  {
+    name: 'mobile',
+    label: 'Mobile',
+    type: 'string',
+  },
+  {
+    name: 'position',
+    label: 'Position',
+    type: 'string',
+  },
+  {
+    name: 'street',
+    label: 'Street',
+    type: 'string',
+  },
+  {
+    name: 'zip_code',
+    label: 'Zip Code',
+    type: 'string',
+  },
+  {
+    name: 'city',
+    label: 'City',
+    type: 'string',
+  },
+  {
+    name: 'state',
+    label: 'State',
+    type: 'string',
+  },
+
+  {
+    name: 'created_at',
+    label: 'Created at',
+    type: 'date',
+    operator: 'between_date',
+  },
+];

package/src/lang/en.js

@@ -0,0 +1,167 @@
+export default {
+  common: {
+    back: 'Back',
+    return: 'Return',
+  },
+  route: {
+    dashboard: 'Dashboard',
+    introduction: 'Introduction',
+    documentation: 'Documentation',
+    guide: 'Guide',
+    permission: 'Permission',
+    pagePermission: 'Page Permission',
+    directivePermission: 'Directive Permission',
+    icons: 'Icons',
+    components: 'Components',
+    componentIndex: 'Introduction',
+    tinymce: 'Tinymce',
+    markdown: 'Markdown',
+    jsonEditor: 'JSON Editor',
+    dndList: 'Dnd List',
+    splitPane: 'SplitPane',
+    avatarUpload: 'Avatar Upload',
+    dropzone: 'Dropzone',
+    sticky: 'Sticky',
+    countTo: 'CountTo',
+    componentMixin: 'Mixin',
+    backToTop: 'BackToTop',
+    dragDialog: 'Drag Dialog',
+    dragSelect: 'Drag Select',
+    dragKanban: 'Drag Kanban',
+    charts: 'Charts',
+    keyboardChart: 'Keyboard Chart',
+    lineChart: 'Line Chart',
+    mixChart: 'Mix Chart',
+    example: 'Example',
+    nested: 'Nested Routes',
+    menu1: 'Menu 1',
+    'menu1-1': 'Menu 1-1',
+    'menu1-2': 'Menu 1-2',
+    'menu1-2-1': 'Menu 1-2-1',
+    'menu1-2-2': 'Menu 1-2-2',
+    'menu1-3': 'Menu 1-3',
+    menu2: 'Menu 2',
+    Table: 'Table',
+    dynamicTable: 'Dynamic Table',
+    dragTable: 'Drag Table',
+    inlineEditTable: 'Inline Edit',
+    complexTable: 'Complex Table',
+    treeTable: 'Tree Table',
+    customTreeTable: 'Custom TreeTable',
+    tab: 'Tab',
+    form: 'Form',
+    createArticle: 'Create Article',
+    editArticle: 'Edit Article',
+    articleList: 'Article List',
+    errorPages: 'Error Pages',
+    page401: '401',
+    page404: '404',
+    errorLog: 'Error Log',
+    excel: 'Excel',
+    exportExcel: 'Export Excel',
+    selectExcel: 'Export Selected',
+    uploadExcel: 'Upload Excel',
+    zip: 'Zip',
+    exportZip: 'Export Zip',
+    theme: 'Theme',
+    clipboardDemo: 'Clipboard',
+    i18n: 'I18n',
+    externalLink: 'External Link',
+  },
+  navbar: {
+    logOut: 'Log Out',
+    dashboard: 'Dashboard',
+    github: 'Github',
+    screenfull: 'Screenfull',
+    theme: 'Theme',
+    size: 'Global Size',
+  },
+  login: {
+    title: 'Laravel Vue Admin',
+    logIn: 'Log in',
+    username: 'Username',
+    email: 'Email',
+    password: 'Password',
+    any: 'any',
+    thirdparty: 'Or connect with',
+    thirdpartyTips: 'Can not be simulated on local, so please combine you own business simulation! ! !',
+  },
+  documentation: {
+    documentation: 'Documentation',
+    github: 'Github Repository',
+    laravel: 'Laravel',
+  },
+  permission: {
+    roles: 'Your roles',
+    switchRoles: 'Switch roles',
+    tips: 'In some cases it is not suitable to use v-permission, such as element Tab component or el-table-column and other asynchronous rendering dom cases which can only be achieved by manually setting the v-if.',
+    pageDescription: 'This place is accessible for admin only. Switching to non-admin role will redirect to 404 page',
+  },
+  guide: {
+    description: 'The guide page is useful for some people who entered the project for the first time. You can briefly introduce the features of the project. Demo is based on ',
+    button: 'Show Guide',
+  },
+  components: {
+    documentation: 'Documentation',
+    tinymceTips: 'Rich text editor is a core part of management system, but at the same time is a place with lots of problems. In the process of selecting rich texts, I also walked a lot of detours. The common rich text editors in the market are basically used, and the finally chose Tinymce. See documentation for more detailed rich text editor comparisons and introductions.',
+    dropzoneTips: 'Because my business has special needs, and has to upload images to qiniu, so instead of a third party, I chose encapsulate it by myself. It is very simple, you can see the detail code in @/components/Dropzone.',
+    stickyTips: 'When the page is scrolled to the preset position will be sticky on the top.',
+    backToTopTips1: 'When the page is scrolled to the specified position, the Back to Top button appears in the lower right corner',
+    backToTopTips2: 'You can customize the style of the button, show / hide, height of appearance, height of the return. If you need a text prompt, you can use element-ui el-tooltip elements externally',
+    imageUploadTips: 'Since I was using only the vue@1 version, and it is not compatible with mockjs at the moment, I modified it myself, and if you are going to use it, it is better to use official version.',
+  },
+  table: {
+    dynamicTips1: 'Fixed header, sorted by header order',
+    dynamicTips2: 'Not fixed header, sorted by click order',
+    dragTips1: 'The default order',
+    dragTips2: 'The after dragging order',
+    title: 'Title',
+    importance: 'Imp',
+    type: 'Type',
+    remark: 'Remark',
+    search: 'Search',
+    add: 'Add',
+    export: 'Export',
+    reviewer: 'reviewer',
+    id: 'ID',
+    date: 'Date',
+    author: 'Author',
+    readings: 'Readings',
+    status: 'Status',
+    actions: 'Actions',
+    edit: 'Edit',
+    publish: 'Publish',
+    draft: 'Draft',
+    delete: 'Delete',
+    cancel: 'Cancel',
+    confirm: 'Confirm',
+  },
+  errorLog: {
+    tips: 'Please click the bug icon in the upper right corner',
+    description: 'Now the management system are basically the form of the spa, it enhances the user experience, but it also increases the possibility of page problems, a small negligence may lead to the entire page deadlock. Fortunately Vue provides a way to catch handling exceptions, where you can handle errors or report exceptions.',
+    documentation: 'Document introduction',
+  },
+  excel: {
+    export: 'Export',
+    selectedExport: 'Export Selected Items',
+    placeholder: 'Please enter the file name(default excel-list)',
+  },
+  zip: {
+    export: 'Export',
+    placeholder: 'Please enter the file name(default file)',
+  },
+  pdf: {
+    tips: 'Here we use window.print() to implement the feature of downloading pdf.',
+  },
+  theme: {
+    change: 'Change Theme',
+    documentation: 'Theme documentation',
+    tips: 'Tips: It is different from the theme-pick on the navbar is two different skinning methods, each with different application scenarios. Refer to the documentation for details.',
+  },
+  tagsView: {
+    refresh: 'Refresh',
+    close: 'Close',
+    closeOthers: 'Close Others',
+    closeAll: 'Close All',
+  },
+};

package/src/lang/index.js

@@ -0,0 +1,35 @@
+import Vue from 'vue';
+import VueI18n from 'vue-i18n';
+import elementEnLocale from 'element-ui/lib/locale/lang/en'; // element-ui lang
+import elementZhLocale from 'element-ui/lib/locale/lang/zh-CN';// element-ui lang
+import elementViLocale from 'element-ui/lib/locale/lang/vi';// element-ui lang
+import enLocale from './en';
+import zhLocale from './zh';
+import viLocale from './vi';
+
+Vue.use(VueI18n);
+
+const messages = {
+  en: {
+    ...enLocale,
+    ...elementEnLocale,
+  },
+  zh: {
+    ...zhLocale,
+    ...elementZhLocale,
+  },
+  vi: {
+    ...viLocale,
+    ...elementViLocale,
+  },
+};
+
+const i18n = new VueI18n({
+  // set locale
+  // options: en | zh | vi
+  locale: 'en',
+  // set locale messages
+  messages,
+});
+
+export default i18n;

package/src/lang/vi.js

@@ -0,0 +1,166 @@
+export default {
+  common: {
+    back: 'Quay lại',
+    return: 'Trở về',
+  },
+  route: {
+    dashboard: 'Dashboard',
+    introduction: 'Giới thiệu',
+    documentation: 'Tài liệu',
+    guide: 'Hướng dẫn',
+    permission: 'Quyền truy cập',
+    pagePermission: 'Trang giới hạn truy cập',
+    directivePermission: 'Thuộc tính truy cập',
+    icons: 'Ký hiệu',
+    components: 'Thành phần',
+    componentIndex: 'Giới thiệu',
+    tinymce: 'Tinymce',
+    markdown: 'Markdown',
+    jsonEditor: 'Soạn thảo JSON',
+    dndList: 'Danh sách Dnd',
+    splitPane: 'SplitPane',
+    avatarUpload: 'Tải hình đại diện',
+    dropzone: 'Dropzone',
+    sticky: 'Sticky',
+    countTo: 'CountTo',
+    componentMixin: 'Mixin',
+    backToTop: 'BackToTop',
+    dragDialog: 'Drag Dialog',
+    dragSelect: 'Drag Select',
+    dragKanban: 'Drag Kanban',
+    charts: 'Biểu đồ',
+    keyboardChart: 'Biểu đồ bàn phím',
+    lineChart: 'Biểu đồ đường',
+    mixChart: 'Biểu đồ đa dạng',
+    example: 'Ví dụ',
+    nested: 'Danh mục con',
+    menu1: 'Danh mục 1',
+    'menu1-1': 'Danh mục 1-1',
+    'menu1-2': 'Danh mục 1-2',
+    'menu1-2-1': 'Danh mục 1-2-1',
+    'menu1-2-2': 'Danh mục 1-2-2',
+    'menu1-3': 'Danh mục 1-3',
+    menu2: 'Danh mục 2',
+    Table: 'Bảng',
+    dynamicTable: 'Bảng động',
+    dragTable: 'Bảng kéo thả',
+    inlineEditTable: 'Chỉnh sửa trực tiếp',
+    complexTable: 'Bảng phức tạp',
+    treeTable: 'Bảng dạng cây',
+    customTreeTable: 'Bảng dạng cây tùy biến',
+    tab: 'Tab',
+    form: 'Form',
+    createArticle: 'Viết bài',
+    editArticle: 'Chỉnh sửa',
+    articleList: 'Danh sách',
+    errorPages: 'Trang lỗi',
+    page401: '401',
+    page404: '404',
+    errorLog: 'Lỗi',
+    excel: 'Excel',
+    exportExcel: 'Export Excel',
+    selectExcel: 'Export Selected',
+    uploadExcel: 'Upload Excel',
+    zip: 'Zip',
+    exportZip: 'Export Zip',
+    theme: 'Theme',
+    clipboardDemo: 'Clipboard',
+    i18n: 'I18n',
+    externalLink: 'Liên kết ngoài',
+  },
+  navbar: {
+    logOut: 'Đăng xuất',
+    dashboard: 'Dashboard',
+    github: 'Github',
+    screenfull: 'Toàn màn hình',
+    theme: 'Theme',
+    size: 'Global Size',
+  },
+  login: {
+    title: 'Đăng nhập',
+    logIn: 'Đăng nhập',
+    username: 'Username',
+    email: 'Email',
+    password: 'Mật khẩu',
+    any: 'any',
+    thirdparty: 'Hoặc đăng nhập với',
+    thirdpartyTips: 'Không thể giả lập, xi vui lòng áp dụng tùy theo tình huống nghiệp vụ của bạn! ! !',
+  },
+  documentation: {
+    documentation: 'Tài liệu',
+    github: 'Github Repository',
+    laravel: 'Laravel',
+  },
+  permission: {
+    roles: 'Nhóm của bạn',
+    switchRoles: 'Đổi nhóm',
+    tips: 'Trong vài trường hợp sẽ không thích hợp để dùng v-permission, như là thành phần Tab hay el-table-column và các trường hợp render DOM không đồng bộ, khi đó chỉ có thể xử lý bằng tay với v-if.',
+  },
+  guide: {
+    description: 'Trang hướng dẫn sẽ có ích cho những người mới vào website lần đầu. Bạn có thể giới thiệu sơ lược các chức năng của website. Kiểm tra demo',
+    button: 'Hiện hướng dẫn',
+  },
+  components: {
+    documentation: 'Tài liệu',
+    tinymceTips: 'Rich text editor is a core part of management system, but at the same time is a place with lots of problems. In the process of selecting rich texts, I also walked a lot of detours. The common rich text editors in the market are basically used, and the finally chose Tinymce. See documentation for more detailed rich text editor comparisons and introductions.',
+    dropzoneTips: 'Because my business has special needs, and has to upload images to qiniu, so instead of a third party, I chose encapsulate it by myself. It is very simple, you can see the detail code in @/components/Dropzone.',
+    stickyTips: 'When the page is scrolled to the preset position will be sticky on the top.',
+    backToTopTips1: 'When the page is scrolled to the specified position, the Back to Top button appears in the lower right corner',
+    backToTopTips2: 'You can customize the style of the button, show / hide, height of appearance, height of the return. If you need a text prompt, you can use element-ui el-tooltip elements externally',
+    imageUploadTips: 'Since I was using only the vue@1 version, and it is not compatible with mockjs at the moment, I modified it myself, and if you are going to use it, it is better to use official version.',
+  },
+  table: {
+    dynamicTips1: 'Fixed header, sorted by header order',
+    dynamicTips2: 'Not fixed header, sorted by click order',
+    dragTips1: 'The default order',
+    dragTips2: 'The after dragging order',
+    title: 'Tiêu đề',
+    importance: 'IMP',
+    type: 'Thể loại',
+    remark: 'Remark',
+    search: 'Tìm kiếm',
+    add: 'Thêm',
+    export: 'Export',
+    reviewer: 'reviewer',
+    id: 'ID',
+    date: 'Ngày',
+    author: 'Tác giả',
+    readings: 'Số lần đọc',
+    status: 'Status',
+    actions: 'Actions',
+    edit: 'Edit',
+    publish: 'Publish',
+    draft: 'Draft',
+    delete: 'Delete',
+    cancel: 'Cancel',
+    confirm: 'Confirm',
+  },
+  errorLog: {
+    tips: 'Please click the bug icon in the upper right corner',
+    description: 'Now the management system are basically the form of the spa, it enhances the user experience, but it also increases the possibility of page problems, a small negligence may lead to the entire page deadlock. Fortunately Vue provides a way to catch handling exceptions, where you can handle errors or report exceptions.',
+    documentation: 'Document introduction',
+  },
+  excel: {
+    export: 'Export',
+    selectedExport: 'Export Selected Items',
+    placeholder: 'Please enter the file name(default excel-list)',
+  },
+  zip: {
+    export: 'Export',
+    placeholder: 'Please enter the file name(default file)',
+  },
+  pdf: {
+    tips: 'Here we use window.print() to implement the feature of downloading pdf.',
+  },
+  theme: {
+    change: 'Change Theme',
+    documentation: 'Theme documentation',
+    tips: 'Tips: It is different from the theme-pick on the navbar is two different skinning methods, each with different application scenarios. Refer to the documentation for details.',
+  },
+  tagsView: {
+    refresh: 'Refresh',
+    close: 'Close',
+    closeOthers: 'Close Others',
+    closeAll: 'Close All',
+  },
+};

package/src/lang/zh.js

@@ -0,0 +1,164 @@
+export default {
+  common: {
+    back: 'Back',
+    return: 'Return',
+  },
+  route: {
+    dashboard: '首页',
+    introduction: '简述',
+    documentation: '文档',
+    guide: '引导页',
+    permission: '权限测试页',
+    pagePermission: '页面权限',
+    directivePermission: '指令权限',
+    icons: '图标',
+    components: '组件',
+    componentIndex: '介绍',
+    tinymce: '富文本编辑器',
+    markdown: 'Markdown',
+    jsonEditor: 'JSON编辑器',
+    dndList: '列表拖拽',
+    splitPane: 'Splitpane',
+    avatarUpload: '头像上传',
+    dropzone: 'Dropzone',
+    sticky: 'Sticky',
+    countTo: 'CountTo',
+    componentMixin: '小组件',
+    backToTop: '返回顶部',
+    dragDialog: '拖拽 Dialog',
+    dragSelect: '拖拽 Select',
+    dragKanban: '可拖拽看板',
+    charts: '图表',
+    keyboardChart: '键盘图表',
+    lineChart: '折线图',
+    mixChart: '混合图表',
+    example: '综合实例',
+    nested: '路由嵌套',
+    menu1: '菜单1',
+    'menu1-1': '菜单1-1',
+    'menu1-2': '菜单1-2',
+    'menu1-2-1': '菜单1-2-1',
+    'menu1-2-2': '菜单1-2-2',
+    'menu1-3': '菜单1-3',
+    menu2: '菜单2',
+    Table: 'Table',
+    dynamicTable: '动态Table',
+    dragTable: '拖拽Table',
+    inlineEditTable: 'Table内编辑',
+    complexTable: '综合Table',
+    treeTable: '树形表格',
+    customTreeTable: '自定义树表',
+    tab: 'Tab',
+    form: '表单',
+    createArticle: '创建文章',
+    editArticle: '编辑文章',
+    articleList: '文章列表',
+    errorPages: '错误页面',
+    page401: '401',
+    page404: '404',
+    errorLog: '错误日志',
+    excel: 'Excel',
+    exportExcel: 'Export Excel',
+    selectExcel: 'Export Selected',
+    uploadExcel: 'Upload Excel',
+    zip: 'Zip',
+    exportZip: 'Export Zip',
+    theme: '换肤',
+    clipboardDemo: 'Clipboard',
+    i18n: '国际化',
+    externalLink: '外链',
+  },
+  navbar: {
+    logOut: '退出登录',
+    dashboard: '首页',
+    github: '项目地址',
+    screenfull: '全屏',
+    theme: '换肤',
+    size: '布局大小',
+  },
+  login: {
+    title: '系统登录',
+    logIn: '登录',
+    username: '账号',
+    password: '密码',
+    any: '随便填',
+    thirdparty: '第三方登录',
+    thirdpartyTips: '本地不能模拟，请结合自己业务进行模拟！！！',
+  },
+  documentation: {
+    documentation: '文档',
+    github: 'Github 地址',
+  },
+  permission: {
+    roles: '你的权限',
+    switchRoles: '切换权限',
+    tips: '在某些情况下，不适合使用 v-permission。例如：Element-UI 的 Tab 组件或 el-table-column 以及其它动态渲染 dom 的场景。你只能通过手动设置 v-if 来实现。',
+  },
+  guide: {
+    description: '引导页对于一些第一次进入项目的人很有用，你可以简单介绍下项目的功能。本 Demo 是基于',
+    button: '打开引导',
+  },
+  components: {
+    documentation: '文档',
+    tinymceTips: '富文本是管理后台一个核心的功能，但同时又是一个有很多坑的地方。在选择富文本的过程中我也走了不少的弯路，市面上常见的富文本都基本用过了，最终权衡了一下选择了Tinymce。更详细的富文本比较和介绍见',
+    dropzoneTips: '由于我司业务有特殊需求，而且要传七牛 所以没用第三方，选择了自己封装。代码非常的简单，具体代码你可以在这里看到 @/components/Dropzone',
+    stickyTips: '当页面滚动到预设的位置会吸附在顶部',
+    backToTopTips1: '页面滚动到指定位置会在右下角出现返回顶部按钮',
+    backToTopTips2: '可自定义按钮的样式、show/hide、出现的高度、返回的位置 如需文字提示，可在外部使用Element的el-tooltip元素',
+    imageUploadTips: '由于我在使用时它只有vue@1版本，而且和mockjs不兼容，所以自己改造了一下，如果大家要使用的话，优先还是使用官方版本。',
+  },
+  table: {
+    dynamicTips1: '固定表头, 按照表头顺序排序',
+    dynamicTips2: '不固定表头, 按照点击顺序排序',
+    dragTips1: '默认顺序',
+    dragTips2: '拖拽后顺序',
+    title: '标题',
+    importance: '重要性',
+    type: '类型',
+    remark: '点评',
+    search: '搜索',
+    add: '添加',
+    export: '导出',
+    reviewer: '审核人',
+    id: '序号',
+    date: '时间',
+    author: '作者',
+    readings: '阅读数',
+    status: '状态',
+    actions: '操作',
+    edit: '编辑',
+    publish: '发布',
+    draft: '草稿',
+    delete: '删除',
+    cancel: '取 消',
+    confirm: '确 定',
+  },
+  errorLog: {
+    tips: '请点击右上角bug小图标',
+    description: '现在的管理后台基本都是spa的形式了，它增强了用户体验，但同时也会增加页面出问题的可能性，可能一个小小的疏忽就导致整个页面的死锁。好在 Vue 官网提供了一个方法来捕获处理异常，你可以在其中进行错误处理或者异常上报。',
+    documentation: '文档介绍',
+  },
+  excel: {
+    export: '导出',
+    selectedExport: '导出已选择项',
+    placeholder: '请输入文件名(默认excel-list)',
+  },
+  zip: {
+    export: '导出',
+    placeholder: '请输入文件名(默认file)',
+  },
+  pdf: {
+    tips: '这里使用   window.print() 来实现下载pdf的功能',
+  },
+  theme: {
+    change: '换肤',
+    documentation: '换肤文档',
+    tips: 'Tips: 它区别于 navbar 上的 theme-pick, 是两种不同的换肤方法，各自有不同的应用场景，具体请参考文档。',
+  },
+  tagsView: {
+    refresh: '刷新',
+    close: '关闭',
+    closeOthers: '关闭其它',
+    closeAll: '关闭所有',
+  },
+};

package/src/models/base-model.ts

@@ -0,0 +1,10 @@
+export class BaseModel {
+  constructor(data: any) {
+    if (data === null) {
+      return;
+    }
+    for (const key in data) {
+      this[key] = data[key];
+    }
+  }
+}

package/src/models/contact-model.ts

@@ -0,0 +1,23 @@
+import { Icontact } from "../types/icontact";
+import { BaseModel } from "./base-model";
+
+export class ContactModel extends BaseModel implements Icontact {
+  id?: number;
+  title?: string;
+  first_name?: string;
+  last_name?: string;
+  email: string;
+  phone?: string;
+  mobile?: string;
+  position?: string;
+  comments_guid?: string;
+  city: string;
+  state?: string;
+  zip_code: string;
+  street?: string;
+  country?: string;
+
+  constructor(data = []) {
+    super(data);
+  }
+}

package/src/models/meta-model.ts

@@ -0,0 +1,13 @@
+import { Meta } from "../types/meta";
+import { BaseModel } from "./base-model";
+import { Pagination } from "../types/pagination";
+
+export default class MetaModel extends BaseModel implements Meta {
+  include: [];
+  custom: [];
+  pagination: Pagination;
+
+  constructor(data = []) {
+    super(data);
+  }
+}

package/src/services/list-query-service.ts

@@ -0,0 +1,39 @@
+export default class ListQueryService {
+  key: string;
+  storageService: any;
+
+  constructor(key: any, storageService: any) {
+    this.key = key;
+    this.storageService = storageService;
+  }
+  updateSort(column) {
+    const sortTypes = {
+      ascending: 'asc',
+      descending: 'desc',
+    };
+    if (!sortTypes[column.order]) {
+      const query = this.getListQuery();
+      delete query['orderBy'];
+      delete query['sortedBy'];
+      this.setListQuery(query);
+    } else {
+      this.setListQuery(Object.assign(this.getListQuery(), { orderBy: column.prop, sortedBy: sortTypes[column.order] }));
+    }
+  }
+  getListQuery() {
+    let listQuery = {
+      meta: {
+        page: 1,
+        limit: 10,
+      }
+    };
+    listQuery = Object.assign(listQuery, this.storageService.get(this.key));
+    return listQuery;
+  }
+  updateListQuery(listQuery: any) {
+    this.setListQuery(Object.assign(this.getListQuery(), listQuery));
+  }
+  setListQuery(listQuery: any) {
+    this.storageService.set(this.key, listQuery);
+  }
+}

package/src/services/local-storage-service.ts

@@ -0,0 +1,27 @@
+export class LocalStorageService {
+  key: string | undefined;
+  constructor(key = '') {
+    this.key = key;
+  }
+  get(key, defaultValue = {}) {
+    if (localStorage[this.key] === undefined) {
+      return defaultValue;
+    }
+    const json = JSON.parse(localStorage[this.key]);
+    if (json[key]) {
+      return json[key];
+    }
+    return defaultValue;
+  }
+  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+  set(key, val) {
+    let data = localStorage[this.key];
+    if (data === undefined) {
+      data = {};
+    } else {
+      data = JSON.parse(data);
+    }
+    data[key] = val;
+    localStorage[this.key] = JSON.stringify(data);
+  }
+}

package/src/services/resolutions.js

@@ -0,0 +1,21 @@
+const resolutions = {
+  quarterResolution: {
+    xl: 6, lg: 6, md: 6, sm: 6, xs: 6,
+  },
+  halfResolution: {
+    xl: 12, lg: 12, md: 12, sm: 12, xs: 12,
+  },
+  fullFromSm: {
+    xl: 12, lg: 12, md: 12, sm: 24, xs: 24,
+  },
+  fullFromLg: {
+    xl: 12, lg: 24, md: 24, sm: 24, xs: 24,
+  },
+  fullResolution: {
+    xl: 24, lg: 24, md: 24, sm: 24, xs: 24,
+  },
+};
+
+export default function getResolution(size) {
+  return resolutions[size];
+}

package/src/types/article.js

@@ -0,0 +1,6 @@
+export class Article {
+    constructor() {
+        this.name = "article";
+    }
+}
+//# sourceMappingURL=article.js.map

package/src/types/article.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"article.js","sourceRoot":"","sources":["article.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,OAAO;IAApB;QACS,SAAI,GAAG,SAAS,CAAC;IAC1B,CAAC;CAAA"}

package/src/types/axiosInterface.ts

@@ -0,0 +1,54 @@
+import {
+  AxiosError,
+  AxiosRequestConfig,
+  AxiosResponse,
+  AxiosStatic,
+} from "axios";
+
+export interface AxiosInstance extends AxiosStatic {
+  $request<T = any>(config: AxiosRequestConfig): Promise<T>;
+  $get<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>;
+  $delete<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>;
+  $head<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>;
+  $options<T = any>(url: string, config?: AxiosRequestConfig): Promise<T>;
+  $post<T = any>(
+    url: string,
+    data?: any,
+    config?: AxiosRequestConfig
+  ): Promise<T>;
+  $put<T = any>(
+    url: string,
+    data?: any,
+    config?: AxiosRequestConfig
+  ): Promise<T>;
+  $patch<T = any>(
+    url: string,
+    data?: any,
+    config?: AxiosRequestConfig
+  ): Promise<T>;
+  setBaseURL(baseURL: string): void;
+  setHeader(
+    name: string,
+    value?: string | false,
+    scopes?: string | string[]
+  ): void;
+  setToken(
+    token: string | false,
+    type?: string,
+    scopes?: string | string[]
+  ): void;
+  onRequest(
+    callback: (
+      config: AxiosRequestConfig
+    ) => void | AxiosRequestConfig | Promise<AxiosRequestConfig>
+  ): void;
+  onResponse<T = any>(
+    callback: (
+      response: AxiosResponse<T>
+    ) => void | AxiosResponse<T> | Promise<AxiosResponse<T>>
+  ): void;
+  onError(callback: (error: AxiosError) => any): void;
+  onRequestError(callback: (error: AxiosError) => any): void;
+  onResponseError(callback: (error: AxiosError) => any): void;
+  create(options?: AxiosRequestConfig): AxiosInstance;
+}

package/src/types/collection.ts

@@ -0,0 +1,6 @@
+import {Meta} from "./meta";
+
+export interface Collection<T>{
+    data: T[];
+    meta: Meta
+}

package/src/types/error.ts

@@ -0,0 +1,3 @@
+interface IError {
+    message: string
+}

package/src/types/icontact.ts

@@ -0,0 +1,17 @@
+export interface Icontact {
+    id?: number;
+    title?: string;
+    first_name?: string;
+    last_name?: string;
+    email: string;
+    phone?: string;
+    mobile?: string;
+    position?: string;
+    comments_guid?: string;
+    city: string;
+    state?: string;
+    zip_code: string;
+    street?: string;
+    country?: string;
+
+}

package/src/types/meta.ts

@@ -0,0 +1,7 @@
+import { Pagination } from "./pagination";
+
+export interface Meta {
+  include: [];
+  custom: [];
+  pagination: Pagination;
+}

package/src/types/pagination.ts

@@ -0,0 +1,8 @@
+export interface Pagination {
+    total: number,
+    count: number,
+    per_page: number,
+    current_page: number,
+    total_pages: number,
+    links: []
+}