@mc20230601/keep-up 1.0.39 → 1.0.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/commonTable/constants.mjs +3 -2
- package/es/components/commonTable/constants.mjs.map +1 -1
- package/es/components/commonTable/index.mjs +2 -12
- package/es/components/commonTable/index.mjs.map +1 -1
- package/es/components/commonTable/usePagination.mjs +1 -0
- package/es/components/commonTable/usePagination.mjs.map +1 -1
- package/es/styles/index.css +144 -144
- package/package.json +1 -1
|
@@ -4,9 +4,10 @@ const headerCellStyle = {
|
|
|
4
4
|
const key = "list";
|
|
5
5
|
const defaultPageSize = 20;
|
|
6
6
|
const defaultPaginationConfig = {
|
|
7
|
-
size:
|
|
7
|
+
// size: 'small',
|
|
8
8
|
layout: "total, sizes, prev, pager, next, jumper",
|
|
9
|
-
|
|
9
|
+
// total, prev, pager, next
|
|
10
|
+
// defaultPageSize: defaultPageSize,
|
|
10
11
|
pageSizes: [20, 30, 40, 50, 100]
|
|
11
12
|
};
|
|
12
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../../packages/components/commonTable/constants.ts"],"sourcesContent":["import type { PaginationProps } from 'element-plus'\n\n/** 表头单元格样式 */\nexport const headerCellStyle = {\n backgroundColor: '#F7F9FB',\n}\n\n/** 列表取值字段 */\nexport const key = 'list'\n\n/** 默认每页条数 */\nexport const defaultPageSize = 20\n\n/** 分页器默认配置 */\nexport const defaultPaginationConfig: Partial<PaginationProps> = {\n size: 'small',\n layout: 'total, sizes, prev, pager, next, jumper',\n defaultPageSize: defaultPageSize,\n pageSizes: [20, 30, 40, 50, 100],\n}\n"],"names":[],"mappings":"AAGO,MAAM,eAAkB,GAAA;AAAA,EAC7B,eAAiB,EAAA,SAAA;AACnB,EAAA;AAGO,MAAM,GAAM,GAAA,OAAA;AAGZ,MAAM,eAAkB,GAAA,GAAA;AAGxB,MAAM,uBAAoD,GAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../../packages/components/commonTable/constants.ts"],"sourcesContent":["import type { PaginationProps } from 'element-plus'\n\n/** 表头单元格样式 */\nexport const headerCellStyle = {\n backgroundColor: '#F7F9FB',\n}\n\n/** 列表取值字段 */\nexport const key = 'list'\n\n/** 默认每页条数 */\nexport const defaultPageSize = 20\n\n/** 分页器默认配置 */\nexport const defaultPaginationConfig: Partial<PaginationProps> = {\n // size: 'small',\n layout: 'total, sizes, prev, pager, next, jumper',\n // total, prev, pager, next\n // defaultPageSize: defaultPageSize,\n pageSizes: [20, 30, 40, 50, 100],\n}\n"],"names":[],"mappings":"AAGO,MAAM,eAAkB,GAAA;AAAA,EAC7B,eAAiB,EAAA,SAAA;AACnB,EAAA;AAGO,MAAM,GAAM,GAAA,OAAA;AAGZ,MAAM,eAAkB,GAAA,GAAA;AAGxB,MAAM,uBAAoD,GAAA;AAAA;AAAA,EAE/D,MAAQ,EAAA,yCAAA;AAAA;AAAA;AAAA,EAGR,WAAW,CAAC,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,IAAI,GAAG,CAAA;AACjC;;;;"}
|
|
@@ -121,21 +121,11 @@ const commonTable = defineComponent({
|
|
|
121
121
|
"description": dataEmptyTip.value
|
|
122
122
|
}, null),
|
|
123
123
|
...slots
|
|
124
|
-
}), [[resolveDirective("loading"), loading.value]]), createVNode(ElPagination, {
|
|
125
|
-
"layout": "prev, pager, next",
|
|
126
|
-
"total": 0
|
|
127
|
-
}, null), props2.needPagination && createVNode(ElPagination, mergeProps({
|
|
128
|
-
"style": {
|
|
129
|
-
width: "calc(100% - 24px)",
|
|
130
|
-
margin: "4px 0 14px 0",
|
|
131
|
-
justifyContent: "end"
|
|
132
|
-
},
|
|
124
|
+
}), [[resolveDirective("loading"), loading.value]]), props2.needPagination && createVNode(ElPagination, mergeProps({
|
|
133
125
|
"currentPage": currentPage.value,
|
|
134
126
|
"onUpdate:currentPage": ($event) => currentPage.value = $event,
|
|
135
127
|
"onChange": getList
|
|
136
|
-
}, mergedPaginationConfig.value,
|
|
137
|
-
"total": pagination == null ? void 0 : pagination.total
|
|
138
|
-
}), null)];
|
|
128
|
+
}, mergedPaginationConfig.value, pagination), null)];
|
|
139
129
|
}
|
|
140
130
|
});
|
|
141
131
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/commonTable/index.tsx"],"sourcesContent":["import { defineComponent, ref, unref, computed, watch, inject, onMounted } from 'vue'\nimport { isEmpty } from 'lodash'\nimport { useField } from '@formily/vue'\nimport { ElPagination, ElTable, ElTableColumn, ElEmpty } from 'element-plus'\nimport Space from '../space'\nimport { COMMON_FILTER_INJECTION_KEY } from '../commonPage'\nimport { defaultPaginationConfig, headerCellStyle } from './constants'\nimport { setSelected } from './utils'\nimport usePagination from './usePagination'\nimport { props } from './props'\nimport stylus from './index.module.scss'\n\nimport type { DefineComponent, Ref } from 'vue'\nimport type { TableProps } from 'element-plus'\nimport type { ICommonFilterExpose } from '../commonFilter'\n\nexport * from './interfaces'\nconst commonTable = defineComponent({\n name: 'CommonTable',\n inheritAttrs: false,\n props: props as typeof props & { key: any },\n emits: ['update:selected', 'rowClick'],\n setup(props, { attrs, emit, slots, expose }) {\n const fieldRef = useField()\n const tableRef = ref()\n const refreshKey = ref(0)\n const currentPage = ref(1)\n const commonFilterRef = inject<Ref<ICommonFilterExpose>>(COMMON_FILTER_INJECTION_KEY, ref(null))\n const columns = computed(() => unref(props.columns))\n const { loading, data, pagination, getList } = usePagination({\n currentPage,\n commonFilterRef,\n setSelected: (data: any[]) =>\n setSelected({\n tableRef,\n selected: props.selected,\n rowKey: props.rowKey,\n data,\n }),\n props,\n })\n const mergedPaginationConfig = computed(() => ({\n ...defaultPaginationConfig,\n ...props.paginationConfig,\n }))\n const filterEmptyTip = computed<string>(() =>\n isEmpty(props.columns) ? '哎呀,至少留一列吧,不然表格都没法看啦~' : '',\n )\n const dataEmptyTip = computed<string>(() =>\n isEmpty(data.value) ? '空空如也~要不先去加点数据看看?' : '',\n )\n onMounted(() => {\n /** 需要带上筛选项数据,所以等筛选项onMounted */\n getList(1, pagination?.pageSize)\n })\n watch(\n () => columns.value,\n () => {\n refreshKey.value = refreshKey.value === 0 ? 1 : 0\n },\n { deep: true },\n )\n /** 在formily场景下使用的刷新功能 */\n fieldRef.value?.setData({ reset: getList })\n expose({ pagination, getList })\n /** 展开区域渲染器 */\n const expandedRowTsx = () =>\n props.expandedRowRender && (\n <ElTableColumn\n type='expand'\n v-slots={{\n default: (data) => props.expandedRowRender?.(data),\n }}\n />\n )\n return () => (\n <Space class={[stylus.container, props.class]} style={props.style} direction='column'>\n {filterEmptyTip.value ? (\n <ElEmpty description={filterEmptyTip.value} />\n ) : (\n slots?.content?.({ data, height: attrs.height }) ?? (\n <ElTable\n ref={tableRef}\n key={refreshKey.value}\n headerCellStyle={headerCellStyle}\n formatter={() => '-'}\n {...attrs}\n rowKey={props.rowKey}\n data={data.value}\n header-cell-style={() => ({ backgroundColor: '#e6e8eb!important' })}\n {...(isEmpty(data.value) ? { height: '32p0px' } : {})}\n // 每次查询,table重新赋值后,table触发事件去清空选中值。给checkbox的column加上reserve-selection可解。\n // @ts-ignore\n onSelectionChange={(newSelection: any[]) => emit('update:selected', newSelection)}\n vLoading={loading.value}\n v-slots={{\n empty: () => <ElEmpty description={dataEmptyTip.value} />,\n ...slots,\n }}\n >\n {props.selectable && (\n <ElTableColumn type='selection' fixed='left' selectable={props.selectOptions} />\n )}\n {expandedRowTsx()}\n {columns.value.map((v, i) => (\n <ElTableColumn\n {...v}\n key={i}\n v-slots={{\n default: (scope: { row: any; column: any; $index: number }) => {\n return (\n v?.render?.({ rowData: scope.row, rowIndex: scope.$index }) || (\n <div>{scope.row[v.prop] || '-'}</div>\n )\n )\n },\n }}\n />\n ))}\n </ElTable>\n )\n )}\n <ElPagination layout=\"prev, pager, next\" total={0} />\n {props.needPagination && (<ElPagination\n style={{ width: 'calc(100% - 24px)', margin: '4px 0 14px 0', justifyContent: 'end' }}\n v-model:currentPage={currentPage.value}\n onChange={getList}\n {...mergedPaginationConfig.value}\n total={pagination?.total}\n />)\n }\n </Space>\n )\n },\n})\n\nexport default commonTable as unknown as DefineComponent<\n /** props */\n typeof props & { key: any } & Partial<TableProps<any>>,\n /** setup return */\n {},\n /** 没人用,vue2的data */\n {},\n /** 没人用,vue2的computed */\n {},\n /** 没人用,vue2的method */\n {},\n /** 没人用,mixin */\n {},\n /** 没人用,extends */\n {},\n /** emits */\n ['update:selected', 'rowClick']\n>"],"names":["commonTable","defineComponent","name","inheritAttrs","props","emits","setup","attrs","emit","slots","expose","fieldRef","useField","tableRef","ref","refreshKey","currentPage","commonFilterRef","inject","COMMON_FILTER_INJECTION_KEY","columns","computed","unref","loading","data","pagination","getList","usePagination","setSelected","selected","rowKey","mergedPaginationConfig","defaultPaginationConfig","paginationConfig","filterEmptyTip","isEmpty","dataEmptyTip","value","onMounted","pageSize","watch","deep","setData","reset","expandedRowTsx","expandedRowRender","_createVNode","ElTableColumn","default","_a","Space","stylus","container","class","style","ElEmpty","content","height","_withDirectives","ElTable","_mergeProps","headerCellStyle","formatter","header-cell-style","backgroundColor","newSelection","selectable","selectOptions","map","v","i","scope","render","rowData","row","rowIndex","$index","prop","empty","_resolveDirective","ElPagination","needPagination","width","margin","justifyContent","$event","total"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/commonTable/index.tsx"],"sourcesContent":["import { defineComponent, ref, unref, computed, watch, inject, onMounted } from 'vue'\nimport { isEmpty } from 'lodash'\nimport { useField } from '@formily/vue'\nimport { ElPagination, ElTable, ElTableColumn, ElEmpty } from 'element-plus'\nimport Space from '../space'\nimport { COMMON_FILTER_INJECTION_KEY } from '../commonPage'\nimport { defaultPaginationConfig, headerCellStyle } from './constants'\nimport { setSelected } from './utils'\nimport usePagination from './usePagination'\nimport { props } from './props'\nimport stylus from './index.module.scss'\n\nimport type { DefineComponent, Ref } from 'vue'\nimport type { TableProps } from 'element-plus'\nimport type { ICommonFilterExpose } from '../commonFilter'\n\nexport * from './interfaces'\nconst commonTable = defineComponent({\n name: 'CommonTable',\n inheritAttrs: false,\n props: props as typeof props & { key: any },\n emits: ['update:selected', 'rowClick'],\n setup(props, { attrs, emit, slots, expose }) {\n const fieldRef = useField()\n const tableRef = ref()\n const refreshKey = ref(0)\n const currentPage = ref(1)\n const commonFilterRef = inject<Ref<ICommonFilterExpose>>(COMMON_FILTER_INJECTION_KEY, ref(null))\n const columns = computed(() => unref(props.columns))\n const { loading, data, pagination, getList } = usePagination({\n currentPage,\n commonFilterRef,\n setSelected: (data: any[]) =>\n setSelected({\n tableRef,\n selected: props.selected,\n rowKey: props.rowKey,\n data,\n }),\n props,\n })\n const mergedPaginationConfig = computed(() => ({\n ...defaultPaginationConfig,\n ...props.paginationConfig,\n }))\n const filterEmptyTip = computed<string>(() =>\n isEmpty(props.columns) ? '哎呀,至少留一列吧,不然表格都没法看啦~' : '',\n )\n const dataEmptyTip = computed<string>(() =>\n isEmpty(data.value) ? '空空如也~要不先去加点数据看看?' : '',\n )\n onMounted(() => {\n /** 需要带上筛选项数据,所以等筛选项onMounted */\n getList(1, pagination?.pageSize)\n })\n watch(\n () => columns.value,\n () => {\n refreshKey.value = refreshKey.value === 0 ? 1 : 0\n },\n { deep: true },\n )\n /** 在formily场景下使用的刷新功能 */\n fieldRef.value?.setData({ reset: getList })\n expose({ pagination, getList })\n /** 展开区域渲染器 */\n const expandedRowTsx = () =>\n props.expandedRowRender && (\n <ElTableColumn\n type='expand'\n v-slots={{\n default: (data) => props.expandedRowRender?.(data),\n }}\n />\n )\n return () => (\n <Space class={[stylus.container, props.class]} style={props.style} direction='column'>\n {filterEmptyTip.value ? (\n <ElEmpty description={filterEmptyTip.value} />\n ) : (\n slots?.content?.({ data, height: attrs.height }) ?? (\n <ElTable\n ref={tableRef}\n key={refreshKey.value}\n headerCellStyle={headerCellStyle}\n formatter={() => '-'}\n {...attrs}\n rowKey={props.rowKey}\n data={data.value}\n header-cell-style={() => ({ backgroundColor: '#e6e8eb!important' })}\n {...(isEmpty(data.value) ? { height: '32p0px' } : {})}\n // 每次查询,table重新赋值后,table触发事件去清空选中值。给checkbox的column加上reserve-selection可解。\n // @ts-ignore\n onSelectionChange={(newSelection: any[]) => emit('update:selected', newSelection)}\n vLoading={loading.value}\n v-slots={{\n empty: () => <ElEmpty description={dataEmptyTip.value} />,\n ...slots,\n }}\n >\n {props.selectable && (\n <ElTableColumn type='selection' fixed='left' selectable={props.selectOptions} />\n )}\n {expandedRowTsx()}\n {columns.value.map((v, i) => (\n <ElTableColumn\n {...v}\n key={i}\n v-slots={{\n default: (scope: { row: any; column: any; $index: number }) => {\n return (\n v?.render?.({ rowData: scope.row, rowIndex: scope.$index }) || (\n <div>{scope.row[v.prop] || '-'}</div>\n )\n )\n },\n }}\n />\n ))}\n </ElTable>\n )\n )}\n {props.needPagination && (\n <ElPagination\n // style={{ width: 'calc(100% - 24px)', margin: '4px 0 14px 0', justifyContent: 'end' }}\n v-model:currentPage={currentPage.value}\n onChange={getList}\n {...mergedPaginationConfig.value}\n // total={pagination?.total}\n {...pagination}\n // page-size={10}\n // default-page-size={10}\n // layout='total, prev, pager, next'\n // total={1000}\n />\n )}\n </Space>\n )\n },\n})\n\nexport default commonTable as unknown as DefineComponent<\n /** props */\n typeof props & { key: any } & Partial<TableProps<any>>,\n /** setup return */\n {},\n /** 没人用,vue2的data */\n {},\n /** 没人用,vue2的computed */\n {},\n /** 没人用,vue2的method */\n {},\n /** 没人用,mixin */\n {},\n /** 没人用,extends */\n {},\n /** emits */\n ['update:selected', 'rowClick']\n>\n"],"names":["commonTable","defineComponent","name","inheritAttrs","props","emits","setup","attrs","emit","slots","expose","fieldRef","useField","tableRef","ref","refreshKey","currentPage","commonFilterRef","inject","COMMON_FILTER_INJECTION_KEY","columns","computed","unref","loading","data","pagination","getList","usePagination","setSelected","selected","rowKey","mergedPaginationConfig","defaultPaginationConfig","paginationConfig","filterEmptyTip","isEmpty","dataEmptyTip","value","onMounted","pageSize","watch","deep","setData","reset","expandedRowTsx","expandedRowRender","_createVNode","ElTableColumn","default","_a","Space","stylus","container","class","style","ElEmpty","content","height","_withDirectives","ElTable","_mergeProps","headerCellStyle","formatter","header-cell-style","backgroundColor","newSelection","selectable","selectOptions","map","v","i","scope","render","rowData","row","rowIndex","$index","prop","empty","_resolveDirective","needPagination","ElPagination","$event"],"mappings":"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"}
|
|
@@ -32,6 +32,7 @@ const usePagination = ({
|
|
|
32
32
|
needPagination.value && (pagination.total = (_d = res == null ? void 0 : res.pagination) == null ? void 0 : _d.total);
|
|
33
33
|
await nextTick();
|
|
34
34
|
setSelected(data.value);
|
|
35
|
+
console.log({ pagination });
|
|
35
36
|
} catch (error) {
|
|
36
37
|
console.error(`\u83B7\u53D6\u5217\u8868\u6570\u636E\u5931\u8D25\uFF0C\u5931\u8D25\u539F\u56E0:${error}`);
|
|
37
38
|
} finally {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePagination.mjs","sources":["../../../../../packages/components/commonTable/usePagination.ts"],"sourcesContent":["import { ref, reactive, nextTick, toRefs } from 'vue'\nimport { ElMessage } from 'element-plus'\nimport { key, defaultPageSize } from './constants'\n\nimport type { IUsePaginationParams, IUsePaginationRes, IPagination } from './interfaces'\n\nconst usePagination = ({\n currentPage,\n commonFilterRef,\n setSelected,\n props,\n}: IUsePaginationParams): IUsePaginationRes => {\n const { listApi, formatListParams, beforeFetch, needPagination } = toRefs(props)\n const loading = ref(false)\n const data = ref([])\n const pagination = reactive<IPagination>(\n needPagination.value ? { page: 0, pageSize: defaultPageSize, total: 0 } : null,\n )\n const getList = async (\n curPage: number = 1,\n pageSize: number = defaultPageSize,\n text?: string,\n ) => {\n try {\n loading.value = true\n const fromRef = commonFilterRef.value?.getForm()\n const isFunction = typeof formatListParams.value === 'function'\n if (needPagination.value) {\n pagination.page = curPage\n pagination.pageSize = pageSize\n }\n const rawParams = { ...(fromRef?.values || {}), ...(pagination || {}) }\n const params = isFunction ? await formatListParams.value?.(rawParams) : rawParams\n beforeFetch.value?.({ formData: fromRef?.values, pagination })\n const res = await listApi.value(params || {})\n currentPage.value = curPage\n data.value = res?.[key]\n needPagination.value && (pagination.total = res?.pagination?.total)\n // ElMessage({\n // message: `${text || '查询'}成功`,\n // type: 'success',\n // })\n await nextTick()\n setSelected(data.value)\n } catch (error: any) {\n console.error(`获取列表数据失败,失败原因:${error}`)\n } finally {\n loading.value = false\n }\n }\n return { loading, data, pagination, getList }\n}\n\nexport default usePagination\n"],"names":[],"mappings":";;;AAMA,MAAM,gBAAgB,CAAC;AAAA,EACrB,WAAA;AAAA,EACA,eAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAA;AACF,CAA+C,KAAA;AAC7C,EAAA,MAAM,EAAE,OAAS,EAAA,gBAAA,EAAkB,aAAa,cAAe,EAAA,GAAI,OAAO,KAAK,CAAA,CAAA;AAC/E,EAAM,MAAA,OAAA,GAAU,IAAI,KAAK,CAAA,CAAA;AACzB,EAAM,MAAA,IAAA,GAAO,GAAI,CAAA,EAAE,CAAA,CAAA;AACnB,EAAA,MAAM,UAAa,GAAA,QAAA;AAAA,IACjB,cAAA,CAAe,QAAQ,EAAE,IAAA,EAAM,GAAG,QAAU,EAAA,eAAA,EAAiB,KAAO,EAAA,CAAA,EAAM,GAAA,IAAA;AAAA,GAC5E,CAAA;AACA,EAAA,MAAM,UAAU,OACd,OAAA,GAAkB,CAClB,EAAA,QAAA,GAAmB,iBACnB,IACG,KAAA;AAtBP,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAuBI,IAAI,IAAA;AACF,MAAA,OAAA,CAAQ,KAAQ,GAAA,IAAA,CAAA;AAChB,MAAM,MAAA,OAAA,GAAA,CAAU,EAAgB,GAAA,eAAA,CAAA,KAAA,KAAhB,IAAuB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAA,EAAA,CAAA;AACvC,MAAM,MAAA,UAAA,GAAa,OAAO,gBAAA,CAAiB,KAAU,KAAA,UAAA,CAAA;AACrD,MAAA,IAAI,eAAe,KAAO,EAAA;AACxB,QAAA,UAAA,CAAW,IAAO,GAAA,OAAA,CAAA;AAClB,QAAA,UAAA,CAAW,QAAW,GAAA,QAAA,CAAA;AAAA,OACxB;AACA,MAAM,MAAA,SAAA,GAAY,EAAE,GAAA,CAAI,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,MAAA,KAAU,EAAK,EAAA,GAAI,UAAc,IAAA,EAAI,EAAA,CAAA;AACtE,MAAA,MAAM,SAAS,UAAa,GAAA,OAAA,CAAM,EAAiB,GAAA,gBAAA,CAAA,KAAA,KAAjB,0CAAyB,SAAa,CAAA,CAAA,GAAA,SAAA,CAAA;AACxE,MAAA,CAAA,EAAA,GAAA,WAAA,CAAY,UAAZ,IAAoB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,WAAA,EAAA,EAAE,QAAU,EAAA,OAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAS,QAAQ,UAAW,EAAA,CAAA,CAAA;AAC5D,MAAA,MAAM,MAAM,MAAM,OAAA,CAAQ,KAAM,CAAA,MAAA,IAAU,EAAE,CAAA,CAAA;AAC5C,MAAA,WAAA,CAAY,KAAQ,GAAA,OAAA,CAAA;AACpB,MAAA,IAAA,CAAK,QAAQ,GAAM,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,GAAA,CAAA,GAAA,CAAA,CAAA;AACnB,MAAA,cAAA,CAAe,KAAU,KAAA,UAAA,CAAW,KAAQ,GAAA,CAAA,EAAA,GAAA,GAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,GAAA,CAAK,eAAL,IAAiB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAK7D,MAAA,MAAM,QAAS,EAAA,CAAA;AACf,MAAA,WAAA,CAAY,KAAK,KAAK,CAAA,CAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"usePagination.mjs","sources":["../../../../../packages/components/commonTable/usePagination.ts"],"sourcesContent":["import { ref, reactive, nextTick, toRefs } from 'vue'\nimport { ElMessage } from 'element-plus'\nimport { key, defaultPageSize } from './constants'\n\nimport type { IUsePaginationParams, IUsePaginationRes, IPagination } from './interfaces'\n\nconst usePagination = ({\n currentPage,\n commonFilterRef,\n setSelected,\n props,\n}: IUsePaginationParams): IUsePaginationRes => {\n const { listApi, formatListParams, beforeFetch, needPagination } = toRefs(props)\n const loading = ref(false)\n const data = ref([])\n const pagination = reactive<IPagination>(\n needPagination.value ? { page: 0, pageSize: defaultPageSize, total: 0 } : null,\n )\n const getList = async (\n curPage: number = 1,\n pageSize: number = defaultPageSize,\n text?: string,\n ) => {\n try {\n loading.value = true\n const fromRef = commonFilterRef.value?.getForm()\n const isFunction = typeof formatListParams.value === 'function'\n if (needPagination.value) {\n pagination.page = curPage\n pagination.pageSize = pageSize\n }\n const rawParams = { ...(fromRef?.values || {}), ...(pagination || {}) }\n const params = isFunction ? await formatListParams.value?.(rawParams) : rawParams\n beforeFetch.value?.({ formData: fromRef?.values, pagination })\n const res = await listApi.value(params || {})\n currentPage.value = curPage\n data.value = res?.[key]\n needPagination.value && (pagination.total = res?.pagination?.total)\n // ElMessage({\n // message: `${text || '查询'}成功`,\n // type: 'success',\n // })\n await nextTick()\n setSelected(data.value)\n console.log({ pagination })\n } catch (error: any) {\n console.error(`获取列表数据失败,失败原因:${error}`)\n } finally {\n loading.value = false\n }\n }\n return { loading, data, pagination, getList }\n}\n\nexport default usePagination\n"],"names":[],"mappings":"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"}
|
package/es/styles/index.css
CHANGED
|
@@ -1,153 +1,9 @@
|
|
|
1
|
-
@charset "UTF-8";
|
|
2
|
-
/* 全局 css 变量 */
|
|
3
|
-
:root {
|
|
4
|
-
--el-color-primary: #007dff;
|
|
5
|
-
--el-color-success: #67c23a;
|
|
6
|
-
--el-color-warning: #e6a23c;
|
|
7
|
-
--el-color-danger: #f56c6c;
|
|
8
|
-
--el-color-info: #909399;
|
|
9
|
-
--el-border-radius-base: 8px;
|
|
10
|
-
--el-border-radius-small: 4px;
|
|
11
|
-
--el-border-radius-round: 8px;
|
|
12
|
-
--el-border-radius-circle: 8px;
|
|
13
|
-
--el-dialog-margin-top: 5vh;
|
|
14
|
-
--el-fill-color-lighter: #f5f7fa;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.index-module_wrapper__o-ooH {
|
|
18
|
-
line-height: 16px;
|
|
19
|
-
font-weight: bold;
|
|
20
|
-
padding: 6px 6px 6px 10px;
|
|
21
|
-
box-sizing: border-box;
|
|
22
|
-
background-color: #f5f5f5;
|
|
23
|
-
}
|
|
24
|
-
.index-module_wrapper__o-ooH.index-module_primary__-O491 {
|
|
25
|
-
border-left: 6px solid #007dff;
|
|
26
|
-
}
|
|
27
|
-
.index-module_wrapper__o-ooH.index-module_danger__8-OdG {
|
|
28
|
-
border-left: 6px solid #f56c6c;
|
|
29
|
-
}
|
|
30
|
-
.index-module_container__u57hI {
|
|
31
|
-
width: 100%;
|
|
32
|
-
}
|
|
33
|
-
.index-module_container__u57hI .formily-element-plus-form-item-label {
|
|
34
|
-
margin-bottom: 0 !important;
|
|
35
|
-
}
|
|
36
|
-
.index-module_container__u57hI .formily-element-plus-form-item-error-help {
|
|
37
|
-
text-align: left;
|
|
38
|
-
}
|
|
39
|
-
.index-module_container__u57hI .el-collapse-item__header {
|
|
40
|
-
box-sizing: border-box;
|
|
41
|
-
}
|
|
42
|
-
.index-module_container__u57hI .el-step__icon {
|
|
43
|
-
position: absolute;
|
|
44
|
-
left: 0;
|
|
45
|
-
}
|
|
46
|
-
.index-module_container__u57hI .el-step__title {
|
|
47
|
-
margin-top: 30px;
|
|
48
|
-
}
|
|
49
|
-
.index-module_container__Kf-LD {
|
|
50
|
-
width: 100%;
|
|
51
|
-
height: auto;
|
|
52
|
-
}
|
|
53
|
-
.index-module_container__Kf-LD .formily-element-plus-form-item-feedback-layout-loose {
|
|
54
|
-
margin: 0;
|
|
55
|
-
}
|
|
56
|
-
.index-module_container__Kf-LD .index-module_btn__4DJ6R {
|
|
57
|
-
margin-left: 0 !important;
|
|
58
|
-
}
|
|
59
|
-
.index-module_container__cwKyU {
|
|
60
|
-
width: 140px;
|
|
61
|
-
border-radius: 5px;
|
|
62
|
-
}
|
|
63
|
-
.index-module_container__cwKyU .el-checkbox {
|
|
64
|
-
width: 100%;
|
|
65
|
-
}
|
|
66
|
-
.index-module_container__cwKyU .el-checkbox__label {
|
|
67
|
-
width: calc(100% - 22px);
|
|
68
|
-
}
|
|
69
|
-
.index-module_container__cwKyU .index-module_allCheckbox__gnca9 {
|
|
70
|
-
width: 100%;
|
|
71
|
-
}
|
|
72
|
-
.index-module_container__cwKyU .index-module_allCheckbox__gnca9:hover {
|
|
73
|
-
background-color: #f5f5f5 !important;
|
|
74
|
-
}
|
|
75
|
-
.index-module_container__cwKyU .index-module_divider__Si8Gr {
|
|
76
|
-
margin: 0;
|
|
77
|
-
}
|
|
78
|
-
.index-module_container__cwKyU .index-module_childBox__B2OiA {
|
|
79
|
-
width: 100%;
|
|
80
|
-
height: 300px;
|
|
81
|
-
overflow-y: auto;
|
|
82
|
-
}
|
|
83
|
-
.index-module_container__cwKyU .index-module_childBox__B2OiA .index-module_draggle__G85gE {
|
|
84
|
-
display: flex;
|
|
85
|
-
flex-direction: column;
|
|
86
|
-
}
|
|
87
|
-
.index-module_container__cwKyU .index-module_childBox__B2OiA .index-module_child__Y1jP- {
|
|
88
|
-
width: 100%;
|
|
89
|
-
margin: 0;
|
|
90
|
-
flex-shrink: 0;
|
|
91
|
-
}
|
|
92
|
-
.index-module_container__cwKyU .index-module_childBox__B2OiA .index-module_child__Y1jP-:hover {
|
|
93
|
-
background-color: #f5f5f5 !important;
|
|
94
|
-
}
|
|
95
|
-
.index-module_container__D46b- {
|
|
96
|
-
padding: 16px 20px !important;
|
|
97
|
-
box-sizing: border-box !important;
|
|
98
|
-
}
|
|
99
|
-
.index-module_container__bsvsi {
|
|
100
|
-
width: 100%;
|
|
101
|
-
height: 100%;
|
|
102
|
-
}
|
|
103
|
-
.index-module_container__bsvsi > .el-space__item {
|
|
104
|
-
width: 100%;
|
|
105
|
-
height: auto;
|
|
106
|
-
}
|
|
107
|
-
.index-module_container__bsvsi > .el-space__item:nth-child(2) {
|
|
108
|
-
justify-content: flex-end;
|
|
109
|
-
}
|
|
110
|
-
.index-module_container__bsvsi .el-pagination {
|
|
111
|
-
flex: none !important;
|
|
112
|
-
}
|
|
113
|
-
.index-module_container__bsvsi .el-table__empty-block {
|
|
114
|
-
min-height: 334px;
|
|
115
|
-
}
|
|
116
1
|
.index-module_container__pOL02 .el-drawer__header {
|
|
117
2
|
margin-bottom: 10px;
|
|
118
3
|
}
|
|
119
4
|
.index-module_container__pOL02 .el-drawer__title {
|
|
120
5
|
text-align: left;
|
|
121
6
|
}
|
|
122
|
-
.index-module_container__m2VYe {
|
|
123
|
-
overflow: hidden;
|
|
124
|
-
}
|
|
125
|
-
.index-module_container__m2VYe .formily-element-plus-form-item-label {
|
|
126
|
-
width: var(--common-editor-label-width);
|
|
127
|
-
align-items: center;
|
|
128
|
-
justify-content: flex-start;
|
|
129
|
-
margin-bottom: 5px;
|
|
130
|
-
}
|
|
131
|
-
.index-module_container__m2VYe .formily-element-plus-form-item {
|
|
132
|
-
margin: var(--common-editor-label-margin);
|
|
133
|
-
}
|
|
134
|
-
.index-module_container__m2VYe .el-drawer__footer {
|
|
135
|
-
box-shadow: 0 0 10px #eee;
|
|
136
|
-
}
|
|
137
|
-
.index-module_container__m2VYe.index-module_editMode__AaUsL .formily-element-plus-form-item-label {
|
|
138
|
-
justify-content: end;
|
|
139
|
-
padding-right: 10px;
|
|
140
|
-
box-sizing: border-box;
|
|
141
|
-
}
|
|
142
|
-
.index-module_container__m2VYe.index-module_editMode__AaUsL .formily-element-plus-form-item-colon {
|
|
143
|
-
display: none;
|
|
144
|
-
}
|
|
145
|
-
.index-module_container__m2VYe .index-module_footer__WU6ip {
|
|
146
|
-
width: 100%;
|
|
147
|
-
height: auto;
|
|
148
|
-
box-sizing: border-box;
|
|
149
|
-
justify-content: flex-end;
|
|
150
|
-
}
|
|
151
7
|
@charset "UTF-8";
|
|
152
8
|
/* 全局 css 变量 */
|
|
153
9
|
:root {
|
|
@@ -295,6 +151,66 @@
|
|
|
295
151
|
.index-module_container__VGtEq {
|
|
296
152
|
width: 100%;
|
|
297
153
|
}
|
|
154
|
+
.index-module_container__bsvsi {
|
|
155
|
+
width: 100%;
|
|
156
|
+
height: 100%;
|
|
157
|
+
}
|
|
158
|
+
.index-module_container__bsvsi > .el-space__item {
|
|
159
|
+
width: 100%;
|
|
160
|
+
height: auto;
|
|
161
|
+
}
|
|
162
|
+
.index-module_container__bsvsi > .el-space__item:nth-child(2) {
|
|
163
|
+
justify-content: flex-end;
|
|
164
|
+
}
|
|
165
|
+
.index-module_container__bsvsi .el-pagination {
|
|
166
|
+
flex: none !important;
|
|
167
|
+
}
|
|
168
|
+
.index-module_container__bsvsi .el-table__empty-block {
|
|
169
|
+
min-height: 334px;
|
|
170
|
+
}
|
|
171
|
+
.index-module_container__m2VYe {
|
|
172
|
+
overflow: hidden;
|
|
173
|
+
}
|
|
174
|
+
.index-module_container__m2VYe .formily-element-plus-form-item-label {
|
|
175
|
+
width: var(--common-editor-label-width);
|
|
176
|
+
align-items: center;
|
|
177
|
+
justify-content: flex-start;
|
|
178
|
+
margin-bottom: 5px;
|
|
179
|
+
}
|
|
180
|
+
.index-module_container__m2VYe .formily-element-plus-form-item {
|
|
181
|
+
margin: var(--common-editor-label-margin);
|
|
182
|
+
}
|
|
183
|
+
.index-module_container__m2VYe .el-drawer__footer {
|
|
184
|
+
box-shadow: 0 0 10px #eee;
|
|
185
|
+
}
|
|
186
|
+
.index-module_container__m2VYe.index-module_editMode__AaUsL .formily-element-plus-form-item-label {
|
|
187
|
+
justify-content: end;
|
|
188
|
+
padding-right: 10px;
|
|
189
|
+
box-sizing: border-box;
|
|
190
|
+
}
|
|
191
|
+
.index-module_container__m2VYe.index-module_editMode__AaUsL .formily-element-plus-form-item-colon {
|
|
192
|
+
display: none;
|
|
193
|
+
}
|
|
194
|
+
.index-module_container__m2VYe .index-module_footer__WU6ip {
|
|
195
|
+
width: 100%;
|
|
196
|
+
height: auto;
|
|
197
|
+
box-sizing: border-box;
|
|
198
|
+
justify-content: flex-end;
|
|
199
|
+
}
|
|
200
|
+
.index-module_container__D46b- {
|
|
201
|
+
padding: 16px 20px !important;
|
|
202
|
+
box-sizing: border-box !important;
|
|
203
|
+
}
|
|
204
|
+
.index-module_container__Kf-LD {
|
|
205
|
+
width: 100%;
|
|
206
|
+
height: auto;
|
|
207
|
+
}
|
|
208
|
+
.index-module_container__Kf-LD .formily-element-plus-form-item-feedback-layout-loose {
|
|
209
|
+
margin: 0;
|
|
210
|
+
}
|
|
211
|
+
.index-module_container__Kf-LD .index-module_btn__4DJ6R {
|
|
212
|
+
margin-left: 0 !important;
|
|
213
|
+
}
|
|
298
214
|
.index-module_container__qa31T .el-upload--text {
|
|
299
215
|
flex-direction: column;
|
|
300
216
|
width: 100%;
|
|
@@ -304,4 +220,88 @@
|
|
|
304
220
|
color: #a8abb2;
|
|
305
221
|
margin-bottom: 16px;
|
|
306
222
|
line-height: 50px;
|
|
223
|
+
}
|
|
224
|
+
.index-module_container__u57hI {
|
|
225
|
+
width: 100%;
|
|
226
|
+
}
|
|
227
|
+
.index-module_container__u57hI .formily-element-plus-form-item-label {
|
|
228
|
+
margin-bottom: 0 !important;
|
|
229
|
+
}
|
|
230
|
+
.index-module_container__u57hI .formily-element-plus-form-item-error-help {
|
|
231
|
+
text-align: left;
|
|
232
|
+
}
|
|
233
|
+
.index-module_container__u57hI .el-collapse-item__header {
|
|
234
|
+
box-sizing: border-box;
|
|
235
|
+
}
|
|
236
|
+
.index-module_container__u57hI .el-step__icon {
|
|
237
|
+
position: absolute;
|
|
238
|
+
left: 0;
|
|
239
|
+
}
|
|
240
|
+
.index-module_container__u57hI .el-step__title {
|
|
241
|
+
margin-top: 30px;
|
|
242
|
+
}
|
|
243
|
+
@charset "UTF-8";
|
|
244
|
+
/* 全局 css 变量 */
|
|
245
|
+
:root {
|
|
246
|
+
--el-color-primary: #007dff;
|
|
247
|
+
--el-color-success: #67c23a;
|
|
248
|
+
--el-color-warning: #e6a23c;
|
|
249
|
+
--el-color-danger: #f56c6c;
|
|
250
|
+
--el-color-info: #909399;
|
|
251
|
+
--el-border-radius-base: 8px;
|
|
252
|
+
--el-border-radius-small: 4px;
|
|
253
|
+
--el-border-radius-round: 8px;
|
|
254
|
+
--el-border-radius-circle: 8px;
|
|
255
|
+
--el-dialog-margin-top: 5vh;
|
|
256
|
+
--el-fill-color-lighter: #f5f7fa;
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
.index-module_wrapper__o-ooH {
|
|
260
|
+
line-height: 16px;
|
|
261
|
+
font-weight: bold;
|
|
262
|
+
padding: 6px 6px 6px 10px;
|
|
263
|
+
box-sizing: border-box;
|
|
264
|
+
background-color: #f5f5f5;
|
|
265
|
+
}
|
|
266
|
+
.index-module_wrapper__o-ooH.index-module_primary__-O491 {
|
|
267
|
+
border-left: 6px solid #007dff;
|
|
268
|
+
}
|
|
269
|
+
.index-module_wrapper__o-ooH.index-module_danger__8-OdG {
|
|
270
|
+
border-left: 6px solid #f56c6c;
|
|
271
|
+
}
|
|
272
|
+
.index-module_container__cwKyU {
|
|
273
|
+
width: 140px;
|
|
274
|
+
border-radius: 5px;
|
|
275
|
+
}
|
|
276
|
+
.index-module_container__cwKyU .el-checkbox {
|
|
277
|
+
width: 100%;
|
|
278
|
+
}
|
|
279
|
+
.index-module_container__cwKyU .el-checkbox__label {
|
|
280
|
+
width: calc(100% - 22px);
|
|
281
|
+
}
|
|
282
|
+
.index-module_container__cwKyU .index-module_allCheckbox__gnca9 {
|
|
283
|
+
width: 100%;
|
|
284
|
+
}
|
|
285
|
+
.index-module_container__cwKyU .index-module_allCheckbox__gnca9:hover {
|
|
286
|
+
background-color: #f5f5f5 !important;
|
|
287
|
+
}
|
|
288
|
+
.index-module_container__cwKyU .index-module_divider__Si8Gr {
|
|
289
|
+
margin: 0;
|
|
290
|
+
}
|
|
291
|
+
.index-module_container__cwKyU .index-module_childBox__B2OiA {
|
|
292
|
+
width: 100%;
|
|
293
|
+
height: 300px;
|
|
294
|
+
overflow-y: auto;
|
|
295
|
+
}
|
|
296
|
+
.index-module_container__cwKyU .index-module_childBox__B2OiA .index-module_draggle__G85gE {
|
|
297
|
+
display: flex;
|
|
298
|
+
flex-direction: column;
|
|
299
|
+
}
|
|
300
|
+
.index-module_container__cwKyU .index-module_childBox__B2OiA .index-module_child__Y1jP- {
|
|
301
|
+
width: 100%;
|
|
302
|
+
margin: 0;
|
|
303
|
+
flex-shrink: 0;
|
|
304
|
+
}
|
|
305
|
+
.index-module_container__cwKyU .index-module_childBox__B2OiA .index-module_child__Y1jP-:hover {
|
|
306
|
+
background-color: #f5f5f5 !important;
|
|
307
307
|
}
|