@qqt-product/system 0.0.2 → 0.0.17

package/src/lib/components/QcustomConfigEdit/src/QcustomConfigRender.tsx

@@ -1,242 +0,0 @@
-import type { MapObjectNoneType, customContentSlotParams, customEditSlotParams } from './types'
-import { Ref } from 'vue'
-
-export function useColumnSlots(elsAccount: Ref) {
-  const purchaseOperation = [
-    {
-      label: '查看',
-      value: 'purchaseShow',
-    },
-    {
-      label: '编辑',
-      value: 'purchaseEdit',
-    },
-  ]
-
-  const saleOperation = [
-    {
-      label: '查看',
-      value: 'saleShow',
-    },
-    {
-      label: '编辑',
-      value: 'saleEdit',
-    },
-  ]
-
-  const purchaseOperation_defult = ({ row }: customContentSlotParams) => {
-    const optainLabel: string[] = []
-    for (const operation of purchaseOperation) {
-      for (const i in operation) {
-        if (i == 'value') {
-          if (row[operation.value] > 0) {
-            optainLabel.push(operation.label)
-          }
-        }
-      }
-    }
-
-    return [<span>{optainLabel.length == 0 ? '请选择' : optainLabel.join(',')}</span>]
-  }
-
-  const purchaseOperation_edit = ({ row, column }: customEditSlotParams) => {
-    let operatioValue: any = []
-    for (const operation of purchaseOperation) {
-      for (const i in operation) {
-        if (i == 'value') {
-          if (row[operation.value] > 0) {
-            operatioValue.push(operation.value)
-          }
-        }
-      }
-    }
-    const opts = purchaseOperation.map((n) => <a-select-option value={n.value}>{n.label}</a-select-option>)
-    const props = {
-      allowClear: true,
-      mode: 'multiple',
-      'default-value': operatioValue,
-    }
-    row[column.field] = operatioValue
-    const changeVal = (value: MapObjectNoneType) => {
-      if (!value) return
-      // const { msg = '' } = regExpOptions.find(n => n.value === value)
-      // row[column.property] = value
-      // row.alertMsg = msg // 正则验证提示语
-      for (const operation of purchaseOperation) {
-        if (value.includes(operation.value)) {
-          row[operation.value] = '1'
-        } else {
-          row[operation.value] = '0'
-        }
-      }
-      row[column.field] = value
-
-      operatioValue = value
-    }
-    const deselect = () => {
-      row[column.field] = []
-      for (const operation of purchaseOperation) {
-        row[operation.value] = '0'
-      }
-    }
-    return [
-      <a-select onDeselect={deselect} onChange={changeVal} {...props}>
-        {opts}
-      </a-select>,
-    ]
-  }
-
-  const saleOperation_default = ({ row }: customContentSlotParams) => {
-    const optainLabel: string[] = []
-    for (const operation of saleOperation) {
-      for (const i in operation) {
-        if (i == 'value') {
-          if (row[operation.value] > 0) {
-            optainLabel.push(operation.label)
-          }
-        }
-      }
-    }
-    return [<span>{optainLabel.length == 0 ? '请选择' : optainLabel.join(',')}</span>]
-  }
-  const saleOperation_edit = ({ row, column }: customEditSlotParams) => {
-    let operatioValue: string[] = []
-    for (const operation of saleOperation) {
-      for (const i in operation) {
-        if (i == 'value') {
-          if (row[operation.value] > 0) {
-            operatioValue.push(operation.value)
-          }
-        }
-      }
-    }
-    const opts = saleOperation.map((n) => <a-select-option value={n.value}>{n.label}</a-select-option>)
-
-    const props = {
-      allowClear: true,
-      mode: 'multiple',
-      'default-value': operatioValue,
-    }
-    row[column.property] = operatioValue
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const changeVal = (value: any) => {
-      if (!value) return
-      // const { msg = '' } = regExpOptions.find(n => n.value === value)
-      // row[column.property] = value
-      // row.alertMsg = msg // 正则验证提示语
-      for (const operation of saleOperation) {
-        if (value.includes(operation.value)) {
-          row[operation.value] = '1'
-        } else {
-          row[operation.value] = '0'
-        }
-      }
-      row[column.property] = value
-      operatioValue = value
-    }
-    const deselect = () => {
-      row[column.property] = []
-      for (const operation of saleOperation) {
-        row[operation.value] = '0'
-      }
-    }
-    return [
-      <a-select onDeselect={deselect} onChange={changeVal} {...props}>
-        {' '}
-        {opts}{' '}
-      </a-select>,
-    ]
-  }
-
-  const getCurrentLabel = (opts: MapObjectNoneType[], currentValue: MapObjectNoneType) => {
-    let str = null
-    if (opts && opts.length) {
-      const opt = opts.filter((item) => {
-        return item.value === currentValue
-      })
-      str = opt && opt.length ? opt[0].label : null
-      // console.log(str)
-    }
-    return str
-  }
-
-  const getMultipleCurrentLabel = (opts: MapObjectNoneType[], currentValue: MapObjectNoneType) => {
-    let str: string | null = null
-    if (opts && opts.length && currentValue.length) {
-      const opt = opts.filter((item) => {
-        return currentValue.includes(item.value)
-      })
-      str = opt && opt.length ? opt.map((rs) => rs.label).join(',') : null
-      // console.log(str)
-    }
-    return str
-  }
-
-  const defaultValue_default = ({ row }: customContentSlotParams) => {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    let editor: any[] = []
-    if (row.fieldType == 'select' && row.dictCode) {
-      editor = [<span>{getCurrentLabel(row.defaultValueOpts, row.defaultValue)}</span>]
-    } else if (row.fieldType == 'multiple' && row.dictCode) {
-      editor = [<span>{getMultipleCurrentLabel(row.defaultValueOpts, row.defaultValue)}</span>]
-    } else if (row.fieldType == 'switch') {
-      editor = [<m-switch v-model={row.defaultValue} />]
-    } else {
-      editor = [<span>{row.defaultValue}</span>]
-    }
-    return editor
-  }
-  const defaultValue_edit = ({ row }: customEditSlotParams) => {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    let editor: any[] = []
-    if (row.fieldType == 'select' && row.dictCode) {
-      editor = [<vxe-select v-model={row.defaultValue} options={row.defaultValueOpts} clearable />]
-    } else if (row.fieldType == 'multiple' && row.dictCode) {
-      if (row.defaultValue && typeof row.defaultValue === 'string') {
-        row.defaultValue = row.defaultValue.split(',')
-      }
-      editor = [<vxe-select v-model={row.defaultValue} options={row.defaultValueOpts} clearable multiple />]
-    } else if (row.fieldType == 'switch') {
-      editor = [<m-switch v-model={row.defaultValue} />]
-    } else {
-      editor = [<vxe-input clearable size="small" v-model={row.defaultValue} />]
-    }
-    return editor
-  }
-
-  const defaultValue_header = () => {
-    const contentTile = `可使用租户登录后数据用作默认值，使用方式例如:${elsAccount}`
-    return [
-      <vxe-tooltip content={contentTile} enterable>
-        <span>
-          默认值
-          <i class="vxe-icon--question"></i>
-        </span>
-      </vxe-tooltip>,
-    ]
-  }
-
-  const right_header = () => {
-    const renderContentTip = '扩展属性由开发人员选用'
-    const renderContent = '开发配置'
-    return [
-      <vxe-tooltip content={renderContentTip} enterable>
-        <span>
-          <i class="vxe-icon--edit-outline"></i>
-          {renderContent}
-        </span>
-      </vxe-tooltip>,
-    ]
-  }
-
-  return {
-    purchaseOperation_defult,
-    purchaseOperation_edit,
-    saleOperation_default,
-    saleOperation_edit,
-    defaultValue_default,
-    defaultValue_edit,
-    defaultValue_header,
-    right_header,
-  }
-}

package/src/lib/components/QcustomConfigEdit/src/types.ts

@@ -1,71 +0,0 @@
-import type { Ref } from 'vue'
-import { VxeTableDefines, VxeColumnPropTypes, VxeTableConstructor, VxeTablePrivateMethods, VxeGridConstructor } from 'vxe-table'
-export interface MapObjectNoneType {
-  [pro: string]: any
-}
-export interface RequestConfig extends MapObjectNoneType {
-  baseURL?: string
-  headers?: object
-  timeout?: number
-  url?: string
-  params?: object
-  data?: object
-}
-
-export interface ResponseData extends MapObjectNoneType {
-  code?: number
-  message?: string
-  result?: any
-  success?: boolean
-}
-
-export interface HttpClient {
-  get(config: RequestConfig): Promise<ResponseData>
-  post(config: RequestConfig): Promise<ResponseData>
-}
-
-export const INJECT_HTTP = 'http'
-
-export function getProperty<T, K extends keyof T>(o: T, name: K): T[K] {
-  return o[name] // o[name] is of type T[K]
-}
-
-export type GridQConfigEditRef = {
-  [pro: string]: Ref
-}
-export interface GridQConfigUnkownObj {
-  sys?: string
-  sortOrder?: number
-  option?: any
-  row?: any
-}
-
-export interface customContentSlotParams {
-  column: VxeTableDefines.ColumnInfo
-  columnIndex: number
-  $columnIndex: number
-  row: any
-  rowIndex: number
-  $rowIndex: number
-  isHidden: boolean
-  fixed: VxeColumnPropTypes.Fixed
-  type: string
-}
-
-export interface customEditSlotParams {
-  column: VxeTableDefines.ColumnInfo
-  columnIndex: number
-  $columnIndex: number
-  row: any
-  rowIndex: number
-  $rowIndex: number
-}
-
-export interface customActiveMethod {
-  row: any
-  rowIndex: number
-  column: VxeTableDefines.ColumnInfo
-  columnIndex: number
-  $table: VxeTableConstructor & VxeTablePrivateMethods
-  $grid: VxeGridConstructor | null | undefined
-}

package/src/lib/components/QcustomConfigEdit/src/useConfigComputed.ts

@@ -1,75 +0,0 @@
-import { computed } from 'vue'
-import { useConfigData } from './useConfigData'
-import { MapObjectNoneType } from './types'
-export function useConfigComputed() {
-  const showBusinessTips = computed(() => {
-    return sessionStorage.getItem('businessTipsShow') ? sessionStorage.getItem('businessTipsShow') : '1'
-  })
-  const gridHeight = computed(() => {
-    let minHeight = 200
-    const clientHeight = document.documentElement.clientHeight
-    minHeight = clientHeight - 200
-    return minHeight
-  })
-
-  const commonDevelopTabs = computed(() => {
-    const { currentStep } = useConfigData()
-    console.log('commonDevelopTabscommonDevelopTabscommonDevelopTabscommonDevelopTabs', currentStep.value)
-    const currentStepFromConfig: MapObjectNoneType[] = []
-    const currentStepGridConfig = [
-      { field: 'fixType', title: '冻结方式' },
-      { field: 'fold', title: '是否折叠', helpText: '系统允许的折叠字段，字段类型应为文本 、文本域、数字、小数、日期，且字段不必填' },
-    ]
-    const commonDevelopTabs: MapObjectNoneType[] = [
-      { field: 'switchConfig', title: '渲染配置', children: [] },
-      {
-        field: 'verifyConfig',
-        title: '校验配置',
-        children: [
-          { field: 'dataFormat', title: '数据格式' },
-          { field: 'regex', title: '正则表达式' },
-          { field: 'alertMsg', title: '正则验证提示语' },
-          { field: 'alertMsgI18nKey', title: '提示语I18nKey' },
-        ],
-      },
-      {
-        field: 'developPlus',
-        title: '增强开发',
-        children: [
-          { field: 'callback', title: 'PC绑定函数' },
-          { field: 'initFunction', title: 'M端绑定函数' },
-          { field: 'extend', title: '扩展' },
-          { field: 'fieldValidator', title: '自定义校验方法' },
-          { field: 'formula', title: '计算公式' },
-        ],
-      },
-    ]
-
-    if (currentStep.value == 2) {
-      for (const i of commonDevelopTabs) {
-        if (i.field == 'switchConfig') i.children = [...currentStepFromConfig]
-        break
-      }
-    }
-    if (currentStep.value == 3) {
-      for (const i of commonDevelopTabs) {
-        if (i.field == 'switchConfig') i.children = [...currentStepGridConfig]
-        break
-      }
-    }
-    for (const [i, v] of commonDevelopTabs.entries()) {
-      if (v.field == 'switchConfig' && v.children.length == 0) {
-        commonDevelopTabs.splice(i, 1)
-        break
-      }
-    }
-
-    return commonDevelopTabs
-  })
-
-  return {
-    showBusinessTips,
-    gridHeight,
-    commonDevelopTabs,
-  }
-}

package/src/lib/components/QcustomConfigEdit/src/useConfigData.ts

@@ -1,123 +0,0 @@
-import { shallowRef, reactive, ref } from 'vue'
-import * as customConfigEdits from './types'
-// import { VxeTableInstance } from 'vxe-table'
-// import type  {}
-export function useConfigData() {
-  //响应
-  const formRef = ref()
-  const groupGrid = ref()
-  const headGrid = ref()
-  const selectGrid = ref()
-  const dictCodeModal = ref()
-  const currentDictRow = ref()
-  const currentItemGrid = ref()
-  const itemGrid = ref()
-  const form = reactive({
-    templateName: '',
-    businessType: '',
-    company: '',
-    purchaseOrg: '',
-    purchaseGroup: '',
-    auditLayout: 'tab',
-    sortOrder: 1,
-    editLayout: 'tab',
-    examineLayout: 'tab',
-    defaultTypeFlag: false,
-    templateNumber: '',
-    templateVersion: '1',
-    extend: '',
-    id: '',
-    elsAccount: '',
-  })
-  const confirmLoading = ref<boolean>(true)
-  const currentStep = shallowRef<number>(0)
-  const companyCode = shallowRef<string>(`purchase_organization_info,org_name,org_code,org_category_code = "companyCode" && status="1"`)
-  const purchaseOrganization = shallowRef<string>(`purchase_organization_info,org_name,org_code,org_category_code = "purchaseOrganization" && status="1"`)
-  const purchaseGroup = shallowRef<string>(`purchase_organization_info,org_name,org_code,org_category_code = "purchaseGroup" && status="1"`)
-  const groupData = ref<customConfigEdits.MapObjectNoneType[]>()
-  const headData = ref<customConfigEdits.MapObjectNoneType[]>()
-  const itemData = ref<customConfigEdits.MapObjectNoneType[]>()
-  const fieldData = ref<customConfigEdits.MapObjectNoneType[]>()
-  const visible = ref<boolean>(false)
-  const drawerVisible = ref<boolean>(false)
-  const editorModalFlags = ref<boolean>(false)
-  const perviewOpen = shallowRef<boolean>(false)
-  const currentDrawer = ref<customConfigEdits.MapObjectNoneType>({})
-  const sampleCode = ref<string>()
-  const nowFieldType = ref<string>()
-  const currentRow = ref({})
-  const codeEditorFields = shallowRef<string[]>(['callback', 'initFunction', 'extend', 'fieldValidator'])
-  const switchFields = shallowRef<string[]>(['sys', 'mobile', 'audit'])
-  const headRules = shallowRef({
-    groupCode: [{ required: true, message: '请选择分组' }],
-    fieldName: [{ required: true, message: '请输入字段名' }],
-    fieldLabel: [{ required: true, message: '请输入字段描述' }],
-    fieldType: [{ required: true, message: '请选择字段类型' }],
-  })
-  const itemRules = shallowRef({
-    fieldName: [{ required: true, message: '请输入字段名' }],
-    fieldLabel: [{ required: true, message: '请输入字段描述' }],
-    fieldType: [{ required: true, message: '请选择字段类型' }],
-  })
-  const remoteJsFilePath = ref('')
-  //常量
-  const fieldTypeOptain = [
-    { value: 'computed', label: '自动计算' },
-    { value: 'input', label: '输入框' },
-    { value: 'textArea', label: '文本域' },
-    { value: 'select', label: '下拉列表' },
-    { value: 'multiple', label: '下拉多选' },
-    { value: 'date', label: '日期' },
-    { value: 'number', label: '数字' },
-    { value: 'float', label: '小数' },
-    { value: 'switch', label: '开关' },
-    { value: 'treeSelect', label: '树形下拉' },
-    { value: 'codeEditorModel', label: '代码编辑器' },
-    { value: 'selectModal', label: '弹窗选择' },
-    { value: 'remoteSelect', label: '远程下拉搜索' },
-    { value: 'image', label: '图片' },
-    { value: 'richEditorModel', label: '富文本编辑器' },
-    { value: 'ladderPrice', label: '阶梯价格' },
-    { value: 'hiddenField', label: '隐藏域' },
-    { value: 'customSelectModal', label: '自定义弹窗选择' },
-    { value: 'currency', label: '货币(千分位)' },
-    { value: 'cascader', label: '级联' },
-    { value: 'color', label: '颜色' },
-    { value: 'icon', label: '图标' },
-  ]
-
-  return {
-    formRef,
-    groupGrid,
-    form,
-    confirmLoading,
-    currentStep,
-    companyCode,
-    purchaseOrganization,
-    purchaseGroup,
-    groupData,
-    headData,
-    itemData,
-    headGrid,
-    fieldTypeOptain,
-    headRules,
-    fieldData,
-    visible,
-    selectGrid,
-    currentDrawer,
-    dictCodeModal,
-    currentDictRow,
-    currentItemGrid,
-    drawerVisible,
-    codeEditorFields,
-    editorModalFlags,
-    sampleCode,
-    nowFieldType,
-    switchFields,
-    itemRules,
-    itemGrid,
-    remoteJsFilePath,
-    perviewOpen,
-    currentRow,
-  }
-}

package/src/lib/components/QcustomConfigEdit/src/useConfigMethods.ts

@@ -1,117 +0,0 @@
-import { Ref } from 'vue'
-import type { GridQConfigUnkownObj, customActiveMethod, MapObjectNoneType, HttpClient } from './types'
-import { message } from '@qqt-product/ui'
-// import { useConfigData } from './useConfigData'
-
-export function useConfigMethods() {
-  const filterFieldNameMethod = ({ option, row }: GridQConfigUnkownObj) => {
-    const fieldName = row.fieldName.toLocaleLowerCase()
-    return fieldName.indexOf(option.data) !== -1
-  }
-  const filterFieldLabelMethod = ({ option, row }: GridQConfigUnkownObj) => {
-    const fieldLabel = row.fieldLabel.toLocaleLowerCase()
-    return fieldLabel.indexOf(option.data) !== -1
-  }
-  const filterGroupCodeMethod = ({ option, row }: GridQConfigUnkownObj) => {
-    const groupCode = row.groupCode.toLocaleLowerCase()
-    return groupCode.indexOf(option.data) !== -1
-  }
-
-  const setGridValeByField = (currentRow: MapObjectNoneType, field: string, value: unknown) => {
-    currentRow.row[field] = value
-  }
-
-  const changeFilterEvent = (evnt: Event, option: MapObjectNoneType, $panel: MapObjectNoneType) => {
-    $panel.changeOption(evnt, !!option.data, option)
-  }
-  const removeDictCode = (row: MapObjectNoneType) => {
-    row.dictCode = ''
-  }
-  return {
-    filterFieldNameMethod,
-    filterFieldLabelMethod,
-    setGridValeByField,
-    changeFilterEvent,
-    filterGroupCodeMethod,
-    removeDictCode,
-  }
-}
-
-export function useConfigElsAccountMethods(elsAccount: Ref) {
-  const activeCellMethod = ({ row, column }: customActiveMethod) => {
-    const disabledFields = ['fieldName']
-    if (elsAccount.value != '100000' && row.sys == '1' && disabledFields.includes(column.property)) {
-      return false
-    } else {
-      return true
-    }
-  }
-
-  return {
-    activeCellMethod,
-  }
-}
-
-export function useConigApiMethods(qHttp: HttpClient) {
-  const handleExportXls = function (fileName: string, headId: string, type: string, defineColumnCode: string, exportXlsUrl: string, callback: () => void) {
-    // confirmLoading.value = true
-    callback()
-    // console.log('isRef', isRef(confirmLoading))
-    fileName = fileName || '导出文件'
-    // const params = Object.assign({})
-    const params = {
-      fileName,
-      headId,
-      type,
-      defineColumnCode,
-      exportXlsUrl,
-    }
-    // this.$set(params, 'defineColumnCode', defineColumnCode)
-    // this.$set(params, 'headId', headId)
-    // this.$set(params, 'type', type)
-    // this.$set(params, 'fileName', fileName)
-    // qHttp.post(exportXlsUrl, params, params)
-    qHttp
-      .post({
-        url: exportXlsUrl,
-        params: params,
-        data: params,
-        responseType: 'blob',
-      })
-      .then((data) => {
-        // responseType为blob的请求，统一获取错误信息
-        if (data.type === 'application/json') {
-          const fileReader = new FileReader()
-          fileReader.onloadend = () => {
-            const jsonData = JSON.parse(fileReader.result as string)
-            message.error(jsonData.message)
-          }
-          fileReader.readAsText(data as Blob)
-          return
-        }
-        if (!data) {
-          message.error('文件下载失败')
-          return
-        }
-        // if ('msSaveBlob' in window.navigator) {
-        //   window.navigator.msSaveBlob(new Blob([data as Blob]), fileName + '.xls')
-        // } else {
-        const url = window.URL.createObjectURL(new Blob([data as Blob]))
-        const link = document.createElement('a')
-        link.style.display = 'none'
-        link.href = url
-        link.setAttribute('download', fileName + '.xls')
-        document.body.appendChild(link)
-        link.click()
-        document.body.removeChild(link) //下载完成移除元素
-        window.URL.revokeObjectURL(url) //释放掉blob对象
-        // }
-      })
-      .finally(() => {
-        // confirmLoading.value = false
-        callback()
-      })
-  }
-
-  return { handleExportXls }
-}