easybill-ui 1.4.1 → 1.4.2

package/components/CurdTable/src/types.ts

@@ -1,163 +0,0 @@
-import type { TableProps } from "element-plus/es/components/table/src/table/defaults"
-import type { OptionItem } from "../../ConstantStatus"
-import type { Fields, FormItem as FormItemType, TooltipProps } from "../../CurdForm"
-import type { ParamsItem } from "../../TableFilter"
-import type { EventObject, FormSchema } from "./../../CurdForm/src/types"
-// import { TableColumnCtx } from "element-plus"
-
-import type { VNode } from "vue"
-import type { FormDialogOptions } from "../../FormDialog/src/types"
-
-export type MaybePromise<T> = T | Promise<T>
-
-export interface CurdTableProps<T = unknown> extends Partial<TableProps<T>> {
-  rowKey?: string
-  data?: T[]
-  columns: ColumnItem<T>[]
-  pageOptions?: { pageIndex?: number; pageSize?: number; total?: number } & Fields
-  option?: Partial<PropOption>
-  fetchData?: (opt: FeachDataParam) => Promise<{ total?: number; list?: T[] } | void>
-  fetchCreate?: (formModel: Fields) => MaybePromise<void | boolean>
-  fetchEdit?: (formModel: Fields, row: T, index?: number) => MaybePromise<void | boolean>
-  fetchRemove?: (row: T, index: number) => Promise<void>
-}
-// extends Partial<TableColumnCtx<T>>
-export interface ColumnItemCtx<T> extends Partial<TableColumnCtx<T>> {
-  prop: string
-  label: string
-  type?: string
-  hidden?: boolean | ((item: ColumnItemCtx<T>, query: Fields) => boolean)
-  neverShow?: boolean // 表示不在列控制器里
-  children?: ColumnItem<T>[]
-  options?: Array<OptionItem> //数据字典
-  asyncOptions?: () => Promise<OptionItem[]>
-  eventObject?: EventObject
-  form?: Partial<FormItemType> | ((column: ColumnItemCtx<T>, row: T, query: Fields) => Partial<FormItemType>)
-  filter?: ColumnItemFilter
-  empty?: string | unknown
-  detail?: ColumnItemDetail
-  value?: unknown
-  copy?: boolean // 对某一列的单元格的值进行复制
-  vHtml?: boolean //当前列是否v-html渲染
-  header?: string | TableColumnHeader
-  headerComponent?: string | VNode
-}
-interface TableColumnCtx<T> {
-  className: string
-  labelClassName: string
-  property: string
-  prop: string
-  width: string | number
-  minWidth: string | number
-  renderHeader: (data: unknown) => VNode
-  sortable: boolean | string
-  sortMethod: (a: T, b: T) => number
-  sortBy: string | ((row: T, index: number) => string) | string[]
-  resizable: boolean
-  columnKey: string
-  rawColumnKey: string
-  align: string
-  headerAlign: string
-  showTooltipWhenOverflow: boolean
-  showOverflowTooltip: boolean
-  fixed: boolean | string
-  formatter: (row: T, column: ColumnItemCtx<T>, cellValue: unknown, index: number) => VNode | string
-  selectable: (row: T, index: number) => boolean
-  reserveSelection: boolean
-  filterMethod: FilterMethods<T>
-  filteredValue: string[]
-  filters: Filters
-  filterPlacement: string
-  filterMultiple: boolean
-  index: number | ((index: number) => number)
-  sortOrders: ("ascending" | "descending" | null)[]
-  renderCell: (data: unknown) => void
-  colSpan: number
-  rowSpan: number
-  // children: TableColumnCtx<T>[]
-  level: number
-  filterable: boolean | FilterMethods<T> | Filters
-  order: string
-  isColumnGroup: boolean
-  isSubColumn: boolean
-  columns: ColumnItemCtx<T>[]
-  getColumnIndex: () => number
-  no: number
-  filterOpened?: boolean
-}
-type FilterMethods<T> = (value: unknown, row: T, column: ColumnItemCtx<T>) => void
-type Filters = {
-  text: string
-  value: string
-}[]
-
-export type ColumnItem<T = unknown> = ColumnItemCtx<T>
-
-export interface TableColumnHeader {
-  title?: string
-  tooltip?: string | Partial<TooltipProps>
-}
-
-export interface PropOption {
-  operationWidth: number
-  operationBtnTitle: string
-  hideMenu: boolean // 是否隐藏右侧工具菜单
-  hideMenuAdd: boolean // 是否隐藏菜单中添加按钮
-  hideMenuRight: boolean // 是否隐藏菜单右侧
-  hideOperation: boolean // 是否隐藏操作列
-  hideOperationEdit: boolean // 是否隐藏操作列中的编辑按钮
-  hideOperationDetail: boolean // 是否隐藏操作列中的详情按钮
-  hideOperationDelete: boolean // 是否隐藏操作列中的删除按钮
-  hidePage: boolean // 是否隐藏分页器
-  excelTitle: string //导出表格的文件名
-  selectionProps: Fields //type=selection 的列属性
-  downloadMod: boolean | { excludes?: string[] }
-  pageProps: Fields
-  filterVisible: boolean
-  customActivatedFetch: boolean // 自定义执行onActivated内部的fetch执行，完全交由父组件控制
-  autoload: boolean
-  menuEvent: Partial<Record<MenuEventKey, () => void>>
-  filterAttrs: Partial<FormSchema>
-  formAttrs: FormAttrs
-  editOptions: FormDialogOptions
-  createOptions: FormDialogOptions
-}
-export type MenuEventKey = "refresh" | "searchToggle" | "size" | "export" | "operation"
-export type FormAttrs = Partial<FormSchema> & { width?: string | number }
-export interface ColumnItemFilter extends Partial<ParamsItem> {
-  inner?: boolean
-}
-
-export interface ColumnItemDetail {
-  label?: string
-  span?: number
-  value?: unknown
-}
-
-export interface TableAttr {
-  size?: string
-}
-
-export interface TableListQuery {
-  pageIndex: number
-  pageSize: number
-
-  [key: string]: unknown
-}
-
-export interface FeachDataParam {
-  listQuery: TableListQuery
-}
-
-export interface FetchDataOpt {
-  showLoading?: boolean
-  query?: Fields
-  resetPageIndex?: boolean
-}
-
-/**
- * Make all properties in T optional
- */
-type Partial<T> = {
-  [P in keyof T]?: T[P]
-}

package/components/CurdTable/utils/common.ts

@@ -1,33 +0,0 @@
-export function deepClone<T extends Array<T> | unknown>(sourceData: T): T {
-  if (Array.isArray(sourceData)) {
-    return sourceData.map((item) => deepClone(item)) as T
-  }
-  if (typeof sourceData !== "object" || sourceData === null || sourceData instanceof Function || sourceData instanceof Date || sourceData instanceof File || sourceData instanceof Symbol) {
-    return sourceData
-  }
-  const obj: T = {} as T
-  for (const key in sourceData) {
-    if ((typeof sourceData[key] === "object" || sourceData[key] instanceof Date || sourceData[key] instanceof File) && sourceData[key] !== null) {
-      obj[key] = deepClone(sourceData[key])
-    } else {
-      obj[key] = sourceData[key]
-    }
-  }
-  return obj
-}
-/**
- * 复制
- */
-export function copy(value: string) {
-  const oInput = document.createElement("input")
-  // input框的内容复制
-  oInput.value = value
-  document.body.appendChild(oInput)
-  // 选中
-  oInput.select() // 选择对象;
-  // 调 自带的Copy方法
-  document.execCommand("Copy") // 执行浏览器复制命令
-  // 复制成功后 移出 input节点
-  // oInput.remove()
-  document.body.removeChild(oInput)
-}

package/components/CurdTable/utils/tabelToExcel.ts

@@ -1,68 +0,0 @@
-/**
- * 导出excel
- */
-
-export function exportExcel(data: (string | number)[][], worksheetName: string, filename?: string) {
-  if (!filename) {
-    filename = worksheetName
-  }
-
-  tableToExcel(data, worksheetName, filename)
-}
-
-const tableToExcel = (function () {
-  const uri = "data:application/vnd.ms-excel;base64,",
-    template =
-      '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel"' +
-      'xmlns="http://www.w3.org/TR/REC-html40"><head><meta charset="UTF-8"><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>' +
-      "<x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets>" +
-      "</x:ExcelWorkbook></xml><![endif]-->" +
-      ' <style type="text/css">' +
-      ".excelTable {" +
-      "border-collapse:collapse;" +
-      " border:thin solid #999; " +
-      "}" +
-      "  .excelTable th {" +
-      "  border: thin solid #999;" +
-      " padding:20px;" +
-      " text-align: center;" +
-      " border-top: thin solid #999;" +
-      " background-color: #E6E6E6;" +
-      " }" +
-      " .excelTable td{" +
-      " border:thin solid #999;" +
-      " padding:2px 5px;" +
-      " text-align: left;" +
-      " }" +
-      " .excelTable .text-right{text-align:right;}" +
-      "</style>" +
-      '</head><body ><table class="excelTable">{table}</table></body></html>',
-    base64 = function (s: string) {
-      const encoder = new TextEncoder()
-      const utf8Array = encoder.encode(s)
-      return btoa(String.fromCharCode.apply(null, Array.from(utf8Array)))
-      return window.btoa(decodeURIComponent(encodeURIComponent(s)))
-    },
-    format = function (s: string, c: Record<string, string>) {
-      return s.replace(/{(\w+)}/g, function (_m, p) {
-        return c[p]
-      })
-    }
-  return function (data: (string | number)[][], worksheetName: string, filename: string) {
-    const tableStr = data
-      .map((a) => {
-        const td = a.map((td) => "<td class='" + (typeof td == "number" ? "text-right" : "") + "' style='" + (typeof td != "number" ? "mso-number-format:\\@;" : "") + "'>" + (td === undefined || td === null ? "" : td) + "</td>").join("")
-        return `<tr>${td}</tr>`
-      })
-      .join("")
-    setTimeout(() => {
-      const ctx = { worksheet: worksheetName || "Worksheet", table: tableStr }
-      //    window.location.href = uri + base64(format(template, ctx)) ;
-      const a = document.createElement("a")
-      a.href = uri + base64(format(template, ctx))
-      // console.log(format(template, ctx))
-      a.download = filename
-      a.click()
-    })
-  }
-})()

package/components/DetailInfo/index.ts

@@ -1,5 +0,0 @@
-import { withInstall } from "../../utils"
-import Instance from "./src/DetailInfo.vue"
-export const DetailInfo = withInstall("DetailInfo", Instance)
-export default DetailInfo
-export * from "./src/types"

package/components/DetailInfo/src/DetailInfo.vue

@@ -1,108 +0,0 @@
-<template>
-  <div class="detail-info" :class="[props.showType, $attrs.shadow]">
-    <div v-if="$slots.header || props.title || $slots.title" class="detail-info-header">
-      <slot name="header"></slot>
-      <div v-if="!$slots.header" class="header-left">
-        <div v-if="props.title && !$slots.title" class="title">{{ props.title }}</div>
-        <slot name="title"></slot>
-      </div>
-      <div v-if="!$slots.header" class="header-right">
-        <slot name="headerRight"></slot>
-      </div>
-    </div>
-    <div v-if="$slots.default" class="detail-info-body">
-      <slot></slot>
-    </div>
-    <div v-if="!$slots.default" class="detail-info-body" :class="[props.showType]" :style="{ '--gutter': props.gutter + 'px' }">
-      <div v-for="(item, i) in list" :key="i" class="table-detail-col" :span="item.span" :style="getItemStyle(item)">
-        <div class="item-col" :class="{ 'item-col-top': item.labelPosition == 'top' || props.labelPosition == 'top' }">
-          <div v-if="item.label" class="label" :style="getLabelStyle(item)">
-            <span>{{ item.label }}</span>
-            <DetailInfoTooltip :tooltip="item.tooltip" />
-          </div>
-          <div class="det">
-            <template v-if="item.slot">
-              <slot :name="item.slot" :row="item" :data="props.data" :index="i"></slot>
-            </template>
-            <template v-else>
-              <ConstantStatus v-if="item.options" :value="item.value as string" :options="item.options" />
-              <template v-else-if="item.type == 'image'">
-                <el-image :src="item.value as string" :preview-src-list="[item.value as string]" style="width: 40px; height: 40px; vertical-align: top" :fit="'cover'" v-bind="item.props"></el-image>
-              </template>
-              <component :is="item.type" v-else-if="item.type" v-model="item.value" v-bind="item.props"></component>
-              <template v-else><DetailInfoContent :data="item" /></template>
-            </template>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-export default {
-  name: "DetailInfo",
-}
-</script>
-<script lang="ts" setup>
-import { ElImage } from "element-plus"
-import { type PropType, computed } from "vue"
-import { ConstantStatus } from "../../ConstantStatus/src"
-import DetailInfoContent from "./DetailInfoContent.vue"
-import DetailInfoTooltip from "./DetailInfoTooltip.vue"
-import { type DetailDataItem } from "./types"
-
-const props = defineProps({
-  data: {
-    type: Array as PropType<DetailDataItem[]>,
-    default: () => [],
-  },
-  title: {
-    type: String,
-    default: "",
-  },
-  /** 显示方式，默认是normal，表格式、带边框，可选项：table、normal */
-  showType: {
-    type: String,
-    default: "normal",
-  },
-  labelWidth: {
-    type: [Number, String],
-    default: "",
-  },
-  labelPosition: {
-    type: String,
-    default: "left",
-  },
-  gutter: {
-    type: Number,
-    default: 0,
-  },
-})
-const list = computed(() => {
-  const d = props.data || []
-  return d.filter((item) => {
-    if (typeof item.hidden == "function") return !item.hidden(props.data)
-    if (typeof item.hidden != "undefined") return !item.hidden
-    return true
-  })
-})
-const getLabelWidth = (dataItem: DetailDataItem): string => {
-  const labelWidth = typeof dataItem.labelWidth !== "undefined" ? dataItem.labelWidth : props.labelWidth
-  const isNum = typeof labelWidth == "number" || (typeof labelWidth == "string" && /^\d+$/.test(labelWidth))
-  return !isNum ? labelWidth + "" : labelWidth + "px"
-}
-const getLabelStyle = (item: DetailDataItem) => {
-  let s = ""
-  if (item.labelStyle && typeof item.labelStyle == "object") {
-    const l = item.labelStyle
-    s = Object.keys(l)
-      .map((a) => a + ":" + l[a])
-      .join(";")
-  }
-  return `width: ${getLabelWidth(item)};` + s
-}
-const getItemStyle = (dataItem: DetailDataItem) => {
-  const width = (100 * (dataItem.span || 24)) / 24 + "%"
-  return { width: width, flex: "0 0 " + width }
-}
-</script>

package/components/DetailInfo/src/DetailInfoContent.vue

@@ -1,27 +0,0 @@
-<template>
-  <el-tooltip v-if="props.data.showOverflowTooltip" v-bind="getTooltipProps">
-    <div v-if="props.data.rawContent" style="text-overflow: ellipsis; white-space: nowrap; overflow: hidden" v-html="props.data.value"></div>
-    <div v-else style="text-overflow: ellipsis; white-space: nowrap; overflow: hidden">{{ props.data.value }}</div>
-  </el-tooltip>
-  <template v-else>
-    <div v-if="props.data.rawContent" v-html="props.data.value"></div>
-    <div v-else>{{ props.data.value }}</div>
-  </template>
-</template>
-<script lang="ts" setup>
-import { type PropType, computed } from "vue"
-import { type DetailDataItem } from "./types"
-const props = defineProps({
-  data: {
-    type: Object as PropType<DetailDataItem>,
-    default: () => ({}),
-  },
-})
-const getTooltipProps = computed(() => {
-  if (typeof props.data.showOverflowTooltip == "object") {
-    const { content, ...args } = props.data.showOverflowTooltip
-    return { content: content || props.data.value, ...args }
-  }
-  return { content: props.data.value }
-})
-</script>

package/components/DetailInfo/src/DetailInfoTooltip.vue

@@ -1,33 +0,0 @@
-<template>
-  <el-tooltip v-if="props.tooltip" v-bind="typeof props.tooltip == 'object' ? props.tooltip : {}">
-    <el-button class="tooltip" type="primary" link>
-      <el-icon><Warning /></el-icon>
-    </el-button>
-    <template #content>
-      <div v-html="getTooltipContent()"></div>
-    </template>
-  </el-tooltip>
-</template>
-<script lang="ts" setup>
-import { Warning } from "@element-plus/icons-vue"
-import type { PropType } from "vue"
-const props = defineProps({
-  tooltip: {
-    type: [String, Object] as PropType<string | import("element-plus/es/components/tooltip").ElTooltipProps>,
-    default: "",
-  },
-})
-const getTooltipContent = () => {
-  const tooltip = props.tooltip
-  if (!tooltip) {
-    return ""
-  }
-  if (typeof tooltip === "string") {
-    return tooltip
-  }
-  if (typeof tooltip === "object") {
-    return tooltip.content
-  }
-  return ""
-}
-</script>

package/components/DetailInfo/src/types.ts

@@ -1,23 +0,0 @@
-import type { ElTooltipProps } from "element-plus"
-import { defineComponent } from "vue"
-import type { OptionItem } from "../../ConstantStatus/src/types"
-
-export interface DetailDataItem extends Record<string, unknown> {
-  label?: string
-  value?: unknown
-  /** 当前项占的宽度，最大24, 默认24 */
-  span?: number
-  /** 当前数据的选项，里面包含的图标、颜色信息会自动显示 */
-  options?: Array<OptionItem>
-  /** type为image时，会把value当做image的url来显示图片 */
-  type?: string | ReturnType<typeof defineComponent>
-  labelWidth?: number | string
-  props?: Record<string, string>
-  slot?: string
-  tooltip?: string | ElTooltipProps
-  labelPosition?: string | "left" | "right" | "center" | "top"
-  labelStyle?: string | Record<string, string | number>
-  showOverflowTooltip?: boolean | string | Partial<ElTooltipProps>
-  rawContent?: boolean
-  hidden?: boolean | ((data: DetailDataItem[]) => boolean)
-}

package/components/FormDialog/index.ts

@@ -1,3 +0,0 @@
-import Instance from "./src/index"
-export const FormDialog = Instance
-export default FormDialog