
        <script setup>
        import { IframePreview } from '@viteplay/vue/iframe'
        const code = decodeURI("%3Cscript%20lang=%22ts%22%20setup%3E%0Aimport%20%7B%20FormContext%20%7D%20from%20'blitzar'%0Aimport%20%7B%20markRaw,%20onMounted%20%7D%20from%20'vue'%0Aimport%20CAdminTable%20from%20'../CAdminTable.vue'%0Aimport%20%7B%20SortState,%20TableInfo%20%7D%20from%20'../tableInfo'%0Aimport%20%7B%20Payment,%20Invoice,%20dbPayments,%20dbInvoices%20%7D%20from%20'./helpers/dbPaymentsAndInvoices'%0Aimport%20%7B%20InvoiceState,%20PaymentState%20%7D%20from%20'./helpers/dbPaymentsAndInvoices'%0A%0Aconst%20schema%20=%20%5B%0A%20%20%7B%0A%20%20%20%20id:%20'date',%0A%20%20%20%20label:%20'date',%0A%20%20%20%20parseValue:%20(_date:%20undefined,%20context:%20FormContext)%20=%3E%20%7B%0A%20%20%20%20%20%20const%20%7B%20paymentDate,%20invoiceDate%20%7D%20=%20context.formData%0A%20%20%20%20%20%20return%20paymentDate%20%7C%7C%20invoiceDate%0A%20%20%20%20%7D,%0A%20%20%20%20sortable:%20false,%0A%20%20%7D,%0A%20%20%7B%0A%20%20%20%20id:%20'state',%0A%20%20%20%20label:%20'state',%0A%20%20%20%20parseValue:%20(state:%20PaymentState%20%7C%20InvoiceState)%20=%3E%20%7B%0A%20%20%20%20%20%20if%20(state%20===%20'default'%20%7C%7C%20state%20===%20'request')%20return%20'%E5%85%A5%E9%87%91'%0A%20%20%20%20%20%20return%20'%E8%AB%8B%E6%B1%82'%0A%20%20%20%20%7D,%0A%20%20%20%20sortable:%20false,%0A%20%20%7D,%0A%20%20%7B%20id:%20'id',%20label:%20'id',%20sortable:%20false%20%7D,%0A%20%20%7B%20id:%20'companyId',%20label:%20'companyId',%20sortable:%20false%20%7D,%0A%20%20%7B%20id:%20'name',%20label:%20'name',%20sortable:%20false%20%7D,%0A%5D%0A%0Aconst%20tableInfo:%20TableInfo%3CPayment%20%7C%20Invoice%3E%20=%20%7B%0A%20%20schemaColumns:%20schema,%0A%20%20db:%20%5BdbInvoices,%20dbPayments%5D,%0A%7D%0A%0AonMounted(()%20=%3E%20%7B%0A%20%20const%20target%20=%20document.querySelector('.admin-table')?.parentNode%20??%20null%0A%0A%20%20//%20@ts-ignore%0A%20%20if%20(target)%20target.style.width%20=%20'860px'%0A%7D)%0A%0Aconst%20sortState:%20SortState%20=%20%5B%0A%20%20%7B%0A%20%20%20%20id:%20'_date',%0A%20%20%20%20direction:%20'desc',%0A%20%20%20%20parseValue:%20(_date:%20undefined,%20context)%20=%3E%20%7B%0A%20%20%20%20%20%20const%20%7B%20paymentDate,%20invoiceDate%20%7D%20=%20context.formData%0A%20%20%20%20%20%20return%20paymentDate%20%7C%7C%20invoiceDate%0A%20%20%20%20%7D,%0A%20%20%7D,%0A%20%20%7B%0A%20%20%20%20id:%20'state',%0A%20%20%20%20direction:%20'asc',%0A%20%20%20%20parseValue:%20(state:%20PaymentState%20%7C%20InvoiceState)%20=%3E%20%7B%0A%20%20%20%20%20%20if%20(state%20===%20'default'%20%7C%7C%20state%20===%20'request')%20return%201%0A%20%20%20%20%20%20return%202%0A%20%20%20%20%7D,%0A%20%20%7D,%0A%20%20%7B%0A%20%20%20%20id:%20'id',%0A%20%20%20%20direction:%20'desc',%0A%20%20%20%20parseValue:%20(id:%20string)%20=%3E%20%7B%0A%20%20%20%20%20%20return%20id.split('-').slice(1).join('-')%0A%20%20%20%20%7D,%0A%20%20%7D,%0A%5D%0A%3C/script%3E%0A%0A%3Ctemplate%3E%0A%20%20%3CCAdminTable%0A%20%20%20%20:P_SortState=%22sortState%22%0A%20%20%20%20:tableInfo=%22tableInfo%22%0A%20%20%20%20:p_Addable=%22true%22%0A%20%20%20%20p_Title=%22%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E6%BC%A2%E5%AD%97english%22%0A%20%20%20%20p_TableType=%22mini%22%0A%20%20%20%20p_EditType=%22row-click%22%0A%20%20/%3E%0A%3C/template%3E")

        const modules = {}
        import * as  module_0 from "blitzar"
          modules["blitzar"] = module_0
          
import * as  module_1 from "vue"
          modules["vue"] = module_1
          
import * as  module_2 from "vue"
          modules["vue"] = module_2
          
import  module_3 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CAdminTable/CAdminTable.vue"
          modules["../CAdminTable.vue"] = module_3
          
import * as  module_4 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CAdminTable/tableInfo"
          modules["../tableInfo"] = module_4
          
import * as  module_5 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CAdminTable/tableInfo"
          modules["../tableInfo"] = module_5
          
import * as  module_6 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CAdminTable/examples/helpers/dbPaymentsAndInvoices"
          modules["./helpers/dbPaymentsAndInvoices"] = module_6
          
import * as  module_7 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CAdminTable/examples/helpers/dbPaymentsAndInvoices"
          modules["./helpers/dbPaymentsAndInvoices"] = module_7
          
import * as  module_8 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CAdminTable/examples/helpers/dbPaymentsAndInvoices"
          modules["./helpers/dbPaymentsAndInvoices"] = module_8
          
import * as  module_9 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CAdminTable/examples/helpers/dbPaymentsAndInvoices"
          modules["./helpers/dbPaymentsAndInvoices"] = module_9
          
import * as  module_10 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CAdminTable/examples/helpers/dbPaymentsAndInvoices"
          modules["./helpers/dbPaymentsAndInvoices"] = module_10
          
import * as  module_11 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CAdminTable/examples/helpers/dbPaymentsAndInvoices"
          modules["./helpers/dbPaymentsAndInvoices"] = module_11
          
        </script>

        <template>
          <IframePreview :code="code" :modules="modules" />
        </template>
        