@mc20230601/keep-up 1.0.31 → 1.0.32
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/commonDrawer/index.mjs +28 -22
- package/es/components/commonDrawer/index.mjs.map +1 -1
- package/es/components/commonDrawer/index.module.mjs +4 -0
- package/es/components/commonDrawer/index.module.mjs.map +1 -0
- package/es/components/commonTable/index.mjs +2 -1
- package/es/components/commonTable/index.mjs.map +1 -1
- package/es/styles/index.css +6 -0
- package/package.json +1 -1
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { defineComponent, ref } from 'vue';
|
|
1
|
+
import { defineComponent, ref, createVNode, mergeProps } from 'vue';
|
|
2
|
+
import { ElDrawer, ElEmpty } from 'element-plus';
|
|
3
|
+
import styles from './index.module.mjs';
|
|
2
4
|
|
|
3
5
|
const props = {
|
|
4
6
|
/** 默认标题 */
|
|
@@ -34,27 +36,31 @@ const commonDrawer = defineComponent({
|
|
|
34
36
|
open,
|
|
35
37
|
close
|
|
36
38
|
});
|
|
37
|
-
return () =>
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
39
|
+
return () => {
|
|
40
|
+
var _a, _b;
|
|
41
|
+
return createVNode(ElDrawer, mergeProps({
|
|
42
|
+
"class": styles.container,
|
|
43
|
+
"modelValue": visible.value,
|
|
44
|
+
"onUpdate:modelValue": ($event) => visible.value = $event
|
|
45
|
+
}, attrs, {
|
|
46
|
+
"title": props2.title,
|
|
47
|
+
"size": props2.size,
|
|
48
|
+
"destroyOnClose": true,
|
|
49
|
+
"appendToBody": true,
|
|
50
|
+
"onClose": () => {
|
|
51
|
+
emit("close");
|
|
52
|
+
}
|
|
53
|
+
}), {
|
|
54
|
+
default: () => {
|
|
55
|
+
var _a2;
|
|
56
|
+
return [((_a2 = slots.default) == null ? void 0 : _a2.call(slots)) || createVNode(ElEmpty, {
|
|
57
|
+
"description": "No Data"
|
|
58
|
+
}, null)];
|
|
59
|
+
},
|
|
60
|
+
title: (_a = slots.title) == null ? void 0 : _a.call(slots),
|
|
61
|
+
footer: (_b = slots.footer) == null ? void 0 : _b.call(slots)
|
|
62
|
+
});
|
|
63
|
+
};
|
|
58
64
|
}
|
|
59
65
|
});
|
|
60
66
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/commonDrawer/index.tsx"],"sourcesContent":["import { defineComponent, ref } from 'vue'\nimport { ElDrawer, ElEmpty } from 'element-plus'\nimport styles from './index.module.scss'\n\nimport type { ExtractPropTypes, DefineComponent } from 'vue'\nimport type { DrawerProps } from 'element-plus'\nimport type { ICommonDrawerExpose } from './interfaces'\n\nconst props = {\n /** 默认标题 */\n title: {\n type: String,\n default: '默认标题',\n },\n /** 宽度 */\n size: {\n type: String,\n default: '70%',\n },\n}\n\nexport type CardProps = ExtractPropTypes<typeof props> &\n Omit<Partial<DrawerProps>, 'title' | 'size'>\n\nexport * from './interfaces'\nconst commonDrawer = defineComponent({\n name: 'CommonEditor',\n inheritAttrs: false,\n props,\n emits: ['close'],\n setup(props, { expose, slots, attrs, emit }) {\n const visible = ref(false)\n /** 打开抽屉 */\n const open = () => {\n visible.value = true\n }\n /** 关闭抽屉 */\n const close = () => {\n visible.value = false\n }\n expose<ICommonDrawerExpose>({\n open,\n close,\n })\n return () => (\n
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/commonDrawer/index.tsx"],"sourcesContent":["import { defineComponent, ref } from 'vue'\nimport { ElDrawer, ElEmpty } from 'element-plus'\nimport styles from './index.module.scss'\n\nimport type { ExtractPropTypes, DefineComponent } from 'vue'\nimport type { DrawerProps } from 'element-plus'\nimport type { ICommonDrawerExpose } from './interfaces'\n\nconst props = {\n /** 默认标题 */\n title: {\n type: String,\n default: '默认标题',\n },\n /** 宽度 */\n size: {\n type: String,\n default: '70%',\n },\n}\n\nexport type CardProps = ExtractPropTypes<typeof props> &\n Omit<Partial<DrawerProps>, 'title' | 'size'>\n\nexport * from './interfaces'\nconst commonDrawer = defineComponent({\n name: 'CommonEditor',\n inheritAttrs: false,\n props,\n emits: ['close'],\n setup(props, { expose, slots, attrs, emit }) {\n const visible = ref(false)\n /** 打开抽屉 */\n const open = () => {\n visible.value = true\n }\n /** 关闭抽屉 */\n const close = () => {\n visible.value = false\n }\n expose<ICommonDrawerExpose>({\n open,\n close,\n })\n return () => (\n <ElDrawer\n class={styles.container}\n v-model={visible.value}\n {...attrs}\n title={props.title}\n size={props.size}\n destroyOnClose\n appendToBody\n onClose={() => {\n emit('close')\n }}\n v-slots={{\n title: slots.title?.(),\n footer: slots.footer?.(),\n }}\n >\n {slots.default?.() || <ElEmpty description='No Data' />}\n </ElDrawer>\n )\n },\n})\n\nexport default commonDrawer as unknown as DefineComponent<\n /** props */\n CardProps,\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 { close: () => void }\n>\n"],"names":["props","title","type","String","default","size","commonDrawer","defineComponent","name","inheritAttrs","emits","setup","expose","slots","attrs","emit","visible","ref","open","value","close","_createVNode","ElDrawer","_mergeProps","styles","container","$event","onClose","_a","ElEmpty","footer"],"mappings":";;;;AAQA,MAAMA,KAAQ,GAAA;AAAA;AAAA,EAEZC,KAAO,EAAA;AAAA,IACLC,IAAMC,EAAAA,MAAAA;AAAAA,IACNC,OAAS,EAAA,0BAAA;AAAA,GACX;AAAA;AAAA,EAEAC,IAAM,EAAA;AAAA,IACJH,IAAMC,EAAAA,MAAAA;AAAAA,IACNC,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAA,CAAA;AAMA,MAAME,eAAeC,eAAgB,CAAA;AAAA,EACnCC,IAAM,EAAA,cAAA;AAAA,EACNC,YAAc,EAAA,KAAA;AAAA,EACdT,KAAAA;AAAAA,EACAU,KAAAA,EAAO,CAAC,OAAO,CAAA;AAAA,EACfC,MAAMX,MAAO,EAAA;AAAA,IAAEY,MAAAA;AAAAA,IAAQC,KAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAOC,IAAAA;AAAAA,GAAQ,EAAA;AAC3C,IAAMC,MAAAA,OAAAA,GAAUC,IAAI,KAAK,CAAA,CAAA;AAEzB,IAAA,MAAMC,OAAOA,MAAM;AACjBF,MAAAA,OAAAA,CAAQG,KAAQ,GAAA,IAAA,CAAA;AAAA,KAClB,CAAA;AAEA,IAAA,MAAMC,QAAQA,MAAM;AAClBJ,MAAAA,OAAAA,CAAQG,KAAQ,GAAA,KAAA,CAAA;AAAA,KAClB,CAAA;AACAP,IAA4B,MAAA,CAAA;AAAA,MAC1BM,IAAAA;AAAAA,MACAE,KAAAA;AAAAA,KACD,CAAA,CAAA;AACD,IAAA,OAAO,MAAAC;AA5CX,MAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA4CWA,MAAAA,OAAAA,WAAAA,CAAAC,UAAAC,UAAA,CAAA;AAAA,QAAA,SAEIC,MAAOC,CAAAA,SAAAA;AAAAA,QAAS,cACdT,OAAQG,CAAAA,KAAAA;AAAAA,QAAK,qBAAA,EAAAO,CAAbV,MAAAA,KAAAA,OAAAA,CAAQG,KAAKO,GAAAA,MAAAA;AAAAA,SAClBZ,KAAK,EAAA;AAAA,QAAA,SACFd,MAAMC,CAAAA,KAAAA;AAAAA,QAAK,QACZD,MAAMK,CAAAA,IAAAA;AAAAA,QAAI,gBAAA,EAAA,IAAA;AAAA,QAAA,cAAA,EAAA,IAAA;AAAA,QAAA,WAGPsB,MAAM;AACbZ,UAAAA,IAAAA,CAAK,OAAO,CAAA,CAAA;AAAA,SACd;AAAA,OAAC,CAAA,EAAA;AAAA,QAAAX,SAAAA,MAAA;AAvDT,UAAAwB,IAAAA,GAAAA,CAAAA;AAuDS,UAAA,OAAA,CAAA,CAAA,CAMAf,MAAAA,KAAMT,CAAAA,OAAAA,KAANS,gBAAAA,GAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAAA,KAAiBQ,YAAAQ,OAAA,EAAA;AAAA,YAAA,aAAA,EAAA,SAAA;AAAA,WAAA,EAAqC,IAAA,CAAA,CAAA,CAAA;AAAA,SAAA;AAAA,QAJrD5B,KAAAA,EAAAA,CAAOY,WAAMZ,KAANY,KAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAAA;AAAAA,QACPiB,MAAAA,EAAAA,CAAQjB,WAAMiB,MAANjB,KAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,IAAAA,CAAAA,KAAAA,CAAAA;AAAAA,OAKb,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GACH;AACF,CAAC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -121,13 +121,14 @@ const commonTable = defineComponent({
|
|
|
121
121
|
"description": dataEmptyTip.value
|
|
122
122
|
}, null),
|
|
123
123
|
...slots
|
|
124
|
-
}), [[resolveDirective("loading"), loading.value]]),
|
|
124
|
+
}), [[resolveDirective("loading"), loading.value]]), createVNode(ElPagination, mergeProps({
|
|
125
125
|
"style": {
|
|
126
126
|
width: "calc(100% - 24px)",
|
|
127
127
|
margin: "4px 0 14px 0",
|
|
128
128
|
justifyContent: "end"
|
|
129
129
|
},
|
|
130
130
|
"currentPage": currentPage.value,
|
|
131
|
+
"onUpdate:currentPage": ($event) => currentPage.value = $event,
|
|
131
132
|
"onChange": getList
|
|
132
133
|
}, mergedPaginationConfig.value, {
|
|
133
134
|
"total": pagination == null ? void 0 : pagination.total
|
|
@@ -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 {props.needPagination && (\n <ElPagination\n style={{ width: 'calc(100% - 24px)', margin: '4px 0 14px 0', justifyContent: 'end' }}\n 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","needPagination","ElPagination","width","margin","justifyContent","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 <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 </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","width","margin","justifyContent","$event","total"],"mappings":"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"}
|
package/es/styles/index.css
CHANGED
|
@@ -113,6 +113,12 @@
|
|
|
113
113
|
.index-module_container__bsvsi .el-table__empty-block {
|
|
114
114
|
min-height: 334px;
|
|
115
115
|
}
|
|
116
|
+
.index-module_container__pOL02 .el-drawer__header {
|
|
117
|
+
margin-bottom: 10px;
|
|
118
|
+
}
|
|
119
|
+
.index-module_container__pOL02 .el-drawer__title {
|
|
120
|
+
text-align: left;
|
|
121
|
+
}
|
|
116
122
|
.index-module_container__m2VYe {
|
|
117
123
|
overflow: hidden;
|
|
118
124
|
}
|