From 214d09928b8d17e551499f0f98deb068c57f9dc2 Mon Sep 17 00:00:00 2001 From: Lin Masahiro Date: Tue, 18 Oct 2022 19:52:08 +0900 Subject: [PATCH] fixed #61 --- README.md | 1 + dist/advanced.html | 2 +- dist/api.html | 4 ++-- dist/index.html | 2 +- dist/js/chunk-common.7d6166ac.js | 1 + dist/js/chunk-common.97cb9eab.js | 1 - dist/simple.html | 2 +- dist/usage.html | 4 ++-- package.json | 2 +- public/advanced.html | 2 +- public/api.html | 2 +- public/index.html | 2 +- public/simple.html | 2 +- public/usage.html | 2 +- src/components/TableLite.vue | 4 ++-- src/components/TableLiteTs.vue | 4 ++-- 16 files changed, 19 insertions(+), 18 deletions(-) create mode 100644 dist/js/chunk-common.7d6166ac.js delete mode 100644 dist/js/chunk-common.97cb9eab.js diff --git a/README.md b/README.md index c057831..379bb1d 100755 --- a/README.md +++ b/README.md @@ -117,6 +117,7 @@ A simple and lightweight data table component for Vue.js 3. Features sorting, pa [Go to Check!!](https://vue3-lite-table.vercel.app/usage#defMode) ### release + ver 1.2.6 : Fixed `#61`. ver 1.2.5 : Added table max-height prop and `#59` bugs. ver 1.2.4 : Added grouping features. `#53` ver 1.2.3 : Added option for fixed first column on horizontal scrolling. diff --git a/dist/advanced.html b/dist/advanced.html index 20b59cb..18ec444 100644 --- a/dist/advanced.html +++ b/dist/advanced.html @@ -6,4 +6,4 @@ $('#sidebar').hide(); } }); - })

vue3-table-lite

Advanced Example

Customize Page's dropdown

Source:

https://github.com/linmasahiro/vue3-table-lite/blob/master/src/examples/CustomizePageDropdown.vue

Fixed header and first column (vertically scrolling and horizontal scrolling)

Source:

https://github.com/linmasahiro/vue3-table-lite/blob/master/src/examples/FixedHeaderAndFirstColumn.vue

Copyright © 2021 Lin All Rights Reserved.

\ No newline at end of file + })

vue3-table-lite

Advanced Example

Customize Page's dropdown

Source:

https://github.com/linmasahiro/vue3-table-lite/blob/master/src/examples/CustomizePageDropdown.vue

Fixed header and first column (vertically scrolling and horizontal scrolling)

Source:

https://github.com/linmasahiro/vue3-table-lite/blob/master/src/examples/FixedHeaderAndFirstColumn.vue

Copyright © 2021 Lin All Rights Reserved.

\ No newline at end of file diff --git a/dist/api.html b/dist/api.html index 68bb5ba..f8fe15c 100644 --- a/dist/api.html +++ b/dist/api.html @@ -6,7 +6,7 @@ $('#sidebar').hide(); } }); - })

vue3-table-lite

API Reference

 

Props

  • title
    • Description: Table-title
    • Required: No
    • Type: String
    • Default: ""
  • is-slot-mode
    • Description: If you want use v-slot (V-slot Mode), set TRUE.
    • Required: No
    • Type: Boolean
    • Default: false
  • is-static-mode
    • Description: If you not need use ajax or axios to get any data. set TRUE.
    • Required: No
    • Type: Boolean
    • Default: false
  • has-checkbox
    • Description: Show checkbox on rows
    • Required: No
    • Type: Boolean
    • Default: false
  • checked-return-type
    • Description: Return checked row data's type
    • Required: No
    • Type: String
    • Default: key
    • Values: key | row
  • is-loading
    • Description: Show loading modal (Not required on is-static-mode)
    • Required: No
    • Type: Boolean
    • Default: false
  • is-re-search
    • Description: If reload data, be set true (Not required on is-static-mode)
    • Required: No
    • Type: Boolean
    • Default: false
  • is-fixed-first-column
    • Description: Fixed first column on horizontal scrolling
    • Required: No
    • Type: Boolean
    • Default: false
  • max-height
    • Description: Set table's max height
    • Required: No
    • Type: String || Number
    • Default: "auto"
  • columns
    • Description: The table columns
    • Required: Yes
    • Type: Array
    • Default: null
        • isKey
        • Description: If field is primary key. set to true
        • Required: No
        • Type: Boolean
        • Default: false
        • label
        • Description: Field lable for display
        • Required: Yes
        • Type: string
        • field
        • Description: Row field keyname
        • Required: Yes
        • Type: string
        • width
        • Description: Field's width size
        • Required: No
        • Type: string
        • sortable
        • Description: If the field can sorting. set to true
        • Required: No
        • Type: Boolean
        • Default: false
        • display
        • Description: You can customize display data in there. (html tag or Etc.)
        • Required: No
        • Type: Function
        • Default: null
        • headerClasses
        • Description: Data header's classes array
        • Required: No
        • Type: Array
        • Default: null
        • Example: ["bg-gray", "color-red"]
        • columnClasses
        • Description: Data column's classes array
        • Required: No
        • Type: Array
        • Default: null
        • Example: ["bg-gray", "color-red"]
        • headerStyles
        • Description: Data header's in-line style object
        • Required: No
        • Type: Object
        • Default: null
        • Example: {"background": "gray", "color": "red"}
        • columnStyles
        • Description: Data column's in-line style object
        • Required: No
        • Type: Object
        • Default: null
        • Example: {"background": "gray", "color": "red"}
  • rows
    • Description: Records
    • Required: Yes
    • Type: Array
  • rowClasses
    • Description: <tr> tag's classes
    • Required: No
    • Type: Array | Function
    • Example: ["a", "b"] | (row) => { return (row.name === "tony) ? ['member'] : [] }
  • total
    • Description: Records count
    • Required: Yes
    • Type: Number
  • sortable
    • Description: Order field and sort for Sortable
    • Required: Yes
    • Type: Object
        • order
        • Description: Field key
        • Required: Yes
        • Type: string
        • sort
        • Description: "asc" or "desc"
        • Required: Yes
        • Type: string
  • messages
    • Description: Messages
    • Required: No
    • Type: Object
        • pagingInfo
        • Required: No
        • Type: string
        • Default: "Showing {0}-{1} of {2}"
        • pageSizeChangeLabel
        • Required: No
        • Type: string
        • Default: "Row count:"
        • gotoPageLabel
        • Required: No
        • Type: string
        • Default: "Go to page:"
        • noDataAvailable
        • Required: No
        • Type: string
        • Default: "No data"
  • is-hide-paging
    • Description: No Show paging infomation on bottom
    • Required: No
    • Type: Boolean
    • Default: false
  • page
    • Description: If you want to control page no yourself, use it can will be to change page no.
    • Required: No
    • Type: Number
    • Default: 1
  • page-size
    • Description: Default display the number of items on one page. In most cases no set required.
    • Required: No
    • Type: Number
    • Default: 10
  • pageOptions
    • Description: Pages dropdown list
    • Required: No
    • Type: Array
    • Required: Yes
    • Type: Object
        • value
        • Required: Yes
        • Type: Number
        • text
        • Required: Yes
        • Type: Number | string
    • Default:[ { value: 10, text: 10 }, { value: 25, text: 25 }, { value: 50, text: 50 } ]
  • grouping-key
    • Description: If you want use grouping table, set your grouping field's name.
    • Required: No
    • Type: string
    • Default: null
  • has-group-toggle
    • Description: Show group toggle if you'r using grouping table.
    • Required: No
    • Type: Boolean
    • Default: false
  • grouping-display
    • Description: Customize grouping title display if you'r using grouping table.
    • Required: No
    • Type: Function
    • Default: null

Events

  • do-search
    • Description: Your search event. It's will be auto trigger after data sort and paging.
    • Required: Yes
    • Hint: It's required in default-mode, and in static-mode is not.
    • Type: (offset, limit, order, sort) => void
    • Arguments:
        • offset
        • Description: Offset value for database.
        • Required: Yes
        • Type: Number
        • limit
        • Description: limit value for database.
        • Required: Yes
        • Type: Number
        • order
        • Description: Sortable value for database.
        • Required: Yes
        • Type: string
        • sort
        • Description: Sortable value for database.
        • Required: Yes
        • Type: string
  • is-finished
    • Description: Will be trigger this function after table rendering finished.
    • Type: (elements) => void
    • Arguments:
        • elements
        • Description: Pass by has 「is-rows-el」 class name's elements.
        • Required: No
        • Type: Array
  • return-checked-rows
    • Description: Will be call this function after table checkbox on checked.
    • Type: (rowsKey) => void
    • Arguments:
        • rowsKey
        • Description: Pass by checked row's key field name.
        • Required: No
        • Type: Number
  • get-now-page
    • Description: You can get now page no from this function.
    • Type: (pageNo) => void
    • Arguments:
        • pageNo
        • Description: Pass by page no.
        • Required: No
        • Type: Number
  • row-clicked
    • Description: You can get row data from this function after row clicked.
    • Type: (rowData) => void
    • Arguments:
        • rowData
        • Description: Pass by row data.
        • Required: No
        • Type: Object

Slots

This is option. But, If you enabled V-slot mode, You should be to write it.

  • Field's name
    • Description: Show Row data's scope
    • Usage (Custom every one)
      +        })
      vue3-table-lite
      API Reference
       
      Props
      • title
        • Description: Table-title
        • Required: No
        • Type: String
        • Default: ""
      • is-slot-mode
        • Description: If you want use v-slot (V-slot Mode), set TRUE.
        • Required: No
        • Type: Boolean
        • Default: false
      • is-static-mode
        • Description: If you not need use ajax or axios to get any data. set TRUE.
        • Required: No
        • Type: Boolean
        • Default: false
      • has-checkbox
        • Description: Show checkbox on rows
        • Required: No
        • Type: Boolean
        • Default: false
      • checked-return-type
        • Description: Return checked row data's type
        • Required: No
        • Type: String
        • Default: key
        • Values: key | row
      • is-loading
        • Description: Show loading modal (Not required on is-static-mode)
        • Required: No
        • Type: Boolean
        • Default: false
      • is-re-search
        • Description: If reload data, be set true (Not required on is-static-mode)
        • Required: No
        • Type: Boolean
        • Default: false
      • is-fixed-first-column
        • Description: Fixed first column on horizontal scrolling
        • Required: No
        • Type: Boolean
        • Default: false
      • max-height
        • Description: Set table's max height
        • Required: No
        • Type: String || Number
        • Default: "auto"
      • columns
        • Description: The table columns
        • Required: Yes
        • Type: Array
        • Default: null
            • isKey
            • Description: If field is primary key. set to true
            • Required: No
            • Type: Boolean
            • Default: false
            • label
            • Description: Field lable for display
            • Required: Yes
            • Type: string
            • field
            • Description: Row field keyname
            • Required: Yes
            • Type: string
            • width
            • Description: Field's width size
            • Required: No
            • Type: string
            • sortable
            • Description: If the field can sorting. set to true
            • Required: No
            • Type: Boolean
            • Default: false
            • display
            • Description: You can customize display data in there. (html tag or Etc.)
            • Required: No
            • Type: Function
            • Default: null
            • headerClasses
            • Description: Data header's classes array
            • Required: No
            • Type: Array
            • Default: null
            • Example: ["bg-gray", "color-red"]
            • columnClasses
            • Description: Data column's classes array
            • Required: No
            • Type: Array
            • Default: null
            • Example: ["bg-gray", "color-red"]
            • headerStyles
            • Description: Data header's in-line style object
            • Required: No
            • Type: Object
            • Default: null
            • Example: {"background": "gray", "color": "red"}
            • columnStyles
            • Description: Data column's in-line style object
            • Required: No
            • Type: Object
            • Default: null
            • Example: {"background": "gray", "color": "red"}
      • rows
        • Description: Records
        • Required: Yes
        • Type: Array
      • rowClasses
        • Description: <tr> tag's classes
        • Required: No
        • Type: Array | Function
        • Example: ["a", "b"] | (row) => { return (row.name === "tony) ? ['member'] : [] }
      • total
        • Description: Records count
        • Required: Yes
        • Type: Number
      • sortable
        • Description: Order field and sort for Sortable
        • Required: Yes
        • Type: Object
            • order
            • Description: Field key
            • Required: Yes
            • Type: string
            • sort
            • Description: "asc" or "desc"
            • Required: Yes
            • Type: string
      • messages
        • Description: Messages
        • Required: No
        • Type: Object
            • pagingInfo
            • Required: No
            • Type: string
            • Default: "Showing {0}-{1} of {2}"
            • pageSizeChangeLabel
            • Required: No
            • Type: string
            • Default: "Row count:"
            • gotoPageLabel
            • Required: No
            • Type: string
            • Default: "Go to page:"
            • noDataAvailable
            • Required: No
            • Type: string
            • Default: "No data"
      • is-hide-paging
        • Description: No Show paging infomation on bottom
        • Required: No
        • Type: Boolean
        • Default: false
      • page
        • Description: If you want to control page no yourself, use it can will be to change page no.
        • Required: No
        • Type: Number
        • Default: 1
      • page-size
        • Description: Default display the number of items on one page. In most cases no set required.
        • Required: No
        • Type: Number
        • Default: 10
      • pageOptions
        • Description: Pages dropdown list
        • Required: No
        • Type: Array
        • Required: Yes
        • Type: Object
            • value
            • Required: Yes
            • Type: Number
            • text
            • Required: Yes
            • Type: Number | string
        • Default:[ { value: 10, text: 10 }, { value: 25, text: 25 }, { value: 50, text: 50 } ]
      • grouping-key
        • Description: If you want use grouping table, set your grouping field's name.
        • Required: No
        • Type: string
        • Default: null
      • has-group-toggle
        • Description: Show group toggle if you'r using grouping table.
        • Required: No
        • Type: Boolean
        • Default: false
      • grouping-display
        • Description: Customize grouping title display if you'r using grouping table.
        • Required: No
        • Type: Function
        • Default: null
      Events
      • do-search
        • Description: Your search event. It's will be auto trigger after data sort and paging.
        • Required: Yes
        • Hint: It's required in default-mode, and in static-mode is not.
        • Type: (offset, limit, order, sort) => void
        • Arguments:
            • offset
            • Description: Offset value for database.
            • Required: Yes
            • Type: Number
            • limit
            • Description: limit value for database.
            • Required: Yes
            • Type: Number
            • order
            • Description: Sortable value for database.
            • Required: Yes
            • Type: string
            • sort
            • Description: Sortable value for database.
            • Required: Yes
            • Type: string
      • is-finished
        • Description: Will be trigger this function after table rendering finished.
        • Type: (elements) => void
        • Arguments:
            • elements
            • Description: Pass by has 「is-rows-el」 class name's elements.
            • Required: No
            • Type: Array
      • return-checked-rows
        • Description: Will be call this function after table checkbox on checked.
        • Type: (rowsKey) => void
        • Arguments:
            • rowsKey
            • Description: Pass by checked row's key field name.
            • Required: No
            • Type: Number
      • get-now-page
        • Description: You can get now page no from this function.
        • Type: (pageNo) => void
        • Arguments:
            • pageNo
            • Description: Pass by page no.
            • Required: No
            • Type: Number
      • row-clicked
        • Description: You can get row data from this function after row clicked.
        • Type: (rowData) => void
        • Arguments:
            • rowData
            • Description: Pass by row data.
            • Required: No
            • Type: Object
      Slots
      This is option. But, If you enabled V-slot mode, You should be to write it.
      • Field's name
        • Description: Show Row data's scope
        • Usage (Custom every one)
           <template v-slot:id="data">
   <YourComponent>{{ data.value.id }}</YourComponent>
 </template>
@@ -20,4 +20,4 @@
 <template v-for="(col, i) of table.columns" v-slot:[col.field]="data" :key="i">
   <YourComponent>{{ data.value[col.field] }}</YourComponent>
 </template>
-                                 
      Copyright © 2021 Lin All Rights Reserved.
      
\ No newline at end of file
+

Copyright © 2021 Lin All Rights Reserved.

\ No newline at end of file diff --git a/dist/index.html b/dist/index.html index 593b483..d2853bb 100644 --- a/dist/index.html +++ b/dist/index.html @@ -6,4 +6,4 @@ $('#sidebar').hide(); } }); - })

vue3-table-lite

QuickStart

A simple and lightweight data table component for Vue.js 3. Features sorting, paging, row check, dynamic data rendering, supported TypeScript, and more.

Install

npm install vue3-table-lite --save

Include

import VueTableLite from 'vue3-table-lite'

TypeScript Include

import VueTableLite from 'vue3-table-lite/ts'

Copyright © 2021 Lin All Rights Reserved.

\ No newline at end of file + })

vue3-table-lite

QuickStart

A simple and lightweight data table component for Vue.js 3. Features sorting, paging, row check, dynamic data rendering, supported TypeScript, and more.

Install

npm install vue3-table-lite --save

Include

import VueTableLite from 'vue3-table-lite'

TypeScript Include

import VueTableLite from 'vue3-table-lite/ts'

Copyright © 2021 Lin All Rights Reserved.

\ No newline at end of file diff --git a/dist/js/chunk-common.7d6166ac.js b/dist/js/chunk-common.7d6166ac.js new file mode 100644 index 0000000..4ba2d67 --- /dev/null +++ b/dist/js/chunk-common.7d6166ac.js @@ -0,0 +1 @@ +(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-common"],{1:function(e,t,a){e.exports=a("4481")},2397:function(e,t,a){var o=a("9166");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var n=a("499e").default;n("e4c598ce",o,!0,{sourceMap:!1,shadowMode:!1})},4481:function(e,t,a){"use strict";a.r(t);a("e260"),a("e6cf"),a("cca6"),a("a79d");var o=a("7a23");function n(e,t,a,n,l,c){var i=Object(o["y"])("table-lite");return Object(o["r"])(),Object(o["e"])(i,{"is-loading":e.table.isLoading,columns:e.table.columns,rows:e.table.rows,total:e.table.totalRecordCount,sortable:e.table.sortable,messages:e.table.messages,onDoSearch:e.doSearch,onIsFinished:t[0]||(t[0]=function(t){return e.table.isLoading=!1})},null,8,["is-loading","columns","rows","total","sortable","messages","onDoSearch"])}a("4e82");var l=a("7ca8"),c=function(e,t){e+=1;for(var a=[],o=e;o<=t;o++)a.push({id:o,name:"TEST"+o,email:"test"+o+"@example.com"});return a},i=function(e,t){for(var a=[],o=t;o>e;o--)a.push({id:o,name:"TEST"+o,email:"test"+o+"@example.com"});return a},r=Object(o["k"])({name:"App",components:{TableLite:l["a"]},setup:function(){var e=Object(o["u"])({isLoading:!1,columns:[{label:"ID",field:"id",width:"3%",sortable:!0,isKey:!0},{label:"Name",field:"name",width:"10%",sortable:!0},{label:"Email",field:"email",width:"15%",sortable:!0}],rows:[],totalRecordCount:0,sortable:{order:"id",sort:"asc"}}),t=function(t,a,o,n){e.isLoading=!0,setTimeout((function(){e.isReSearch=void 0==t,(t>=10||a>=20)&&(a=20),e.rows="asc"==n?c(t,a):i(t,a),e.totalRecordCount=20,e.sortable.order=o,e.sortable.sort=n}),600)};return t(0,10,"id","asc"),{table:e,doSearch:t}}}),s=a("6b0d"),b=a.n(s);const d=b()(r,[["render",n]]);var g=d;a("b0c0");function u(e,t,a,n,l,c){var i=Object(o["y"])("Test"),r=Object(o["y"])("table-lite");return Object(o["r"])(),Object(o["e"])(r,{"is-slot-mode":!0,"is-loading":e.table.isLoading,columns:e.table.columns,rows:e.table.rows,total:e.table.totalRecordCount,sortable:e.table.sortable,onDoSearch:e.doSearch,onIsFinished:t[0]||(t[0]=function(t){return e.table.isLoading=!1})},{name:Object(o["E"])((function(e){return[Object(o["j"])(i,null,{default:Object(o["E"])((function(){return[Object(o["i"])(Object(o["z"])(e.value.name),1)]})),_:2},1024)]})),_:1},8,["is-loading","columns","rows","total","sortable","onDoSearch"])}var p={href:"#"};function v(e,t,a,n,l,c){return Object(o["r"])(),Object(o["g"])("a",p,[Object(o["x"])(e.$slots,"default")])}var f=Object(o["k"])({name:"test-component"});const h=b()(f,[["render",v]]);var O=h,j=function(e,t){e+=1;for(var a=[],o=e;o<=t;o++)a.push({id:o,name:"TEST"+o,email:"test"+o+"@example.com"});return a},m=function(e,t){for(var a=[],o=t;o>e;o--)a.push({id:o,name:"TEST"+o,email:"test"+o+"@example.com"});return a},y=Object(o["k"])({name:"App",components:{TableLite:l["a"],Test:O},setup:function(){var e=Object(o["u"])({isLoading:!1,columns:[{label:"ID",field:"id",width:"3%",sortable:!0,isKey:!0},{label:"Name",field:"name",width:"10%",sortable:!0},{label:"Email",field:"email",width:"15%",sortable:!0}],rows:[],totalRecordCount:0,sortable:{order:"id",sort:"asc"}}),t=function(t,a,o,n){e.isLoading=!0,setTimeout((function(){e.isReSearch=void 0==t,(t>=10||a>=20)&&(a=20),e.rows="asc"==n?j(t,a):m(t,a),e.totalRecordCount=20,e.sortable.order=o,e.sortable.sort=n}),600)};return t(0,10,"id","asc"),{table:e,doSearch:t}}});const k=b()(y,[["render",u]]);var w=k;function x(e,t,a,n,l,c){var i=Object(o["y"])("table-lite");return Object(o["r"])(),Object(o["e"])(i,{"is-static-mode":!0,columns:e.table.columns,rows:e.table.rows,total:e.table.totalRecordCount,sortable:e.table.sortable},null,8,["columns","rows","total","sortable"])}var A=Object(o["k"])({name:"App",components:{TableLite:l["a"]},setup:function(){for(var e=Object(o["u"])([]),t=0;t<126;t++)e.push({id:t,name:"TEST"+t,email:"test"+t+"@example.com"});var a=Object(o["u"])({columns:[{label:"ID",field:"id",width:"3%",sortable:!0,isKey:!0},{label:"Name",field:"name",width:"10%",sortable:!0},{label:"Email",field:"email",width:"15%",sortable:!0}],rows:e,totalRecordCount:Object(o["c"])((function(){return a.rows.length})),sortable:{order:"id",sort:"asc"}});return{table:a}}});const C=b()(A,[["render",x]]);var S=C;Object(o["d"])(g).mount("#default-mode"),Object(o["d"])(w).mount("#v-slot-mode"),Object(o["d"])(S).mount("#static-mode")},5406:function(e,t,a){"use strict";a("2397")},"7ca8":function(e,t,a){"use strict";a("4e82");var o=a("7a23"),n=function(e){return Object(o["t"])("data-v-1bdcb228"),e=e(),Object(o["s"])(),e},l={class:"vtl vtl-card"},c={key:0,class:"vtl-card-title"},i={class:"vtl-card-body"},r={class:"vtl-row"},s={key:0,class:"vtl-loading-mask"},b=n((function(){return Object(o["h"])("div",{class:"vtl-loading-content"},[Object(o["h"])("span",{style:{color:"white"}},"Loading...")],-1)})),d=[b],g={class:"vtl-thead"},u={class:"vtl-thead-tr"},p={key:0,class:"vtl-thead-th vtl-checkbox-th"},v=["onClick"],f=["set"],h={key:0,class:"vtl-tbody-tr vtl-group-tr"},O=["colspan"],j={class:"flex"},m={key:0,class:"animation"},y=["onClick"],k=["innerHTML"],w=["name","onClick"],x={key:0,class:"vtl-tbody-td"},A=["value"],C=["innerHTML"],S={key:1},P={key:0},T={key:1},E=["set"],z={key:0,class:"vtl-tbody-tr vtl-group-tr"},R=["colspan"],L={class:"flex"},M={key:0,class:"animation"},B=["onClick"],D=["innerHTML"],G=["name","onClick"],K={key:0,class:"vtl-tbody-td"},Q=["value"],F=["innerHTML"],I={key:1},N={key:0},H={key:1},U={key:0,class:"vtl-paging vtl-row"},J={class:"vtl-paging-info col-sm-12 col-md-4"},V={role:"status","aria-live":"polite"},q={class:"vtl-paging-change-div col-sm-12 col-md-4"},Y={class:"vtl-paging-count-label"},Z=["value"],W={class:"vtl-paging-page-label"},_=["value"],$={class:"vtl-paging-pagination-div col-sm-12 col-md-4"},X={class:"dataTables_paginate"},ee={class:"vtl-paging-pagination-ul vtl-pagination"},te=n((function(){return Object(o["h"])("span",{"aria-hidden":"true"},"«",-1)})),ae=n((function(){return Object(o["h"])("span",{class:"sr-only"},"First",-1)})),oe=[te,ae],ne=n((function(){return Object(o["h"])("span",{"aria-hidden":"true"},"<",-1)})),le=n((function(){return Object(o["h"])("span",{class:"sr-only"},"Prev",-1)})),ce=[ne,le],ie=["onClick"],re=n((function(){return Object(o["h"])("span",{"aria-hidden":"true"},">",-1)})),se=n((function(){return Object(o["h"])("span",{class:"sr-only"},"Next",-1)})),be=[re,se],de=n((function(){return Object(o["h"])("span",{"aria-hidden":"true"},"»",-1)})),ge=n((function(){return Object(o["h"])("span",{class:"sr-only"},"Last",-1)})),ue=[de,ge],pe={key:1,class:"vtl-row"},ve={class:"vtl-empty-msg col-sm-12 text-center"};function fe(e,t,a,n,b,te){return Object(o["r"])(),Object(o["g"])("div",l,[e.title?(Object(o["r"])(),Object(o["g"])("div",c,Object(o["z"])(e.title),1)):Object(o["f"])("",!0),Object(o["h"])("div",i,[Object(o["h"])("div",r,[Object(o["h"])("div",{class:Object(o["n"])(["col-sm-12",{"fixed-first-column":e.isFixedFirstColumn,"fixed-first-second-column":e.isFixedFirstColumn&&e.hasCheckbox}])},[e.isLoading?(Object(o["r"])(),Object(o["g"])("div",s,d)):Object(o["f"])("",!0),Object(o["h"])("table",{class:"vtl-table vtl-table-hover vtl-table-bordered vtl-table-responsive vtl-table-responsive-sm",ref:"localTable",style:Object(o["o"])("max-height: "+e.maxHeight+"px;")},[Object(o["h"])("thead",g,[Object(o["h"])("tr",u,[e.hasCheckbox?(Object(o["r"])(),Object(o["g"])("th",p,[Object(o["h"])("div",null,[Object(o["F"])(Object(o["h"])("input",{type:"checkbox",class:"vtl-thead-checkbox","onUpdate:modelValue":t[0]||(t[0]=function(t){return e.setting.isCheckAll=t})},null,512),[[o["A"],e.setting.isCheckAll]])])])):Object(o["f"])("",!0),(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.columns,(function(t,a){return Object(o["r"])(),Object(o["g"])("th",{class:Object(o["n"])(["vtl-thead-th",t.headerClasses]),key:a,style:Object(o["o"])(Object.assign({width:t.width?t.width:"auto"},t.headerStyles))},[Object(o["h"])("div",{class:Object(o["n"])(["vtl-thead-column",{"vtl-sortable":t.sortable,"vtl-both":t.sortable,"vtl-asc":e.setting.order===t.field&&"asc"===e.setting.sort,"vtl-desc":e.setting.order===t.field&&"desc"===e.setting.sort}]),onClick:function(a){return!!t.sortable&&e.doSort(t.field)}},Object(o["z"])(t.label),11,v)],6)})),128))])]),e.rows.length>0?(Object(o["r"])(),Object(o["g"])(o["a"],{key:0},[e.isStaticMode?(Object(o["r"])(),Object(o["g"])("tbody",{key:0,class:"vtl-tbody",set:e.templateRows=""==e.groupingKey?[e.localRows]:e.localRows},[(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.templateRows,(function(a,n){return Object(o["r"])(),Object(o["g"])(o["a"],{key:n},[""!=e.groupingKey?(Object(o["r"])(),Object(o["g"])("tr",h,[Object(o["h"])("td",{colspan:e.hasCheckbox?e.columns.length+1:e.columns.length,class:"vtl-tbody-td vtl-group-td"},[Object(o["h"])("div",j,[e.hasGroupToggle?(Object(o["r"])(),Object(o["g"])("div",m,[Object(o["h"])("a",{class:"cursor-pointer",onClick:function(t){return e.toggleGroup(t,n)}},"▼",8,y)])):Object(o["f"])("",!0),Object(o["h"])("div",{class:"ml-2",innerHTML:e.groupingDisplay?e.groupingDisplay(n):n},null,8,k)])],8,O)])):Object(o["f"])("",!0),(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(a,(function(a,l){return Object(o["r"])(),Object(o["g"])("tr",{key:a[e.setting.keyColumn]?a[e.setting.keyColumn]:l,name:"vtl-group-"+n,class:Object(o["n"])(["vtl-tbody-tr","function"===typeof e.rowClasses?e.rowClasses(a):e.rowClasses]),onClick:function(t){return e.$emit("row-clicked",a)}},[e.hasCheckbox?(Object(o["r"])(),Object(o["g"])("td",x,[Object(o["h"])("div",null,[Object(o["h"])("input",{type:"checkbox",class:"vtl-tbody-checkbox",ref:function(t){e.rowCheckbox.push(t)},value:a[e.setting.keyColumn],onClick:t[1]||(t[1]=function(){return e.checked&&e.checked.apply(e,arguments)})},null,8,A)])])):Object(o["f"])("",!0),(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.columns,(function(t,n){return Object(o["r"])(),Object(o["g"])("td",{key:n,class:Object(o["n"])(["vtl-tbody-td",t.columnClasses]),style:Object(o["o"])(t.columnStyles)},[t.display?(Object(o["r"])(),Object(o["g"])("div",{key:0,innerHTML:t.display(a)},null,8,C)):(Object(o["r"])(),Object(o["g"])("div",S,[e.setting.isSlotMode&&e.slots[t.field]?(Object(o["r"])(),Object(o["g"])("div",P,[Object(o["x"])(e.$slots,t.field,{value:a},void 0,!0)])):(Object(o["r"])(),Object(o["g"])("span",T,Object(o["z"])(a[t.field]),1))]))],6)})),128))],10,w)})),128))],64)})),128))],8,f)):(Object(o["r"])(),Object(o["g"])("tbody",{key:1,set:e.templateRows=""==e.groupingKey?[e.rows]:e.groupingRows},[(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.templateRows,(function(a,n){return Object(o["r"])(),Object(o["g"])(o["a"],{key:n},[""!=e.groupingKey?(Object(o["r"])(),Object(o["g"])("tr",z,[Object(o["h"])("td",{colspan:e.hasCheckbox?e.columns.length+1:e.columns.length,class:"vtl-tbody-td vtl-group-td"},[Object(o["h"])("div",L,[e.hasGroupToggle?(Object(o["r"])(),Object(o["g"])("div",M,[Object(o["h"])("a",{class:"cursor-pointer",onClick:function(t){return e.toggleGroup(t,n)}},"▼",8,B)])):Object(o["f"])("",!0),Object(o["h"])("div",{class:"ml-2",innerHTML:e.groupingDisplay?e.groupingDisplay(n):n},null,8,D)])],8,R)])):Object(o["f"])("",!0),(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(a,(function(a,l){return Object(o["r"])(),Object(o["g"])("tr",{name:"vtl-group-"+n,key:a[e.setting.keyColumn]?a[e.setting.keyColumn]:l,class:Object(o["n"])(["vtl-tbody-tr","function"===typeof e.rowClasses?e.rowClasses(a):e.rowClasses]),onClick:function(t){return e.$emit("row-clicked",a)}},[e.hasCheckbox?(Object(o["r"])(),Object(o["g"])("td",K,[Object(o["h"])("div",null,[Object(o["h"])("input",{type:"checkbox",class:"vtl-tbody-checkbox",ref:function(t){e.rowCheckbox.push(t)},value:a[e.setting.keyColumn],onClick:t[2]||(t[2]=function(){return e.checked&&e.checked.apply(e,arguments)})},null,8,Q)])])):Object(o["f"])("",!0),(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.columns,(function(t,n){return Object(o["r"])(),Object(o["g"])("td",{key:n,class:Object(o["n"])(["vtl-tbody-td",t.columnClasses]),style:Object(o["o"])(t.columnStyles)},[t.display?(Object(o["r"])(),Object(o["g"])("div",{key:0,innerHTML:t.display(a)},null,8,F)):(Object(o["r"])(),Object(o["g"])("div",I,[e.setting.isSlotMode&&e.slots[t.field]?(Object(o["r"])(),Object(o["g"])("div",N,[Object(o["x"])(e.$slots,t.field,{value:a},void 0,!0)])):(Object(o["r"])(),Object(o["g"])("span",H,Object(o["z"])(a[t.field]),1))]))],6)})),128))],10,G)})),128))],64)})),128))],8,E))],64)):Object(o["f"])("",!0)],4)],2)]),e.rows.length>0?(Object(o["r"])(),Object(o["g"])("div",U,[e.setting.isHidePaging?Object(o["f"])("",!0):(Object(o["r"])(),Object(o["g"])(o["a"],{key:0},[Object(o["h"])("div",J,[Object(o["h"])("div",V,Object(o["z"])(e.stringFormat(e.messages.pagingInfo,e.setting.offset,e.setting.limit,e.total)),1)]),Object(o["h"])("div",q,[Object(o["h"])("span",Y,Object(o["z"])(e.messages.pageSizeChangeLabel),1),Object(o["F"])(Object(o["h"])("select",{class:"vtl-paging-count-dropdown","onUpdate:modelValue":t[3]||(t[3]=function(t){return e.setting.pageSize=t})},[(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.pageOptions,(function(e){return Object(o["r"])(),Object(o["g"])("option",{value:e.value,key:e.value},Object(o["z"])(e.text),9,Z)})),128))],512),[[o["B"],e.setting.pageSize]]),Object(o["h"])("span",W,Object(o["z"])(e.messages.gotoPageLabel),1),Object(o["F"])(Object(o["h"])("select",{class:"vtl-paging-page-dropdown","onUpdate:modelValue":t[4]||(t[4]=function(t){return e.setting.page=t})},[(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.setting.maxPage,(function(e){return Object(o["r"])(),Object(o["g"])("option",{key:e,value:parseInt(e)},Object(o["z"])(e),9,_)})),128))],512),[[o["B"],e.setting.page]])]),Object(o["h"])("div",$,[Object(o["h"])("div",X,[Object(o["h"])("ul",ee,[Object(o["h"])("li",{class:Object(o["n"])(["vtl-paging-pagination-page-li vtl-paging-pagination-page-li-first page-item",{disabled:e.setting.page<=1}])},[Object(o["h"])("a",{class:"vtl-paging-pagination-page-link vtl-paging-pagination-page-link-first page-link",href:"javascript:void(0)","aria-label":"Previous",onClick:t[5]||(t[5]=function(t){return e.setting.page=1})},oe)],2),Object(o["h"])("li",{class:Object(o["n"])(["vtl-paging-pagination-page-li vtl-paging-pagination-page-li-prev page-item",{disabled:e.setting.page<=1}])},[Object(o["h"])("a",{class:"vtl-paging-pagination-page-link vtl-paging-pagination-page-link-prev page-link",href:"javascript:void(0)","aria-label":"Previous",onClick:t[6]||(t[6]=function(){return e.prevPage&&e.prevPage.apply(e,arguments)})},ce)],2),(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.setting.paging,(function(t){return Object(o["r"])(),Object(o["g"])("li",{class:Object(o["n"])(["vtl-paging-pagination-page-li vtl-paging-pagination-page-li-number page-item",{disabled:e.setting.page===t}]),key:t},[Object(o["h"])("a",{class:"vtl-paging-pagination-page-link vtl-paging-pagination-page-link-number page-link",href:"javascript:void(0)",onClick:function(a){return e.movePage(t)}},Object(o["z"])(t),9,ie)],2)})),128)),Object(o["h"])("li",{class:Object(o["n"])(["vtl-paging-pagination-page-li vtl-paging-pagination-page-li-next page-item",{disabled:e.setting.page>=e.setting.maxPage}])},[Object(o["h"])("a",{class:"vtl-paging-pagination-page-link vtl-paging-pagination-page-link-next page-link",href:"javascript:void(0)","aria-label":"Next",onClick:t[7]||(t[7]=function(){return e.nextPage&&e.nextPage.apply(e,arguments)})},be)],2),Object(o["h"])("li",{class:Object(o["n"])(["vtl-paging-pagination-page-li vtl-paging-pagination-page-li-last page-item",{disabled:e.setting.page>=e.setting.maxPage}])},[Object(o["h"])("a",{class:"vtl-paging-pagination-page-link vtl-paging-pagination-page-link-last page-link",href:"javascript:void(0)","aria-label":"Next",onClick:t[8]||(t[8]=function(t){return e.setting.page=e.setting.maxPage})},ue)],2)])])])],64))])):(Object(o["r"])(),Object(o["g"])("div",pe,[Object(o["h"])("div",ve,Object(o["z"])(e.messages.noDataAvailable),1)]))])])}a("a9e3"),a("d3b7"),a("159b"),a("ac1f"),a("5319");var he=Object(o["k"])({name:"my-table",emits:["return-checked-rows","do-search","is-finished","get-now-page","row-clicked"],props:{isLoading:{type:Boolean,require:!0},isReSearch:{type:Boolean,require:!0},hasCheckbox:{type:Boolean,default:!1},checkedReturnType:{type:String,default:"key"},title:{type:String,default:""},isFixedFirstColumn:{type:Boolean,default:!1},columns:{type:Array,default:function(){return[]}},rows:{type:Array,default:function(){return[]}},rowClasses:{type:[Array,Function],default:function(){return[]}},pageSize:{type:Number,default:10},total:{type:Number,default:100},page:{type:Number,default:1},sortable:{type:Object,default:function(){return{order:"id",sort:"asc"}}},messages:{type:Object,default:function(){return{pagingInfo:"Showing {0}-{1} of {2}",pageSizeChangeLabel:"Row count:",gotoPageLabel:"Go to page:",noDataAvailable:"No data"}}},isStaticMode:{type:Boolean,default:!1},isSlotMode:{type:Boolean,default:!1},isHidePaging:{type:Boolean,default:!1},pageOptions:{type:Array,default:function(){return[{value:10,text:10},{value:25,text:25},{value:50,text:50}]}},groupingKey:{type:String,default:""},hasGroupToggle:{type:Boolean,default:!1},groupingDisplay:{type:Function,default:null},maxHeight:{default:"auto"}},setup:function(e,t){var a=t.emit,n=t.slots,l=Object(o["v"])(null),c=e.pageOptions.length>0?Object(o["v"])(e.pageOptions[0].value):Object(o["v"])(e.pageSize);e.pageOptions.length>0&&e.pageOptions.forEach((function(t){Object.prototype.hasOwnProperty.call(t,"value")&&Object.prototype.hasOwnProperty.call(t,"text")&&e.pageSize==t.value&&(c.value=t.value)}));var i=Object(o["u"])({isSlotMode:e.isSlotMode,isCheckAll:!1,isHidePaging:e.isHidePaging,keyColumn:Object(o["c"])((function(){var t="";return Object.assign(e.columns).forEach((function(e){e.isKey&&(t=e.field)})),t})),page:e.page,pageSize:c.value,maxPage:Object(o["c"])((function(){if(e.total<=0)return 0;var t=Math.floor(e.total/i.pageSize),a=e.total%i.pageSize;return a>0&&t++,t})),offset:Object(o["c"])((function(){return(i.page-1)*i.pageSize+1})),limit:Object(o["c"])((function(){var t=i.page*i.pageSize;return e.total>=t?t:e.total})),paging:Object(o["c"])((function(){var e=i.page-2<=0?1:i.page-2;i.maxPage-i.page<=2&&(e=i.maxPage-4),e=e<=0?1:e;for(var t=[],a=e;a<=i.maxPage;a++)t.length<5&&t.push(a);return t})),order:e.sortable.order,sort:e.sortable.sort,pageOptions:e.pageOptions}),r=Object(o["c"])((function(){var t=e.rows,a=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"}),n="desc"===i.sort?-1:1;t.sort((function(e,t){return a.compare(e[i.order],t[i.order])*n}));var l=null;if(e.groupingKey){var c={};t.forEach((function(t){c[t[e.groupingKey]]||(c[t[e.groupingKey]]=[]),c[t[e.groupingKey]].push(t)})),l={};for(var r=i.offset-1;r1||t==o)&&a("do-search",c,r,n,l)};Object(o["D"])((function(){return i.page}),u),Object(o["D"])((function(){return e.page}),(function(e){e<=1?(i.page=1,a("get-now-page",i.page)):e>=i.maxPage?(i.page=i.maxPage,a("get-now-page",i.page)):i.page=e}));var p=function(){1===i.page?u(i.page,i.page):(i.page=1,i.isCheckAll=!1)};Object(o["D"])((function(){return i.pageSize}),p),Object(o["D"])((function(){return e.pageSize}),(function(e){i.pageSize=e}));var v=function(){if(1==i.page)return!1;i.page--},f=function(e){i.page=e},h=function(){if(i.page>=i.maxPage)return!1;i.page++};Object(o["D"])((function(){return e.rows}),(function(){(e.isReSearch||e.isStaticMode)&&(i.page=1),Object(o["m"])((function(){e.isStaticMode||j()}))}));var O=function(e){for(var t=arguments.length,a=new Array(t>1?t-1:0),o=1;o0&&j()}))})),e.hasCheckbox?{slots:n,localTable:l,localRows:r,setting:i,rowCheckbox:s,checked:b,doSort:g,prevPage:v,movePage:f,nextPage:h,stringFormat:O,groupingRows:m,toggleGroup:y}:{slots:n,localTable:l,localRows:r,setting:i,doSort:g,prevPage:v,movePage:f,nextPage:h,stringFormat:O,groupingRows:m,toggleGroup:y}}}),Oe=(a("5406"),a("6b0d")),je=a.n(Oe);const me=je()(he,[["render",fe],["__scopeId","data-v-1bdcb228"]]);t["a"]=me},9166:function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,'.vtl-checkbox-th[data-v-1bdcb228]{width:1%}.vtl-both[data-v-1bdcb228]{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC")}.vtl-sortable[data-v-1bdcb228]{cursor:pointer;background-position:100%;background-repeat:no-repeat;padding-right:30px!important}.vtl-asc[data-v-1bdcb228]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==)}.vtl-desc[data-v-1bdcb228]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=)}.vtl-loading-mask[data-v-1bdcb228]{position:absolute;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;flex-flow:column;transition:opacity .3s ease}.vtl-loading-content[data-v-1bdcb228]{flex:1;display:flex;align-items:center;justify-content:center}.vtl-card[data-v-1bdcb228]{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box}.vtl-card[data-v-1bdcb228],select[data-v-1bdcb228]{background-color:#fff}select[data-v-1bdcb228]{width:auto;border:1px solid #ccc;height:auto;padding:0;margin-bottom:0}.vtl-table[data-v-1bdcb228]{width:100%;margin-bottom:1rem;color:#212529;border-collapse:collapse}th[data-v-1bdcb228]{text-align:inherit}tr[data-v-1bdcb228]{display:table-row;vertical-align:inherit;border-color:inherit}.vtl-table-bordered thead td[data-v-1bdcb228],.vtl-table-bordered thead th[data-v-1bdcb228]{border-bottom-width:2px}.vtl-table thead th[data-v-1bdcb228]{vertical-align:bottom;color:#fff;background-color:#343a40;border-color:#454d55;border-bottom:2px solid #dee2e6}.vtl-table-bordered td[data-v-1bdcb228],.vtl-table-bordered th[data-v-1bdcb228]{border:1px solid #dee2e6}.vtl-table td[data-v-1bdcb228],.vtl-table th[data-v-1bdcb228]{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6;vertical-align:middle}.vtl-table-hover tbody tr[data-v-1bdcb228]:hover{color:#212529;background-color:rgba(0,0,0,.075)}.vtl-table-responsive[data-v-1bdcb228]{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.vtl-table-responsive>.vtl-table-bordered[data-v-1bdcb228]{border:0}.vtl-row[data-v-1bdcb228]{display:flex;flex-wrap:wrap}.vtl-pagination[data-v-1bdcb228]{margin:2px 0;white-space:nowrap;justify-content:flex-end;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-item.disabled .page-link[data-v-1bdcb228]{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.page-item:first-child .page-link[data-v-1bdcb228]{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-link[data-v-1bdcb228]{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.sr-only[data-v-1bdcb228]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*[data-v-1bdcb228],[data-v-1bdcb228]:after,[data-v-1bdcb228]:before{box-sizing:border-box}.col-sm-12[data-v-1bdcb228]{flex:0 0 100%;max-width:100%}.text-center[data-v-1bdcb228]{text-align:center}@media (min-width:576px){.vtl-table-responsive-sm[data-v-1bdcb228]{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.vtl-table-responsive-sm>.table-bordered[data-v-1bdcb228]{border:0}.col-md-4[data-v-1bdcb228]{flex:0 0 33.333333%;max-width:33.333333%}}.vtl-table thead th[data-v-1bdcb228]{position:sticky;top:0;z-index:1}.vtl-table thead th[data-v-1bdcb228]:first-child{position:sticky;left:0;z-index:2}.vtl-table tbody th[data-v-1bdcb228]{position:sticky;left:0;z-index:1}.fixed-first-column[data-v-1bdcb228]{overflow-x:auto}.fixed-first-column tr td[data-v-1bdcb228]:first-child,.fixed-first-column tr th[data-v-1bdcb228]:first-child{position:sticky;left:0}.fixed-first-second-column tr td[data-v-1bdcb228]:nth-child(2),.fixed-first-second-column tr th[data-v-1bdcb228]:nth-child(2){position:sticky;left:36px}.fixed-first-column tr td[data-v-1bdcb228]:first-child,.fixed-first-second-column tr td[data-v-1bdcb228]:nth-child(2){background-color:#fff}.flex[data-v-1bdcb228]{display:flex}.animation[data-v-1bdcb228]{transform:rotate(0deg);transition:transform .3s}.cursor-pointer[data-v-1bdcb228]{cursor:pointer}.rotated-90[data-v-1bdcb228]{transform:rotate(-90deg)}.hidden[data-v-1bdcb228]{display:none}.ml-2[data-v-1bdcb228]{margin-left:.5rem}',""]),e.exports=t}}]); \ No newline at end of file diff --git a/dist/js/chunk-common.97cb9eab.js b/dist/js/chunk-common.97cb9eab.js deleted file mode 100644 index f9d5729..0000000 --- a/dist/js/chunk-common.97cb9eab.js +++ /dev/null @@ -1 +0,0 @@ -(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-common"],{1:function(e,t,a){e.exports=a("4481")},"2e50":function(e,t,a){var o=a("464c");o.__esModule&&(o=o.default),"string"===typeof o&&(o=[[e.i,o,""]]),o.locals&&(e.exports=o.locals);var n=a("499e").default;n("f9e04e7c",o,!0,{sourceMap:!1,shadowMode:!1})},4481:function(e,t,a){"use strict";a.r(t);a("e260"),a("e6cf"),a("cca6"),a("a79d");var o=a("7a23");function n(e,t,a,n,l,i){var r=Object(o["y"])("table-lite");return Object(o["r"])(),Object(o["e"])(r,{"is-loading":e.table.isLoading,columns:e.table.columns,rows:e.table.rows,total:e.table.totalRecordCount,sortable:e.table.sortable,messages:e.table.messages,onDoSearch:e.doSearch,onIsFinished:t[0]||(t[0]=function(t){return e.table.isLoading=!1})},null,8,["is-loading","columns","rows","total","sortable","messages","onDoSearch"])}a("4e82");var l=a("7ca8"),i=function(e,t){e+=1;for(var a=[],o=e;o<=t;o++)a.push({id:o,name:"TEST"+o,email:"test"+o+"@example.com"});return a},r=function(e,t){for(var a=[],o=t;o>e;o--)a.push({id:o,name:"TEST"+o,email:"test"+o+"@example.com"});return a},c=Object(o["k"])({name:"App",components:{TableLite:l["a"]},setup:function(){var e=Object(o["u"])({isLoading:!1,columns:[{label:"ID",field:"id",width:"3%",sortable:!0,isKey:!0},{label:"Name",field:"name",width:"10%",sortable:!0},{label:"Email",field:"email",width:"15%",sortable:!0}],rows:[],totalRecordCount:0,sortable:{order:"id",sort:"asc"}}),t=function(t,a,o,n){e.isLoading=!0,setTimeout((function(){e.isReSearch=void 0==t,(t>=10||a>=20)&&(a=20),e.rows="asc"==n?i(t,a):r(t,a),e.totalRecordCount=20,e.sortable.order=o,e.sortable.sort=n}),600)};return t(0,10,"id","asc"),{table:e,doSearch:t}}}),s=a("6b0d"),d=a.n(s);const g=d()(c,[["render",n]]);var b=g;a("b0c0");function u(e,t,a,n,l,i){var r=Object(o["y"])("Test"),c=Object(o["y"])("table-lite");return Object(o["r"])(),Object(o["e"])(c,{"is-slot-mode":!0,"is-loading":e.table.isLoading,columns:e.table.columns,rows:e.table.rows,total:e.table.totalRecordCount,sortable:e.table.sortable,onDoSearch:e.doSearch,onIsFinished:t[0]||(t[0]=function(t){return e.table.isLoading=!1})},{name:Object(o["E"])((function(e){return[Object(o["j"])(r,null,{default:Object(o["E"])((function(){return[Object(o["i"])(Object(o["z"])(e.value.name),1)]})),_:2},1024)]})),_:1},8,["is-loading","columns","rows","total","sortable","onDoSearch"])}var p={href:"#"};function v(e,t,a,n,l,i){return Object(o["r"])(),Object(o["g"])("a",p,[Object(o["x"])(e.$slots,"default")])}var f=Object(o["k"])({name:"test-component"});const h=d()(f,[["render",v]]);var O=h,j=function(e,t){e+=1;for(var a=[],o=e;o<=t;o++)a.push({id:o,name:"TEST"+o,email:"test"+o+"@example.com"});return a},m=function(e,t){for(var a=[],o=t;o>e;o--)a.push({id:o,name:"TEST"+o,email:"test"+o+"@example.com"});return a},y=Object(o["k"])({name:"App",components:{TableLite:l["a"],Test:O},setup:function(){var e=Object(o["u"])({isLoading:!1,columns:[{label:"ID",field:"id",width:"3%",sortable:!0,isKey:!0},{label:"Name",field:"name",width:"10%",sortable:!0},{label:"Email",field:"email",width:"15%",sortable:!0}],rows:[],totalRecordCount:0,sortable:{order:"id",sort:"asc"}}),t=function(t,a,o,n){e.isLoading=!0,setTimeout((function(){e.isReSearch=void 0==t,(t>=10||a>=20)&&(a=20),e.rows="asc"==n?j(t,a):m(t,a),e.totalRecordCount=20,e.sortable.order=o,e.sortable.sort=n}),600)};return t(0,10,"id","asc"),{table:e,doSearch:t}}});const k=d()(y,[["render",u]]);var w=k;function x(e,t,a,n,l,i){var r=Object(o["y"])("table-lite");return Object(o["r"])(),Object(o["e"])(r,{"is-static-mode":!0,columns:e.table.columns,rows:e.table.rows,total:e.table.totalRecordCount,sortable:e.table.sortable},null,8,["columns","rows","total","sortable"])}var A=Object(o["k"])({name:"App",components:{TableLite:l["a"]},setup:function(){for(var e=Object(o["u"])([]),t=0;t<126;t++)e.push({id:t,name:"TEST"+t,email:"test"+t+"@example.com"});var a=Object(o["u"])({columns:[{label:"ID",field:"id",width:"3%",sortable:!0,isKey:!0},{label:"Name",field:"name",width:"10%",sortable:!0},{label:"Email",field:"email",width:"15%",sortable:!0}],rows:e,totalRecordCount:Object(o["c"])((function(){return a.rows.length})),sortable:{order:"id",sort:"asc"}});return{table:a}}});const C=d()(A,[["render",x]]);var S=C;Object(o["d"])(b).mount("#default-mode"),Object(o["d"])(w).mount("#v-slot-mode"),Object(o["d"])(S).mount("#static-mode")},"464c":function(e,t,a){var o=a("24fb");t=o(!1),t.push([e.i,'.vtl-checkbox-th[data-v-07a7d248]{width:1%}.vtl-both[data-v-07a7d248]{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC")}.vtl-sortable[data-v-07a7d248]{cursor:pointer;background-position:100%;background-repeat:no-repeat;padding-right:30px!important}.vtl-asc[data-v-07a7d248]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==)}.vtl-desc[data-v-07a7d248]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=)}.vtl-loading-mask[data-v-07a7d248]{position:absolute;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;flex-flow:column;transition:opacity .3s ease}.vtl-loading-content[data-v-07a7d248]{flex:1;display:flex;align-items:center;justify-content:center}.vtl-card[data-v-07a7d248]{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box}.vtl-card[data-v-07a7d248],select[data-v-07a7d248]{background-color:#fff}select[data-v-07a7d248]{width:auto;border:1px solid #ccc;height:auto;padding:0;margin-bottom:0}.vtl-table[data-v-07a7d248]{width:100%;margin-bottom:1rem;color:#212529;border-collapse:collapse}th[data-v-07a7d248]{text-align:inherit}tr[data-v-07a7d248]{display:table-row;vertical-align:inherit;border-color:inherit}.vtl-table-bordered thead td[data-v-07a7d248],.vtl-table-bordered thead th[data-v-07a7d248]{border-bottom-width:2px}.vtl-table thead th[data-v-07a7d248]{vertical-align:bottom;color:#fff;background-color:#343a40;border-color:#454d55;border-bottom:2px solid #dee2e6}.vtl-table-bordered td[data-v-07a7d248],.vtl-table-bordered th[data-v-07a7d248]{border:1px solid #dee2e6}.vtl-table td[data-v-07a7d248],.vtl-table th[data-v-07a7d248]{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6;vertical-align:middle}.vtl-table-hover tbody tr[data-v-07a7d248]:hover{color:#212529;background-color:rgba(0,0,0,.075)}.vtl-table-responsive[data-v-07a7d248]{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.vtl-table-responsive>.vtl-table-bordered[data-v-07a7d248]{border:0}.vtl-row[data-v-07a7d248]{display:flex;flex-wrap:wrap}.vtl-pagination[data-v-07a7d248]{margin:2px 0;white-space:nowrap;justify-content:flex-end;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-item.disabled .page-link[data-v-07a7d248]{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.page-item:first-child .page-link[data-v-07a7d248]{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-link[data-v-07a7d248]{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.sr-only[data-v-07a7d248]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*[data-v-07a7d248],[data-v-07a7d248]:after,[data-v-07a7d248]:before{box-sizing:border-box}.col-sm-12[data-v-07a7d248]{flex:0 0 100%;max-width:100%}.text-center[data-v-07a7d248]{text-align:center}@media (min-width:576px){.vtl-table-responsive-sm[data-v-07a7d248]{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.vtl-table-responsive-sm>.table-bordered[data-v-07a7d248]{border:0}.col-md-4[data-v-07a7d248]{flex:0 0 33.333333%;max-width:33.333333%}}.vtl-table thead th[data-v-07a7d248]{position:sticky;top:0;z-index:1}.vtl-table thead th[data-v-07a7d248]:first-child{position:sticky;left:0;z-index:2}.vtl-table tbody th[data-v-07a7d248]{position:sticky;left:0;z-index:1}.fixed-first-column[data-v-07a7d248]{overflow-x:auto}.fixed-first-column tr td[data-v-07a7d248]:first-child,.fixed-first-column tr th[data-v-07a7d248]:first-child{position:sticky;left:0}.fixed-first-second-column tr td[data-v-07a7d248]:nth-child(2),.fixed-first-second-column tr th[data-v-07a7d248]:nth-child(2){position:sticky;left:36px}.fixed-first-column tr td[data-v-07a7d248]:first-child,.fixed-first-second-column tr td[data-v-07a7d248]:nth-child(2){background-color:#fff}.flex[data-v-07a7d248]{display:flex}.animation[data-v-07a7d248]{transform:rotate(0deg);transition:transform .3s}.cursor-pointer[data-v-07a7d248]{cursor:pointer}.rotated-90[data-v-07a7d248]{transform:rotate(-90deg)}.hidden[data-v-07a7d248]{display:none}.ml-2[data-v-07a7d248]{margin-left:.5rem}',""]),e.exports=t},"513f":function(e,t,a){"use strict";a("2e50")},"7ca8":function(e,t,a){"use strict";a("4e82");var o=a("7a23"),n=function(e){return Object(o["t"])("data-v-07a7d248"),e=e(),Object(o["s"])(),e},l={class:"vtl vtl-card"},i={key:0,class:"vtl-card-title"},r={class:"vtl-card-body"},c={class:"vtl-row"},s={key:0,class:"vtl-loading-mask"},d=n((function(){return Object(o["h"])("div",{class:"vtl-loading-content"},[Object(o["h"])("span",{style:{color:"white"}},"Loading...")],-1)})),g=[d],b={class:"vtl-thead"},u={class:"vtl-thead-tr"},p={key:0,class:"vtl-thead-th vtl-checkbox-th"},v=["onClick"],f=["set"],h={key:0,class:"vtl-tbody-tr vtl-group-tr"},O=["colspan"],j={class:"flex"},m={key:0,class:"animation"},y=["onClick"],k=["innerHTML"],w=["name","onClick"],x={key:0,class:"vtl-tbody-td"},A=["value"],C=["innerHTML"],S={key:1},P={key:0},T={key:1},E=["set"],z={key:0,class:"vtl-tbody-tr vtl-group-tr"},R=["colspan"],L={class:"flex"},M={key:0,class:"animation"},B=["onClick"],D=["innerHTML"],G=["name","onClick"],K={key:0,class:"vtl-tbody-td"},Q=["value"],F=["innerHTML"],I={key:1},N={key:0},H={key:1},U={key:0,class:"vtl-paging vtl-row"},J={class:"vtl-paging-info col-sm-12 col-md-4"},V={role:"status","aria-live":"polite"},q={class:"vtl-paging-change-div col-sm-12 col-md-4"},Y={class:"vtl-paging-count-label"},Z=["value"],W={class:"vtl-paging-page-label"},_=["value"],$={class:"vtl-paging-pagination-div col-sm-12 col-md-4"},X={class:"dataTables_paginate"},ee={class:"vtl-paging-pagination-ul vtl-pagination"},te=n((function(){return Object(o["h"])("span",{"aria-hidden":"true"},"«",-1)})),ae=n((function(){return Object(o["h"])("span",{class:"sr-only"},"First",-1)})),oe=[te,ae],ne=n((function(){return Object(o["h"])("span",{"aria-hidden":"true"},"<",-1)})),le=n((function(){return Object(o["h"])("span",{class:"sr-only"},"Prev",-1)})),ie=[ne,le],re=["onClick"],ce=n((function(){return Object(o["h"])("span",{"aria-hidden":"true"},">",-1)})),se=n((function(){return Object(o["h"])("span",{class:"sr-only"},"Next",-1)})),de=[ce,se],ge=n((function(){return Object(o["h"])("span",{"aria-hidden":"true"},"»",-1)})),be=n((function(){return Object(o["h"])("span",{class:"sr-only"},"Last",-1)})),ue=[ge,be],pe={key:1,class:"vtl-row"},ve={class:"vtl-empty-msg col-sm-12 text-center"};function fe(e,t,a,n,d,te){return Object(o["r"])(),Object(o["g"])("div",l,[e.title?(Object(o["r"])(),Object(o["g"])("div",i,Object(o["z"])(e.title),1)):Object(o["f"])("",!0),Object(o["h"])("div",r,[Object(o["h"])("div",c,[Object(o["h"])("div",{class:Object(o["n"])(["col-sm-12",{"fixed-first-column":e.isFixedFirstColumn,"fixed-first-second-column":e.isFixedFirstColumn&&e.hasCheckbox}])},[e.isLoading?(Object(o["r"])(),Object(o["g"])("div",s,g)):Object(o["f"])("",!0),Object(o["h"])("table",{class:"vtl-table vtl-table-hover vtl-table-bordered vtl-table-responsive vtl-table-responsive-sm",ref:"localTable",style:Object(o["o"])("max-height: "+e.maxHeight+"px;")},[Object(o["h"])("thead",b,[Object(o["h"])("tr",u,[e.hasCheckbox?(Object(o["r"])(),Object(o["g"])("th",p,[Object(o["h"])("div",null,[Object(o["F"])(Object(o["h"])("input",{type:"checkbox",class:"vtl-thead-checkbox","onUpdate:modelValue":t[0]||(t[0]=function(t){return e.setting.isCheckAll=t})},null,512),[[o["A"],e.setting.isCheckAll]])])])):Object(o["f"])("",!0),(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.columns,(function(t,a){return Object(o["r"])(),Object(o["g"])("th",{class:Object(o["n"])(["vtl-thead-th",t.headerClasses]),key:a,style:Object(o["o"])(Object.assign({width:t.width?t.width:"auto"},t.headerStyles))},[Object(o["h"])("div",{class:Object(o["n"])(["vtl-thead-column",{"vtl-sortable":t.sortable,"vtl-both":t.sortable,"vtl-asc":e.setting.order===t.field&&"asc"===e.setting.sort,"vtl-desc":e.setting.order===t.field&&"desc"===e.setting.sort}]),onClick:function(a){return!!t.sortable&&e.doSort(t.field)}},Object(o["z"])(t.label),11,v)],6)})),128))])]),e.rows.length>0?(Object(o["r"])(),Object(o["g"])(o["a"],{key:0},[e.isStaticMode?(Object(o["r"])(),Object(o["g"])("tbody",{key:0,class:"vtl-tbody",set:e.templateRows=""==e.groupingKey?[e.localRows]:e.localRows},[(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.templateRows,(function(a,n){return Object(o["r"])(),Object(o["g"])(o["a"],{key:n},[""!=e.groupingKey?(Object(o["r"])(),Object(o["g"])("tr",h,[Object(o["h"])("td",{colspan:e.hasCheckbox?e.columns.length+1:e.columns.length,class:"vtl-tbody-td vtl-group-td"},[Object(o["h"])("div",j,[e.hasGroupToggle?(Object(o["r"])(),Object(o["g"])("div",m,[Object(o["h"])("a",{class:"cursor-pointer",onClick:function(t){return e.toggleGroup(t,n)}},"▼",8,y)])):Object(o["f"])("",!0),Object(o["h"])("div",{class:"ml-2",innerHTML:e.groupingDisplay?e.groupingDisplay(n):n},null,8,k)])],8,O)])):Object(o["f"])("",!0),(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(a,(function(a,l){return Object(o["r"])(),Object(o["g"])("tr",{key:l,name:"vtl-group-"+n,class:Object(o["n"])(["vtl-tbody-tr","function"===typeof e.rowClasses?e.rowClasses(a):e.rowClasses]),onClick:function(t){return e.$emit("row-clicked",a)}},[e.hasCheckbox?(Object(o["r"])(),Object(o["g"])("td",x,[Object(o["h"])("div",null,[Object(o["h"])("input",{type:"checkbox",class:"vtl-tbody-checkbox",ref:function(t){e.rowCheckbox.push(t)},value:a[e.setting.keyColumn],onClick:t[1]||(t[1]=function(){return e.checked&&e.checked.apply(e,arguments)})},null,8,A)])])):Object(o["f"])("",!0),(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.columns,(function(t,n){return Object(o["r"])(),Object(o["g"])("td",{key:n,class:Object(o["n"])(["vtl-tbody-td",t.columnClasses]),style:Object(o["o"])(t.columnStyles)},[t.display?(Object(o["r"])(),Object(o["g"])("div",{key:0,innerHTML:t.display(a)},null,8,C)):(Object(o["r"])(),Object(o["g"])("div",S,[e.setting.isSlotMode&&e.slots[t.field]?(Object(o["r"])(),Object(o["g"])("div",P,[Object(o["x"])(e.$slots,t.field,{value:a},void 0,!0)])):(Object(o["r"])(),Object(o["g"])("span",T,Object(o["z"])(a[t.field]),1))]))],6)})),128))],10,w)})),128))],64)})),128))],8,f)):(Object(o["r"])(),Object(o["g"])("tbody",{key:1,set:e.templateRows=""==e.groupingKey?[e.rows]:e.groupingRows},[(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.templateRows,(function(a,n){return Object(o["r"])(),Object(o["g"])(o["a"],{key:n},[""!=e.groupingKey?(Object(o["r"])(),Object(o["g"])("tr",z,[Object(o["h"])("td",{colspan:e.hasCheckbox?e.columns.length+1:e.columns.length,class:"vtl-tbody-td vtl-group-td"},[Object(o["h"])("div",L,[e.hasGroupToggle?(Object(o["r"])(),Object(o["g"])("div",M,[Object(o["h"])("a",{class:"cursor-pointer",onClick:function(t){return e.toggleGroup(t,n)}},"▼",8,B)])):Object(o["f"])("",!0),Object(o["h"])("div",{class:"ml-2",innerHTML:e.groupingDisplay?e.groupingDisplay(n):n},null,8,D)])],8,R)])):Object(o["f"])("",!0),(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(a,(function(a,l){return Object(o["r"])(),Object(o["g"])("tr",{name:"vtl-group-"+n,key:l,class:Object(o["n"])(["vtl-tbody-tr","function"===typeof e.rowClasses?e.rowClasses(a):e.rowClasses]),onClick:function(t){return e.$emit("row-clicked",a)}},[e.hasCheckbox?(Object(o["r"])(),Object(o["g"])("td",K,[Object(o["h"])("div",null,[Object(o["h"])("input",{type:"checkbox",class:"vtl-tbody-checkbox",ref:function(t){e.rowCheckbox.push(t)},value:a[e.setting.keyColumn],onClick:t[2]||(t[2]=function(){return e.checked&&e.checked.apply(e,arguments)})},null,8,Q)])])):Object(o["f"])("",!0),(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.columns,(function(t,n){return Object(o["r"])(),Object(o["g"])("td",{key:n,class:Object(o["n"])(["vtl-tbody-td",t.columnClasses]),style:Object(o["o"])(t.columnStyles)},[t.display?(Object(o["r"])(),Object(o["g"])("div",{key:0,innerHTML:t.display(a)},null,8,F)):(Object(o["r"])(),Object(o["g"])("div",I,[e.setting.isSlotMode&&e.slots[t.field]?(Object(o["r"])(),Object(o["g"])("div",N,[Object(o["x"])(e.$slots,t.field,{value:a},void 0,!0)])):(Object(o["r"])(),Object(o["g"])("span",H,Object(o["z"])(a[t.field]),1))]))],6)})),128))],10,G)})),128))],64)})),128))],8,E))],64)):Object(o["f"])("",!0)],4)],2)]),e.rows.length>0?(Object(o["r"])(),Object(o["g"])("div",U,[e.setting.isHidePaging?Object(o["f"])("",!0):(Object(o["r"])(),Object(o["g"])(o["a"],{key:0},[Object(o["h"])("div",J,[Object(o["h"])("div",V,Object(o["z"])(e.stringFormat(e.messages.pagingInfo,e.setting.offset,e.setting.limit,e.total)),1)]),Object(o["h"])("div",q,[Object(o["h"])("span",Y,Object(o["z"])(e.messages.pageSizeChangeLabel),1),Object(o["F"])(Object(o["h"])("select",{class:"vtl-paging-count-dropdown","onUpdate:modelValue":t[3]||(t[3]=function(t){return e.setting.pageSize=t})},[(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.pageOptions,(function(e){return Object(o["r"])(),Object(o["g"])("option",{value:e.value,key:e.value},Object(o["z"])(e.text),9,Z)})),128))],512),[[o["B"],e.setting.pageSize]]),Object(o["h"])("span",W,Object(o["z"])(e.messages.gotoPageLabel),1),Object(o["F"])(Object(o["h"])("select",{class:"vtl-paging-page-dropdown","onUpdate:modelValue":t[4]||(t[4]=function(t){return e.setting.page=t})},[(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.setting.maxPage,(function(e){return Object(o["r"])(),Object(o["g"])("option",{key:e,value:parseInt(e)},Object(o["z"])(e),9,_)})),128))],512),[[o["B"],e.setting.page]])]),Object(o["h"])("div",$,[Object(o["h"])("div",X,[Object(o["h"])("ul",ee,[Object(o["h"])("li",{class:Object(o["n"])(["vtl-paging-pagination-page-li vtl-paging-pagination-page-li-first page-item",{disabled:e.setting.page<=1}])},[Object(o["h"])("a",{class:"vtl-paging-pagination-page-link vtl-paging-pagination-page-link-first page-link",href:"javascript:void(0)","aria-label":"Previous",onClick:t[5]||(t[5]=function(t){return e.setting.page=1})},oe)],2),Object(o["h"])("li",{class:Object(o["n"])(["vtl-paging-pagination-page-li vtl-paging-pagination-page-li-prev page-item",{disabled:e.setting.page<=1}])},[Object(o["h"])("a",{class:"vtl-paging-pagination-page-link vtl-paging-pagination-page-link-prev page-link",href:"javascript:void(0)","aria-label":"Previous",onClick:t[6]||(t[6]=function(){return e.prevPage&&e.prevPage.apply(e,arguments)})},ie)],2),(Object(o["r"])(!0),Object(o["g"])(o["a"],null,Object(o["w"])(e.setting.paging,(function(t){return Object(o["r"])(),Object(o["g"])("li",{class:Object(o["n"])(["vtl-paging-pagination-page-li vtl-paging-pagination-page-li-number page-item",{disabled:e.setting.page===t}]),key:t},[Object(o["h"])("a",{class:"vtl-paging-pagination-page-link vtl-paging-pagination-page-link-number page-link",href:"javascript:void(0)",onClick:function(a){return e.movePage(t)}},Object(o["z"])(t),9,re)],2)})),128)),Object(o["h"])("li",{class:Object(o["n"])(["vtl-paging-pagination-page-li vtl-paging-pagination-page-li-next page-item",{disabled:e.setting.page>=e.setting.maxPage}])},[Object(o["h"])("a",{class:"vtl-paging-pagination-page-link vtl-paging-pagination-page-link-next page-link",href:"javascript:void(0)","aria-label":"Next",onClick:t[7]||(t[7]=function(){return e.nextPage&&e.nextPage.apply(e,arguments)})},de)],2),Object(o["h"])("li",{class:Object(o["n"])(["vtl-paging-pagination-page-li vtl-paging-pagination-page-li-last page-item",{disabled:e.setting.page>=e.setting.maxPage}])},[Object(o["h"])("a",{class:"vtl-paging-pagination-page-link vtl-paging-pagination-page-link-last page-link",href:"javascript:void(0)","aria-label":"Next",onClick:t[8]||(t[8]=function(t){return e.setting.page=e.setting.maxPage})},ue)],2)])])])],64))])):(Object(o["r"])(),Object(o["g"])("div",pe,[Object(o["h"])("div",ve,Object(o["z"])(e.messages.noDataAvailable),1)]))])])}a("a9e3"),a("d3b7"),a("159b"),a("ac1f"),a("5319");var he=Object(o["k"])({name:"my-table",emits:["return-checked-rows","do-search","is-finished","get-now-page","row-clicked"],props:{isLoading:{type:Boolean,require:!0},isReSearch:{type:Boolean,require:!0},hasCheckbox:{type:Boolean,default:!1},checkedReturnType:{type:String,default:"key"},title:{type:String,default:""},isFixedFirstColumn:{type:Boolean,default:!1},columns:{type:Array,default:function(){return[]}},rows:{type:Array,default:function(){return[]}},rowClasses:{type:[Array,Function],default:function(){return[]}},pageSize:{type:Number,default:10},total:{type:Number,default:100},page:{type:Number,default:1},sortable:{type:Object,default:function(){return{order:"id",sort:"asc"}}},messages:{type:Object,default:function(){return{pagingInfo:"Showing {0}-{1} of {2}",pageSizeChangeLabel:"Row count:",gotoPageLabel:"Go to page:",noDataAvailable:"No data"}}},isStaticMode:{type:Boolean,default:!1},isSlotMode:{type:Boolean,default:!1},isHidePaging:{type:Boolean,default:!1},pageOptions:{type:Array,default:function(){return[{value:10,text:10},{value:25,text:25},{value:50,text:50}]}},groupingKey:{type:String,default:""},hasGroupToggle:{type:Boolean,default:!1},groupingDisplay:{type:Function,default:null},maxHeight:{default:"auto"}},setup:function(e,t){var a=t.emit,n=t.slots,l=Object(o["v"])(null),i=e.pageOptions.length>0?Object(o["v"])(e.pageOptions[0].value):Object(o["v"])(e.pageSize);e.pageOptions.length>0&&e.pageOptions.forEach((function(t){Object.prototype.hasOwnProperty.call(t,"value")&&Object.prototype.hasOwnProperty.call(t,"text")&&e.pageSize==t.value&&(i.value=t.value)}));var r=Object(o["u"])({isSlotMode:e.isSlotMode,isCheckAll:!1,isHidePaging:e.isHidePaging,keyColumn:Object(o["c"])((function(){var t="";return Object.assign(e.columns).forEach((function(e){e.isKey&&(t=e.field)})),t})),page:e.page,pageSize:i.value,maxPage:Object(o["c"])((function(){if(e.total<=0)return 0;var t=Math.floor(e.total/r.pageSize),a=e.total%r.pageSize;return a>0&&t++,t})),offset:Object(o["c"])((function(){return(r.page-1)*r.pageSize+1})),limit:Object(o["c"])((function(){var t=r.page*r.pageSize;return e.total>=t?t:e.total})),paging:Object(o["c"])((function(){var e=r.page-2<=0?1:r.page-2;r.maxPage-r.page<=2&&(e=r.maxPage-4),e=e<=0?1:e;for(var t=[],a=e;a<=r.maxPage;a++)t.length<5&&t.push(a);return t})),order:e.sortable.order,sort:e.sortable.sort,pageOptions:e.pageOptions}),c=Object(o["c"])((function(){var t=e.rows,a=new Intl.Collator(void 0,{numeric:!0,sensitivity:"base"}),n="desc"===r.sort?-1:1;t.sort((function(e,t){return a.compare(e[r.order],t[r.order])*n}));var l=null;if(e.groupingKey){var i={};t.forEach((function(t){i[t[e.groupingKey]]||(i[t[e.groupingKey]]=[]),i[t[e.groupingKey]].push(t)})),l={};for(var c=r.offset-1;c1||t==o)&&a("do-search",i,c,n,l)};Object(o["D"])((function(){return r.page}),u),Object(o["D"])((function(){return e.page}),(function(e){e<=1?(r.page=1,a("get-now-page",r.page)):e>=r.maxPage?(r.page=r.maxPage,a("get-now-page",r.page)):r.page=e}));var p=function(){1===r.page?u(r.page,r.page):(r.page=1,r.isCheckAll=!1)};Object(o["D"])((function(){return r.pageSize}),p),Object(o["D"])((function(){return e.pageSize}),(function(e){r.pageSize=e}));var v=function(){if(1==r.page)return!1;r.page--},f=function(e){r.page=e},h=function(){if(r.page>=r.maxPage)return!1;r.page++};Object(o["D"])((function(){return e.rows}),(function(){(e.isReSearch||e.isStaticMode)&&(r.page=1),Object(o["m"])((function(){e.isStaticMode||j()}))}));var O=function(e){for(var t=arguments.length,a=new Array(t>1?t-1:0),o=1;o0&&j()}))})),e.hasCheckbox?{slots:n,localTable:l,localRows:c,setting:r,rowCheckbox:s,checked:d,doSort:b,prevPage:v,movePage:f,nextPage:h,stringFormat:O,groupingRows:m,toggleGroup:y}:{slots:n,localTable:l,localRows:c,setting:r,doSort:b,prevPage:v,movePage:f,nextPage:h,stringFormat:O,groupingRows:m,toggleGroup:y}}}),Oe=(a("513f"),a("6b0d")),je=a.n(Oe);const me=je()(he,[["render",fe],["__scopeId","data-v-07a7d248"]]);t["a"]=me}}]); \ No newline at end of file diff --git a/dist/simple.html b/dist/simple.html index 0664067..80d2b36 100644 --- a/dist/simple.html +++ b/dist/simple.html @@ -6,4 +6,4 @@ $('#sidebar').hide(); } }); - })

vue3-table-lite

Simple Example

Copyright © 2021 Lin All Rights Reserved.

\ No newline at end of file + })

vue3-table-lite

Simple Example

Copyright © 2021 Lin All Rights Reserved.

\ No newline at end of file diff --git a/dist/usage.html b/dist/usage.html index 65f7324..19871c9 100644 --- a/dist/usage.html +++ b/dist/usage.html @@ -6,7 +6,7 @@ $('#sidebar').hide(); } }); - })

vue3-table-lite

Mode

vue3-table-lite is supported 3 rendering mode.

Default Mode

If you are always use API to get rows data. choose this mode.

Template:

+    })
vue3-table-lite
Mode
vue3-table-lite is supported 3 rendering mode.
Default Mode
If you are always use API to get rows data. choose this mode.
Template:
 <table-lite
   :is-loading="table.isLoading"
   :columns="table.columns"
@@ -264,4 +264,4 @@
         table,
       };
   },
-                    
Copyright © 2021 Lin All Rights Reserved.

\ No newline at end of file
+

Copyright © 2021 Lin All Rights Reserved.

\ No newline at end of file diff --git a/package.json b/package.json index 20a6691..280480b 100755 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "vue3-table-lite", - "version": "1.2.5", + "version": "1.2.6", "description": "A simple and lightweight data table component for Vue.js 3. Features sorting, paging, row check, dynamic data rendering, supported TypeScript, and more.", "repository": { "type": "git", diff --git a/public/advanced.html b/public/advanced.html index 9060680..b03e827 100755 --- a/public/advanced.html +++ b/public/advanced.html @@ -36,7 +36,7 @@

vue3-table-lite