@xmszm/core 0.0.2 → 0.0.3

package/examples/demo.vue

@@ -1,224 +0,0 @@
-<script setup lang="jsx">
-import { computed, onMounted, reactive } from 'vue'
-import { NButton, NCard, NSpace } from 'naive-ui'
-import {
-  commonDialogMethod,
-  CommonQuery,
-  createActionColumnJsx,
-  DataTable,
-} from 'core'
-import 'core/dist/style.css'
-
-// 查询与分页状态（可替换为业务方的 useNaivePage）
-const listQuery = reactive({
-  page: 1,
-  pageSize: 10,
-  desc: true,
-  likeQuery: {
-    name1: '',
-    name2: '',
-    name3: '',
-  },
-})
-
-const pageState = reactive({
-  data: [],
-  itemCount: 0,
-  loading: false,
-  page: computed(() => listQuery.page),
-  pageSize: computed(() => listQuery.pageSize),
-  showSizePicker: true,
-  pageSizes: [10, 20, 50],
-  onUpdatePage: (p) => {
-    listQuery.page = p
-    pageState.fetchData()
-  },
-  onUpdatePageSize: (ps) => {
-    listQuery.pageSize = ps
-    listQuery.page = 1
-    pageState.fetchData()
-  },
-  fetchData: async () => {
-    pageState.loading = true
-    try {
-      // 模拟请求
-      const mock = Array.from({ length: 25 }).map((_, i) => ({
-        id: i + 1,
-        name: `名称-${i + 1}`,
-        type: i % 2 ? 'B' : 'A',
-      }))
-      pageState.itemCount = mock.length
-      const start = (listQuery.page - 1) * listQuery.pageSize
-      const end = start + listQuery.pageSize
-      pageState.data = mock.slice(start, end)
-    }
-    finally {
-      pageState.loading = false
-    }
-  },
-  search: () => {
-    listQuery.page = 1
-    pageState.fetchData()
-  },
-  reset: () => {
-    listQuery.likeQuery = { name1: '', name2: '', name3: '' }
-    listQuery.page = 1
-    pageState.fetchData()
-  },
-})
-
-// 查询项
-const keyQuery = [
-  { label: '名称1', key: 'name1', queryType: 'likeQuery' },
-  { label: '名称2', key: 'name2', queryType: 'likeQuery' },
-  { label: '名称3', key: 'name3', queryType: 'likeQuery' },
-]
-
-// 表格列与操作列
-const columns = [
-  { title: '名称', key: 'name', width: 160 },
-  { title: '类型', key: 'type', width: 120 },
-]
-const defaultColumns = []
-const selectColumns = { type: 'selection', width: '40px' }
-const opr = createActionColumnJsx([
-  {
-    label: '编辑',
-    type: 'primary',
-    onClick: row => onAdd(row, 'edit'),
-  },
-  {
-    label: '删除',
-    type: 'error',
-    mode: 'pop',
-    onClick: (row) => {
-      // del(row.id).then(() => pageState.fetchData())
-      console.log('删除', row)
-    },
-  },
-])
-
-// 弹窗新增/编辑
-function onAdd(row = null, mode = 'add') {
-  commonDialogMethod({
-    title: '示例弹窗',
-    mode,
-    options: [
-      { key: 'name', label: '名称', way: 'input', required: true },
-      {
-        key: 'type',
-        label: '类型',
-        way: 'select',
-        options: [
-          { label: '类型A', value: 'A' },
-          { label: '类型B', value: 'B' },
-        ],
-      },
-    ],
-    valueData: { ...row },
-    interfaceFn: async (data, { close }) => {
-      console.log('提交数据', data)
-      // await save(data)
-      pageState.fetchData()
-      close()
-    },
-  })
-}
-
-// 导出示例
-const exportLoading = reactive({ value: false })
-function onExport() {
-  exportLoading.value = true
-  // exportApi(listQuery).finally(() => (exportLoading.value = false))
-  setTimeout(() => (exportLoading.value = false), 800)
-}
-
-onMounted(() => pageState.fetchData())
-</script>
-
-<template>
-  <div class="page-box">
-    <!-- 头部筛选 -->
-    <NCard class="page-head">
-      <CommonQuery
-        :query="listQuery"
-        :options="keyQuery"
-        @submit="pageState.search()"
-        @reset="pageState.reset()"
-      />
-    </NCard>
-
-    <!-- 操作区 -->
-    <NSpace justify="space-between">
-      <NSpace>
-        <NButton type="primary" @click="onAdd()">新增</NButton>
-        <NButton type="primary" :loading="exportLoading.value" @click="onExport">
-          导出
-        </NButton>
-      </NSpace>
-    </NSpace>
-
-    <!-- 内容表格区 -->
-    <div class="page-main">
-      <DataTable
-        :data="pageState.data"
-        :pagination="pageState"
-        :columns="columns"
-        :opr-columns="opr"
-        :default-columns="defaultColumns"
-        :row-key="row => row?.id"
-        :select-columns="selectColumns"
-        :loading="pageState.loading"
-      />
-    </div>
-  </div>
-</template>
-
-<style scoped lang="less">
-.page-head {
-  border-radius: 8px;
-  background-color: #fff;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  row-gap: 20px;
-}
-
-.page-main {
-  flex: 0 1 auto;
-  background-color: #fff;
-  border-radius: 8px;
-  padding: 20px;
-  box-sizing: border-box;
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-  row-gap: 10px;
-
-  .n-data-table {
-    .n-data-table-th {
-      background-color: #f7f8fa;
-      border-right: 1px solid var(--n-merged-border-color);
-      white-space: break-spaces;
-    }
-    .n-data-table-th--last {
-      border-right: 1px solid transparent;
-    }
-    .n-data-table-td--last-row {
-      border-bottom: 1px solid var(--n-merged-border-color);
-    }
-  }
-}
-
-.page-box {
-  display: flex;
-  flex-direction: column;
-  height: calc(100vh - 120px); // 可按实际头/标签高度调整
-  margin: -16px;
-  padding: 24px;
-  box-sizing: border-box;
-  overflow: hidden;
-  row-gap: 20px;
-}
-</style>
-

package/src/dialog/commonDialog.jsx

@@ -1,262 +0,0 @@
-import { NButton, NSpace, useDialog, createDiscreteApi } from 'naive-ui'
-import { computed, reactive, ref, unref, watch } from 'vue'
-import DataForm from '../form/DataForm.vue'
-import { dialogDefaultOption } from './utils/dialog'
-import './style/commonDialog.less'
-
-// 全局缓存 dialog 实例，避免重复创建离散 API
-let globalDialogInstance = typeof $dialog !== 'undefined' ? $dialog : null
-let discreteDialogFactory = null
-
-function getDialogInstanceOnce() {
-  if (globalDialogInstance)
-    return globalDialogInstance
-
-  // 1. 组件上下文中尝试 useDialog（若无上下文会抛错）
-  try {
-    const dialog = useDialog()
-    if (dialog) {
-      globalDialogInstance = dialog
-      return globalDialogInstance
-    }
-  }
-  catch (e) {
-    // 忽略，继续尝试离散 API
-  }
-
-  // 2. 使用离散 API，且只创建一次
-  if (!discreteDialogFactory) {
-    const { dialog } = createDiscreteApi(['dialog'])
-    discreteDialogFactory = { dialog }
-  }
-  globalDialogInstance = discreteDialogFactory.dialog
-  return globalDialogInstance
-}
-
-/**
- *
- * @param {*} param
- * @param {object} dialogProps
- * @returns {object {cancel,model}}
- * 集成填写表单功能的弹窗
- */
-export function commonDialogMethod(
-  {
-    title = '',
-    noTitle = false,
-    titleFull = null,
-    options = [],
-    mode = 'add',
-    modeEnum = {},
-    labelField = 'label',
-    isNo = true,
-    formProps = {},
-    interfaceFn = null,
-    interfaceFnCancel = null,
-    valueData,
-    read,
-    isRead,
-    action = null,
-    contentStyle = {},
-    actionProps = {},
-  } = {
-    title: '自定义弹窗',
-    noTitle: false,
-    action: [],
-    options: [],
-    read: false,
-    isRead: false,
-    valueData: {},
-  },
-  dialogProps = null,
-) {
-  // 优先使用外部注册的 $dialog；再尝试组件上下文 useDialog；再退回离散 API（仅全局创建一次）
-  const dialogInstance = getDialogInstanceOnce()
-  
-  const defaultModeEnum = {
-    none: { sub: '', read: false },
-    create: { sub: '创建', read: false },
-    add: { sub: '添加', read: false },
-    edit: { sub: '编辑', read: false },
-    view: { sub: '查看', read: true },
-    export: { sub: '导出', read: false },
-    import: { sub: '导入', read: false },
-    delete: { sub: '删除', read: false },
-    copy: { sub: '复制', read: false },
-    ...modeEnum,
-  }
-  const formRef = ref()
-  const actionLoading = reactive([])
-  const model = ref({ ...valueData })
-  const defaultActionProps = {
-    justify: 'end',
-    wrapItem: false,
-    style: {
-      width: '100%',
-    },
-  }
-
-  const defaultButtonStyle = {
-    width: '120px',
-  }
-  const defaultAction = [
-    {
-      label: '取消',
-      props: {
-        type: 'primary',
-        ghost: true,
-      },
-      onClick: ({ cancel }) => {
-        if (interfaceFnCancel) {
-          interfaceFnCancel(unref(model), {
-            close: cancel,
-          })
-        }else {
-          cancel()
-        }
-      },
-    },
-    {
-      label: '确定',
-      valid: true,
-      onClick: async ({ cancel, hideLoading }) =>
-        interfaceFn
-          ? await interfaceFn(unref(model), {
-            close: cancel,
-            hideLoading,
-          })
-          : cancel(),
-    },
-  ]
-
-  action
-  || defaultAction.forEach((v, i) => {
-    actionLoading[i] = false
-  })
-  const titleRender
-    = typeof titleFull === 'function'
-      ? () => titleFull(defaultModeEnum[mode]?.sub)
-      : titleFull
-
-  const d = dialogInstance.create({
-    type: 'info',
-    ...dialogDefaultOption,
-    ...(!noTitle
-      ? { title: titleRender || (defaultModeEnum[mode]?.sub ?? '') + title }
-      : {}),
-    style: {
-      width: '500px',
-    },
-    content: () => (
-      <DataForm
-        ref={v => {
-          formRef.value = v
-        }}
-        options={options}
-        v-model:value={model.value}
-        isNo={isNo}
-        read={read ?? isRead}
-        labelField={labelField}
-        formProps={formProps}
-        contentStyle={contentStyle}
-        dialog
-      />
-    ),
-    action: !(read ?? isRead)
-      ? typeof action === 'function'
-        ? () => action({ formRef, data: unref(model), d, close: cancel })
-        : () => (
-            <NSpace
-              {...defaultActionProps}
-              {...actionProps}
-              style={{
-                ...defaultActionProps?.style,
-                ...(actionProps?.style || {}),
-              }}
-            >
-              {(action || defaultAction).map((v, i) =>
-                v?.render
-                  ? (
-                      v?.render?.()
-                    )
-                  : (
-                      <NButton
-                        type="primary" ghost={v.mode === 'cancel'} {...({ ...v?.props, ...actionProps?.buttonProps } || {})}
-                        style={{ ...defaultButtonStyle, ...(v?.style || {}) }}
-                        loading={actionLoading[i]}
-                        onClick={async () => {
-                          if (v.mode === 'cancel') {
-                            d.destroy()
-                          }
-                          else {
-                            const showLoading = () => (actionLoading[i] = true)
-                            const hideLoading = () => (actionLoading[i] = false)
-                            if (v?.loading)
-                              showLoading()
-                            try {
-                              console.log('model', unref(model));
-                              
-                              if (v?.valid)
-                                await validate()
-                              console.log(v?.valid)
-                              if (v?.valid || v?.loading)
-                                showLoading()
-                              await v?.onClick({
-                                model: unref(model),
-                                comfirm,
-                                cancel,
-                                validate,
-                                showLoading,
-                                hideLoading,
-                              })
-                            }
-                            catch (e) {
-                              console.log(e)
-                            }
-                            finally {
-                              if (v?.valid || v?.loading)
-                                hideLoading()
-                            }
-                          }
-                        }}
-                      >
-                        {v.label || ''}
-                      </NButton>
-                    ),
-              )}
-            </NSpace>
-          )
-      : null,
-    // ...readButton.value,
-    ...dialogProps,
-    class: `core-dialog ${ unref(read) ? 'core-dialog-read' : ''} ${dialogProps?.class || ''}`,
-  })
-
-  function cancel() {
-    console.log('取消', model.value)
-
-    d?.destroy()
-  }
-
- async function validate(arr = []) {
-    console.log('开启验证')
-     await formRef.value?.valid()
-  }
-
-  async function comfirm(fn) {
-    return fn && fn()
-  }
-
-  // onBeforeUnmount(() => {
-  //   console.log('commomDialog end')
-  //   cancel()
-  // })
-
-  return {
-    cancel,
-    setValue: (v, str) =>
-      str ? (model.value[str] = v) : (model.value = { ...model.value, ...v }),
-    model: unref(model),
-    modeEnum: defaultModeEnum,
-  }
-}

package/src/enum/sort.jsx

@@ -1,31 +0,0 @@
-import { ChevronDown, ChevronUp, Code } from '@vicons/ionicons5'
-
-export const orderEnum = {
-    ascend: {
-      title: '升序',
-      value: true,
-      Icon: <ChevronUp />,
-      fn: (listQuery, key) => {
-        listQuery.desc = true
-        listQuery.sortFieldName = key
-      },
-    },
-    descend: {
-      title: '降序',
-      value: false,
-      Icon: <ChevronDown />,
-      fn: (listQuery) => {
-        listQuery.sortFieldName = ''
-        listQuery.desc = true
-      },
-    },
-    false: {
-      title: '默认',
-      value: null,
-      Icon: <Code style="transform:rotateZ(90deg)" />,
-      fn: (listQuery) => {
-        listQuery.desc = false
-        listQuery.sortFieldName = ''
-      },
-    },
-  }