@dinert/element-plus 1.0.0 → 1.0.2
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/README.md +335 -36
- package/dist/element-plus.umd.js +2 -0
- package/dist/element-plus.umd.js.map +1 -0
- package/dist/style.css +1 -0
- package/es/node_modules/@element-plus/icons-vue/dist/index.mjs +66 -0
- package/es/node_modules/@element-plus/icons-vue/dist/index.mjs.map +1 -0
- package/es/packages/assets/scss/dinert-form.scss.mjs +5 -0
- package/es/packages/assets/scss/dinert-form.scss.mjs.map +1 -0
- package/es/packages/assets/scss/dinert-table-page.scss.mjs +5 -0
- package/es/packages/assets/scss/dinert-table-page.scss.mjs.map +1 -0
- package/es/packages/assets/scss/dinert-table.scss.mjs +5 -0
- package/es/packages/assets/scss/dinert-table.scss.mjs.map +1 -0
- package/es/packages/assets/scss/dinert-tooltip.scss.mjs +5 -0
- package/es/packages/assets/scss/dinert-tooltip.scss.mjs.map +1 -0
- package/es/packages/components/form/index.mjs +10 -0
- package/es/packages/components/form/index.mjs.map +1 -0
- package/es/packages/components/form/src/cascader.mjs +49 -0
- package/es/packages/components/form/src/cascader.mjs.map +1 -0
- package/es/packages/components/form/src/checkbox.mjs +44 -0
- package/es/packages/components/form/src/checkbox.mjs.map +1 -0
- package/es/packages/components/form/src/date.mjs +47 -0
- package/es/packages/components/form/src/date.mjs.map +1 -0
- package/es/packages/components/form/src/index.mjs +229 -0
- package/es/packages/components/form/src/index.mjs.map +1 -0
- package/es/packages/components/form/src/input-autocomplete.mjs +35 -0
- package/es/packages/components/form/src/input-autocomplete.mjs.map +1 -0
- package/es/packages/components/form/src/input-number.mjs +39 -0
- package/es/packages/components/form/src/input-number.mjs.map +1 -0
- package/es/packages/components/form/src/input.mjs +43 -0
- package/es/packages/components/form/src/input.mjs.map +1 -0
- package/es/packages/components/form/src/radio.mjs +48 -0
- package/es/packages/components/form/src/radio.mjs.map +1 -0
- package/es/packages/components/form/src/rate.mjs +35 -0
- package/es/packages/components/form/src/rate.mjs.map +1 -0
- package/es/packages/components/form/src/select.mjs +45 -0
- package/es/packages/components/form/src/select.mjs.map +1 -0
- package/es/packages/components/form/src/switch.mjs +36 -0
- package/es/packages/components/form/src/switch.mjs.map +1 -0
- package/es/packages/components/form/src/tree-select.mjs +43 -0
- package/es/packages/components/form/src/tree-select.mjs.map +1 -0
- package/es/packages/components/form/utils/index.mjs +49 -0
- package/es/packages/components/form/utils/index.mjs.map +1 -0
- package/es/packages/components/index.mjs +11 -0
- package/es/packages/components/index.mjs.map +1 -0
- package/es/packages/components/table/hooks/index.mjs +30 -0
- package/es/packages/components/table/hooks/index.mjs.map +1 -0
- package/es/packages/components/table/index.mjs +10 -0
- package/es/packages/components/table/index.mjs.map +1 -0
- package/es/packages/components/table/src/index.mjs +177 -0
- package/es/packages/components/table/src/index.mjs.map +1 -0
- package/es/packages/components/table/src/recuve-table-column.mjs +235 -0
- package/es/packages/components/table/src/recuve-table-column.mjs.map +1 -0
- package/es/packages/components/table-page/index.mjs +10 -0
- package/es/packages/components/table-page/index.mjs.map +1 -0
- package/es/packages/components/table-page/src/index.mjs +77 -0
- package/es/packages/components/table-page/src/index.mjs.map +1 -0
- package/es/packages/components/tooltip/index.mjs +10 -0
- package/es/packages/components/tooltip/index.mjs.map +1 -0
- package/es/packages/components/tooltip/src/index.mjs +56 -0
- package/es/packages/components/tooltip/src/index.mjs.map +1 -0
- package/es/packages/hooks/useTablePage/index.mjs +136 -0
- package/es/packages/hooks/useTablePage/index.mjs.map +1 -0
- package/es/packages/hooks/useWindowResize.mjs +16 -0
- package/es/packages/hooks/useWindowResize.mjs.map +1 -0
- package/es/packages/index.mjs +21 -0
- package/es/packages/index.mjs.map +1 -0
- package/es/packages/utils/tools.mjs +54 -0
- package/es/packages/utils/tools.mjs.map +1 -0
- package/es/src/components/form/index.d.ts +32 -0
- package/es/src/components/form/src/checkbox.d.ts +28 -0
- package/es/src/components/form/src/date.d.ts +28 -0
- package/es/src/components/form/src/index.d.ts +32 -0
- package/es/src/components/form/src/input-autocomplete.d.ts +28 -0
- package/es/src/components/form/src/input-number.d.ts +28 -0
- package/es/src/components/form/src/input.d.ts +28 -0
- package/es/src/components/form/src/radio.d.ts +28 -0
- package/es/src/components/form/src/rate.d.ts +28 -0
- package/es/src/components/form/src/switch.d.ts +28 -0
- package/es/src/components/form/src/tree-select.d.ts +39 -0
- package/es/src/components/form/types/index.d.ts +41 -0
- package/es/src/components/form/utils/index.d.ts +5 -0
- package/es/src/components/index.d.ts +7 -0
- package/es/src/components/table/hooks/index.d.ts +14 -0
- package/es/src/components/table/index.d.ts +608 -0
- package/es/src/components/table/src/index.d.ts +609 -0
- package/es/src/components/table/src/recuve-table-column.d.ts +43 -0
- package/es/src/components/table/types/index.d.ts +82 -0
- package/es/src/components/table-page/index.d.ts +1329 -0
- package/es/src/components/table-page/src/index.d.ts +1330 -0
- package/es/src/components/tooltip/index.d.ts +60 -0
- package/es/src/components/tooltip/src/index.d.ts +59 -0
- package/es/src/components/tooltip/types/index.d.ts +10 -0
- package/es/src/hooks/useTablePage/index.d.ts +49 -0
- package/es/src/hooks/useTablePage/types/index.d.ts +29 -0
- package/es/src/hooks/useWindowResize.d.ts +2 -0
- package/es/src/index.d.ts +7 -0
- package/es/src/utils/tools.d.ts +19 -0
- package/es/src/views/test-table/data.d.ts +21 -0
- package/es/src/views/test-table/tableColumns.d.ts +9 -0
- package/es/src/views/test-table-page/data.d.ts +2 -0
- package/es/src/views/test-table-page/formItem.d.ts +1 -0
- package/es/src/views/test-table-page/types/index.d.ts +23 -0
- package/es/style.css +1 -0
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -0
- package/lib/src/components/form/index.d.ts +32 -0
- package/lib/src/components/form/src/checkbox.d.ts +28 -0
- package/lib/src/components/form/src/date.d.ts +28 -0
- package/lib/src/components/form/src/index.d.ts +32 -0
- package/lib/src/components/form/src/input-autocomplete.d.ts +28 -0
- package/lib/src/components/form/src/input-number.d.ts +28 -0
- package/lib/src/components/form/src/input.d.ts +28 -0
- package/lib/src/components/form/src/radio.d.ts +28 -0
- package/lib/src/components/form/src/rate.d.ts +28 -0
- package/lib/src/components/form/src/switch.d.ts +28 -0
- package/lib/src/components/form/src/tree-select.d.ts +39 -0
- package/lib/src/components/form/types/index.d.ts +41 -0
- package/lib/src/components/form/utils/index.d.ts +5 -0
- package/lib/src/components/index.d.ts +7 -0
- package/lib/src/components/table/hooks/index.d.ts +14 -0
- package/lib/src/components/table/index.d.ts +608 -0
- package/lib/src/components/table/src/index.d.ts +609 -0
- package/lib/src/components/table/src/recuve-table-column.d.ts +43 -0
- package/lib/src/components/table/types/index.d.ts +82 -0
- package/lib/src/components/table-page/index.d.ts +1329 -0
- package/lib/src/components/table-page/src/index.d.ts +1330 -0
- package/lib/src/components/tooltip/index.d.ts +60 -0
- package/lib/src/components/tooltip/src/index.d.ts +59 -0
- package/lib/src/components/tooltip/types/index.d.ts +10 -0
- package/lib/src/hooks/useTablePage/index.d.ts +49 -0
- package/lib/src/hooks/useTablePage/types/index.d.ts +29 -0
- package/lib/src/hooks/useWindowResize.d.ts +2 -0
- package/lib/src/index.d.ts +7 -0
- package/lib/src/utils/tools.d.ts +19 -0
- package/lib/src/views/test-table/data.d.ts +21 -0
- package/lib/src/views/test-table/tableColumns.d.ts +9 -0
- package/lib/src/views/test-table-page/data.d.ts +2 -0
- package/lib/src/views/test-table-page/formItem.d.ts +1 -0
- package/lib/src/views/test-table-page/types/index.d.ts +23 -0
- package/lib/style.css +1 -0
- package/package.json +92 -86
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/table/src/index.tsx"],"sourcesContent":["import {defineComponent, ref, computed, nextTick, watch, onMounted} from 'vue'\nimport type {RewriteTableColumnCtx, RewriteTableProps} from '@packages/components/table/types/index'\nimport {getUuid, convertToFlat, columnProp, getTreeNode} from '@packages/utils/tools'\nimport {resizeTaleHeight, allowDrop, nodeDragEnd, treeProps, treeNode} from '@packages/components/table/hooks'\n\nimport DinertRecuveTableColumn from './recuve-table-column'\nimport useWindowResize from '@packages/hooks/useWindowResize'\nimport {ArrowDown} from '@element-plus/icons-vue'\n\n\nimport type {ElTable, ElSelect} from 'element-plus'\nimport type {PropType} from 'vue'\nimport type Node from 'element-plus/es/components/tree/src/model/node'\n\nimport '@packages/assets/scss/dinert-table.scss'\n\nconst popoverValue = ref(false)\nconst onlyClass = ref('table_' + getUuid())\nconst selectTable = ref<InstanceType<typeof ElSelect>>()\nconst isAllData = ref(true)\nconst tableRef = ref<InstanceType<typeof ElTable>>()\nconst headerRef = ref<HTMLElement | null>(null)\nconst bodyRef = ref<HTMLElement | null>(null)\nconst footerRef = ref<HTMLElement | null>(null)\nconst headerFooterRef = ref<HTMLElement | null>(null)\n\n\nexport default defineComponent({\n name: 'dinert-table',\n props: {\n table: {\n type: Object as PropType<RewriteTableProps>,\n },\n header: {\n type: Boolean,\n default: true\n },\n footer: {\n type: Boolean,\n default: true\n },\n tableSlot: {\n type: Boolean,\n default: false\n },\n },\n emits: ['SizeChange', 'CurrentChange'],\n setup(props) {\n\n const resizeTaleHeightFn = () => {\n resizeTaleHeight(\n tableRef.value,\n headerRef.value,\n bodyRef.value,\n footerRef.value,\n headerFooterRef.value,\n (props.table as RewriteTableProps)\n )\n }\n\n onMounted(() => {\n setTimeout(() => {\n resizeTaleHeightFn()\n })\n })\n\n\n const tableColumns = computed<RewriteTableColumnCtx[]>(() => {\n let tableColumns = props.table?.tableColumns || []\n tableColumns = tableColumns.map((item, index) => {\n item.sort = typeof item.sort === 'undefined' ? index : item.sort\n return item\n })\n\n tableColumns.sort((a: any, b: any) => {\n return a.sort - b.sort\n })\n\n return tableColumns\n })\n\n const getSetting = computed(() => {\n return getTreeNode(tableColumns.value, 'setting', [true], 'setting').length === 0\n && props.table?.setting !== false\n })\n\n const defaultCheckedKeys = getTreeNode(tableColumns.value, 'checked', [true, undefined], 'prop')\n\n const checkTree = (data: Node, checked: boolean, childChecked: boolean) => {\n data.checked = childChecked || checked\n nextTick(() => {\n resizeTaleHeightFn()\n })\n }\n\n useWindowResize(() => {\n resizeTaleHeightFn()\n }, 100)\n\n\n watch(() => props.table?.key, () => {\n nextTick(async () => {\n await treeNode(selectTable.value, props.table?.tableColumns)\n\n setTimeout(() => {\n resizeTaleHeightFn()\n })\n })\n }, {\n immediate: true\n })\n\n watch(() => tableColumns.value, () => {\n nextTick(() => {\n const tableColumnsData = convertToFlat(tableColumns.value)\n const selectData: any = selectTable.value && (selectTable.value as any).getCheckedKeys()\n isAllData.value = tableColumnsData.length === (selectData && selectData.length)\n })\n\n }, {\n deep: true,\n })\n\n\n return {\n getSetting,\n tableColumns,\n checkTree,\n defaultCheckedKeys,\n resizeTaleHeightFn,\n tableRef\n }\n },\n render() {\n const slots = this.tableSlot ? this.$slots : {default: (scope: any) => this.$slots[scope.prop && columnProp(scope.prop)]?.(scope)}\n\n\n return (\n <section class={'dinert-table'}>\n {\n this.header\n && <header class={'dinert-table-header'} ref={headerRef}>\n {\n this.$slots['header-left']\n && <div class=\"dinert-table-header-left\">\n {this.$slots['header-left']?.()}\n </div>\n }\n {\n this.getSetting\n && <div class={'dinert-table-header-right'}>\n <el-button-group>\n <el-button type={isAllData.value ? 'primary' : 'default'}\n >全部显示\n </el-button>\n <el-popover teleported={false}\n v-slots={\n {\n default: () => (\n <ul class=\"el-popover-classify\">\n <el-tree\n ref={selectTable}\n draggable\n data={this.tableColumns}\n default-expand-all\n default-checked-keys={this.defaultCheckedKeys}\n show-checkbox\n node-key={'prop'}\n props={treeProps}\n allow-drop={allowDrop}\n onCheckChange={this.checkTree}\n nodeDragEnd={(e: Node) => nodeDragEnd(e, (selectTable.value as any))}\n v-slots={\n {\n default: ({data}: {data: Node}) => (\n <div class=\"text-dot tree-item\">\n <el-tooltip content={data.label}\n placement={'top'}\n disabled={data.label && data.label.length < 8}\n v-slots={\n {\n default: () => (<span>{ data.label }</span>)\n }\n }\n >\n </el-tooltip>\n </div>\n )\n }\n }\n >\n </el-tree>\n </ul>\n ),\n reference: () => (\n <el-button type={!isAllData.value ? 'primary' : ''}>\n 分类显示<el-icon><ArrowDown/></el-icon>\n </el-button>\n )\n }\n\n }\n >\n </el-popover>\n </el-button-group>\n </div>\n }\n </header>\n }\n\n {\n this.$slots['header-footer']\n && <header class={'dinert-table-headerFooter'} ref={headerFooterRef}>\n {this.$slots['header-footer']?.()}\n </header>\n }\n\n <div ref={bodyRef} class=\"dinert-table-body\">\n <el-table\n height={'100%'}\n border={true}\n {...this.table}\n ref={tableRef}\n row-key={this.table?.rowKey}\n {...this.table?.on}\n >\n <DinertRecuveTableColumn table={this.table}\n table-columns={this.tableColumns}\n only-class={onlyClass.value}\n v-slots={slots}\n popover-value={popoverValue.value}\n >\n </DinertRecuveTableColumn>\n\n </el-table>\n </div>\n\n <div class=\"dinert-table-footer\" ref={footerRef}>\n <el-pagination\n model:current-page={1}\n model:page-size={15}\n pageSizes={[15, 30, 50, 70, 100]}\n default-page-size={15}\n layout={'total, sizes, prev, pager, next, jumper'}\n total={100}\n {...this.table?.pagination}\n onSizeChange={(val: number) => this.$emit('SizeChange', val)}\n onCurrentChange={(val: number) => this.$emit('CurrentChange', val)}\n {...this.table?.pagination.on}\n >\n\n </el-pagination>\n </div>\n\n </section>\n )\n }\n})\n"],"names":["popoverValue","ref","onlyClass","getUuid","selectTable","isAllData","tableRef","headerRef","bodyRef","footerRef","headerFooterRef","defineComponent","name","props","table","type","Object","header","Boolean","default","footer","tableSlot","emits","setup","resizeTaleHeightFn","resizeTaleHeight","value","onMounted","setTimeout","tableColumns","computed","map","item","index","sort","a","b","getSetting","getTreeNode","length","setting","defaultCheckedKeys","undefined","checkTree","data","checked","childChecked","nextTick","useWindowResize","watch","key","treeNode","immediate","tableColumnsData","convertToFlat","selectData","getCheckedKeys","deep","render","slots","$slots","scope","_b","_a","prop","columnProp","_createVNode","_resolveComponent","_createTextVNode","treeProps","allowDrop","e","nodeDragEnd","label","reference","ArrowDown","_d","_c","_mergeProps","_e","rowKey","_f","on","DinertRecuveTableColumn","_g","pagination","val","$emit","_h"],"mappings":"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"}
|
|
@@ -0,0 +1,235 @@
|
|
|
1
|
+
import { ref as R, defineComponent as _, watch as j, nextTick as E, createVNode as l, Fragment as g, resolveComponent as r, mergeProps as T, createTextVNode as m, computed as V, isVNode as F } from "vue";
|
|
2
|
+
import { getPropByPath as B, dataTransformRod as L, escapeHTML as P } from "../../../utils/tools.mjs";
|
|
3
|
+
import { treeNode as N, allShow as S, treeProps as $, allowDrop as A, checkTree as H, nodeDragEnd as I } from "../hooks/index.mjs";
|
|
4
|
+
import { Setting as M, ArrowDown as W } from "../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
|
|
5
|
+
function q(t) {
|
|
6
|
+
return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !F(t);
|
|
7
|
+
}
|
|
8
|
+
const v = R(), O = R(0), z = (t) => {
|
|
9
|
+
const e = {};
|
|
10
|
+
for (const p in t)
|
|
11
|
+
p !== "children" && (e[p] = t[p]);
|
|
12
|
+
return e;
|
|
13
|
+
}, G = (t) => {
|
|
14
|
+
O.value++, O.value === 1 && v.value && N(v.value, t.table.tableColumns);
|
|
15
|
+
}, J = {
|
|
16
|
+
index: 60,
|
|
17
|
+
selection: 40,
|
|
18
|
+
expand: 40
|
|
19
|
+
}, Y = /* @__PURE__ */ _({
|
|
20
|
+
name: "dinert-recuve-table-column",
|
|
21
|
+
props: {
|
|
22
|
+
onlyClass: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: ""
|
|
25
|
+
},
|
|
26
|
+
popoverValue: {
|
|
27
|
+
type: Boolean,
|
|
28
|
+
default: !1
|
|
29
|
+
},
|
|
30
|
+
table: {
|
|
31
|
+
type: Object
|
|
32
|
+
},
|
|
33
|
+
tableColumns: {
|
|
34
|
+
type: Array,
|
|
35
|
+
default: () => []
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
setup(t) {
|
|
39
|
+
return j(() => {
|
|
40
|
+
var o;
|
|
41
|
+
return (o = t.table) == null ? void 0 : o.key;
|
|
42
|
+
}, () => {
|
|
43
|
+
E(() => {
|
|
44
|
+
var o;
|
|
45
|
+
v.value && N(v.value, (o = t.table) == null ? void 0 : o.tableColumns);
|
|
46
|
+
});
|
|
47
|
+
}, {
|
|
48
|
+
immediate: !0
|
|
49
|
+
}), {
|
|
50
|
+
settingRender: (o) => l(r("el-popover"), {
|
|
51
|
+
value: o.popoverValue,
|
|
52
|
+
onBeforeEnter: () => G(o)
|
|
53
|
+
}, {
|
|
54
|
+
default: () => {
|
|
55
|
+
var y;
|
|
56
|
+
return l("ul", {
|
|
57
|
+
class: "el-popover-classify"
|
|
58
|
+
}, [l("li", null, [l(r("el-link"), {
|
|
59
|
+
class: "allSelect",
|
|
60
|
+
underline: !1,
|
|
61
|
+
type: "primary",
|
|
62
|
+
onClick: () => {
|
|
63
|
+
var a;
|
|
64
|
+
return S(v.value, ((a = o.table) == null ? void 0 : a.tableColumns) || []);
|
|
65
|
+
}
|
|
66
|
+
}, {
|
|
67
|
+
default: () => [m("全选")]
|
|
68
|
+
})]), l(r("el-tree"), {
|
|
69
|
+
ref: v,
|
|
70
|
+
draggable: !0,
|
|
71
|
+
data: (y = o.table) == null ? void 0 : y.tableColumns,
|
|
72
|
+
"default-expand-all": !0,
|
|
73
|
+
"show-checkbox": !0,
|
|
74
|
+
"node-key": "prop",
|
|
75
|
+
props: $,
|
|
76
|
+
allowDrop: A,
|
|
77
|
+
onCheckChange: H,
|
|
78
|
+
onNodeDragEnd: (a) => I(a, v.value)
|
|
79
|
+
}, {
|
|
80
|
+
default: ({
|
|
81
|
+
data: a
|
|
82
|
+
}) => l("div", {
|
|
83
|
+
class: "text-dot tree-item"
|
|
84
|
+
}, [l(r("el-tooltip"), {
|
|
85
|
+
content: a.label,
|
|
86
|
+
placement: "top",
|
|
87
|
+
disabled: a.label && a.label.length < 8
|
|
88
|
+
}, {
|
|
89
|
+
default: () => l("span", null, [a.label])
|
|
90
|
+
})])
|
|
91
|
+
})]);
|
|
92
|
+
},
|
|
93
|
+
reference: () => l(r("el-icon"), {
|
|
94
|
+
class: "setting-icon"
|
|
95
|
+
}, {
|
|
96
|
+
default: () => [l(M, null, null)]
|
|
97
|
+
})
|
|
98
|
+
}),
|
|
99
|
+
moreRender: (o, y, {
|
|
100
|
+
value: a,
|
|
101
|
+
scope: w,
|
|
102
|
+
isSlotValue: C,
|
|
103
|
+
slotValue: x
|
|
104
|
+
}) => {
|
|
105
|
+
const k = o.functions || {}, d = V(() => {
|
|
106
|
+
const n = [];
|
|
107
|
+
let c = 0;
|
|
108
|
+
return Object.keys(k).forEach((f) => {
|
|
109
|
+
const h = k[f];
|
|
110
|
+
n.push({
|
|
111
|
+
key: f,
|
|
112
|
+
...h,
|
|
113
|
+
sort: typeof h.sort > "u" ? c : h.sort
|
|
114
|
+
}), c++;
|
|
115
|
+
}), n.sort((f, h) => f.sort - h.sort), n;
|
|
116
|
+
});
|
|
117
|
+
let i = o.maxOperations || 3;
|
|
118
|
+
i = d.value.length > i ? i - 1 : i;
|
|
119
|
+
const u = V(() => d.value.slice(0, i)), b = V(() => d.value.slice(i, d.value.length));
|
|
120
|
+
return d.value && d.value.length ? l(g, null, [u.value.map((n) => l(r("el-link"), {
|
|
121
|
+
type: n.type || "primary",
|
|
122
|
+
onClick: () => n.click && n.click(w, o, n),
|
|
123
|
+
key: n.key
|
|
124
|
+
}, {
|
|
125
|
+
default: () => [n.message]
|
|
126
|
+
})), b.value.length && d.value.length > i && l(r("el-dropdown"), {
|
|
127
|
+
teleported: !0,
|
|
128
|
+
onCommand: (n) => n.click && n.click(w, o, n)
|
|
129
|
+
}, {
|
|
130
|
+
default: () => l(r("el-link"), {
|
|
131
|
+
type: "primary",
|
|
132
|
+
underline: !1
|
|
133
|
+
}, {
|
|
134
|
+
default: () => [m("更多"), l(r("el-icon"), null, {
|
|
135
|
+
default: () => [l(W, null, null)]
|
|
136
|
+
})]
|
|
137
|
+
}),
|
|
138
|
+
dropdown: () => {
|
|
139
|
+
let n;
|
|
140
|
+
return l(r("el-dropdown-menu"), null, q(n = b.value.map((c) => l(r("el-dropdown-item"), {
|
|
141
|
+
command: c
|
|
142
|
+
}, {
|
|
143
|
+
default: () => [c.message]
|
|
144
|
+
}))) ? n : {
|
|
145
|
+
default: () => [n]
|
|
146
|
+
});
|
|
147
|
+
}
|
|
148
|
+
}) || null]) : l("div", {
|
|
149
|
+
class: "cell-item"
|
|
150
|
+
}, [C && x || a]);
|
|
151
|
+
}
|
|
152
|
+
};
|
|
153
|
+
},
|
|
154
|
+
render() {
|
|
155
|
+
const t = this.$slots.default;
|
|
156
|
+
return l(g, null, [
|
|
157
|
+
// eslint-disable-next-line array-callback-return, consistent-return
|
|
158
|
+
this.tableColumns && this.tableColumns.map((e) => {
|
|
159
|
+
const p = e.show === void 0 || e.show === !0, o = e.checked === void 0 || e.checked === !0, y = !["index", "selection", "expand"].includes(e.type) || e.custom, a = e.prop === "operations" && e.fixed === void 0 ? "right" : e.fixed, w = e.showOverflowTooltip === void 0 && e.prop !== "operations" ? !0 : e.showOverflowTooltip, C = `${e.prop || ""} ${e.className || ""}`, x = e.prop === "operations" && e.align === void 0 ? "center" : e.align, k = e.prop === "operations" && e.width === void 0 ? 200 : e.width, d = e.formatter && typeof e.formatter == "function", i = z(e);
|
|
160
|
+
if (p && o && y)
|
|
161
|
+
return l(r("el-table-column"), T(i, {
|
|
162
|
+
key: e.prop,
|
|
163
|
+
fixed: a,
|
|
164
|
+
"show-overflow-tooltip": w,
|
|
165
|
+
className: C,
|
|
166
|
+
width: k,
|
|
167
|
+
align: x
|
|
168
|
+
}), {
|
|
169
|
+
default: (s) => {
|
|
170
|
+
var f;
|
|
171
|
+
const u = B(s.row, e.prop || ""), b = L(u, (f = this.table) == null ? void 0 : f.errData), n = t == null ? void 0 : t({
|
|
172
|
+
...s,
|
|
173
|
+
prop: e.prop
|
|
174
|
+
}), c = n && n[0] && n[0].children;
|
|
175
|
+
if (d) {
|
|
176
|
+
const h = e.formatter && e.formatter(s, e, u, s.$index), D = P(h);
|
|
177
|
+
return l(g, null, [c ? l("div", {
|
|
178
|
+
class: "cell-item"
|
|
179
|
+
}, [t == null ? void 0 : t({
|
|
180
|
+
...s,
|
|
181
|
+
prop: e.prop
|
|
182
|
+
})]) : l("div", {
|
|
183
|
+
class: "cell-item",
|
|
184
|
+
innerHTML: D
|
|
185
|
+
}, null), l(r("dinert-recuve-table-column"), {
|
|
186
|
+
table: this.table,
|
|
187
|
+
key: e.prop,
|
|
188
|
+
tableColumns: e.children,
|
|
189
|
+
"popover-value": this.popoverValue,
|
|
190
|
+
"only-class": this.onlyClass
|
|
191
|
+
}, t)]);
|
|
192
|
+
} else
|
|
193
|
+
return l(g, null, [l("div", {
|
|
194
|
+
class: "cell-item"
|
|
195
|
+
}, [this.moreRender(e, this, {
|
|
196
|
+
value: b,
|
|
197
|
+
scope: s,
|
|
198
|
+
isSlotValue: c,
|
|
199
|
+
slotValue: n
|
|
200
|
+
})]), l(r("dinert-recuve-table-column"), {
|
|
201
|
+
table: this.table,
|
|
202
|
+
key: e.prop,
|
|
203
|
+
tableColumns: e.children,
|
|
204
|
+
"popover-value": this.popoverValue,
|
|
205
|
+
"only-class": this.onlyClass
|
|
206
|
+
}, t)]);
|
|
207
|
+
},
|
|
208
|
+
header: (s) => {
|
|
209
|
+
var n, c;
|
|
210
|
+
const u = t == null ? void 0 : t({
|
|
211
|
+
header: "header_" + e.prop,
|
|
212
|
+
data: e,
|
|
213
|
+
...s
|
|
214
|
+
}), b = u && u[0] && u[0].children;
|
|
215
|
+
return t ? l(g, null, [m(" "), b && u || l("span", null, [s.column.label]), e.setting && ((n = this.table) == null ? void 0 : n.setting) !== !1 && this.settingRender(this)]) : l(g, null, [l("span", null, [s.column.label]), e.setting && ((c = this.table) == null ? void 0 : c.setting) !== !1 && this.settingRender(this)]);
|
|
216
|
+
}
|
|
217
|
+
});
|
|
218
|
+
if (p && o) {
|
|
219
|
+
const s = e.align === void 0 ? "center" : "left", u = e.width === void 0 ? J[e.type || ""] || 60 : e.width;
|
|
220
|
+
return l(r("el-table-column"), T(e, {
|
|
221
|
+
key: e.prop,
|
|
222
|
+
fixed: a,
|
|
223
|
+
align: s,
|
|
224
|
+
"reserve-selection": e.reserveSelection,
|
|
225
|
+
width: u
|
|
226
|
+
}), null);
|
|
227
|
+
}
|
|
228
|
+
})
|
|
229
|
+
]);
|
|
230
|
+
}
|
|
231
|
+
});
|
|
232
|
+
export {
|
|
233
|
+
Y as default
|
|
234
|
+
};
|
|
235
|
+
//# sourceMappingURL=recuve-table-column.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"recuve-table-column.mjs","sources":["../../../../../packages/components/table/src/recuve-table-column.tsx"],"sourcesContent":["import {defineComponent, watch, ref, nextTick, computed} from 'vue'\n\nimport {getPropByPath, dataTransformRod, escapeHTML} from '@packages/utils/tools'\nimport {treeNode, allowDrop, checkTree, nodeDragEnd, allShow, treeProps} from '@packages/components/table/hooks'\nimport {Setting, ArrowDown} from '@element-plus/icons-vue'\nimport type {TableColumnCtx} from 'element-plus'\n\n\nimport type Node from 'element-plus/es/components/tree/src/model/node'\nimport type {\n RecuveTableColumnProps,\n RewriteTableProps,\n TablePageProps,\n RewriteTableColumnCtx,\n FunctionsProps\n} from '@packages/components/table/types/index'\n\nimport type {PropType} from 'vue'\n\nimport type {ElSelect} from 'element-plus'\n\nconst selectTable = ref<InstanceType<typeof ElSelect>>()\n\nconst popoverIndex = ref(0)\n\nconst filterColumn = (column: any) => {\n const obj: any = {}\n for (const prop in column) {\n if (prop !== 'children') {\n obj[prop] = column[prop]\n }\n }\n return obj\n}\n\nconst treeBeforeEnter = (props: TablePageProps) => {\n popoverIndex.value++\n if (popoverIndex.value === 1 && selectTable.value) {\n treeNode(selectTable.value, props.table.tableColumns)\n }\n}\n\nconst mapWidth: Record<string, any> = {\n index: 60,\n selection: 40,\n expand: 40\n}\n\n\nexport default defineComponent({\n name: 'dinert-recuve-table-column',\n props: {\n onlyClass: {\n type: String,\n default: ''\n },\n popoverValue: {\n type: Boolean,\n default: false\n },\n table: {\n type: Object as PropType<RewriteTableProps>,\n },\n tableColumns: {\n type: Array as PropType<RewriteTableColumnCtx[]>,\n default: () => ([])\n }\n },\n setup(props) {\n\n watch(() => props.table?.key, () => {\n nextTick(() => {\n selectTable.value && treeNode(selectTable.value, props.table?.tableColumns)\n })\n }, {\n immediate: true\n })\n\n\n const settingRender = (props: RecuveTableColumnProps) => {\n return (\n <el-popover\n value={props.popoverValue}\n onBeforeEnter={() => treeBeforeEnter((props as TablePageProps))}\n v-slots={\n {\n default: () => (\n <ul class=\"el-popover-classify\">\n <li>\n <el-link class=\"allSelect\" underline={false}\n type={'primary'} onClick={() => allShow(selectTable.value, props.table?.tableColumns || [])}\n >全选</el-link>\n </li>\n <el-tree\n ref={selectTable}\n draggable\n data={props.table?.tableColumns}\n default-expand-all\n show-checkbox\n node-key={'prop'}\n props={treeProps}\n allowDrop={allowDrop}\n onCheckChange={checkTree}\n onNodeDragEnd={(e: Node) => nodeDragEnd(e, (selectTable.value as any))}\n v-slots={\n {\n default: ({data}: {data: Node}) => (\n <div class=\"text-dot tree-item\">\n <el-tooltip content={data.label}\n placement={'top'}\n disabled={data.label && data.label.length < 8}\n v-slots={\n {\n default: () => (<span>{ data.label }</span>)\n }\n }\n >\n </el-tooltip>\n </div>\n )\n }\n }\n >\n\n </el-tree>\n </ul>\n ),\n reference: () => (\n <el-icon class=\"setting-icon\">\n <Setting/>\n </el-icon>\n )\n\n }\n }\n >\n </el-popover>)\n }\n\n const moreRender = (column: RewriteTableColumnCtx, _this: any, {\n value,\n scope,\n isSlotValue,\n slotValue\n }: any) => {\n const itemFunc = column.functions || {}\n const functions = computed(() => {\n const result: any = []\n let index = 0\n Object.keys((itemFunc)).forEach(key => {\n const value = itemFunc[key]\n result.push({\n key: key,\n ...value,\n sort: typeof value.sort === 'undefined' ? index : value.sort,\n })\n index++\n })\n\n result.sort((a: any, b: any) => {\n return a.sort - b.sort\n })\n return result\n })\n let maxOperations = column.maxOperations || 3\n const functionsLen = functions.value.length\n maxOperations = functionsLen > maxOperations ? maxOperations - 1 : maxOperations\n\n const defaultFunctions = computed(() => {\n const list = functions.value.slice(0, maxOperations)\n return list\n })\n\n const seniorFunctions = computed(() => {\n const list = functions.value.slice(maxOperations, functions.value.length)\n return list\n })\n\n\n if (functions.value && functions.value.length) {\n return (\n <>\n {defaultFunctions.value.map((item2: FunctionsProps) => {\n return (\n <el-link type={item2.type || 'primary'} onClick={() => item2.click && item2.click(scope, column, item2)} key={item2.key}>{item2.message}</el-link>\n )\n })}\n {(seniorFunctions.value.length && functions.value.length > maxOperations\n && <el-dropdown teleported={true}\n onCommand={(item: any) => (item.click && item.click(scope, column, item))}\n v-slots= {{\n default: () => {\n return (\n <el-link type=\"primary\" underline={false}>\n 更多<el-icon><ArrowDown /></el-icon>\n </el-link>\n )\n },\n dropdown: () => {\n return (\n <el-dropdown-menu>\n {\n seniorFunctions.value.map((item: any) => {\n return (\n <el-dropdown-item command={item}>{item.message}</el-dropdown-item>\n )\n })\n }\n </el-dropdown-menu>\n )\n }\n }}>\n\n </el-dropdown>) || null\n\n }\n </>\n )\n }\n\n return <div class=\"cell-item\">{ (isSlotValue && slotValue) || value}</div>\n }\n\n return {\n settingRender,\n moreRender\n }\n },\n render() {\n const defaultSlot = this.$slots.default\n\n return (\n <>\n {\n // eslint-disable-next-line array-callback-return, consistent-return\n this.tableColumns && this.tableColumns.map(item => {\n const show = item.show === undefined || item.show === true\n const checked = item.checked === undefined || item.checked === true\n const custom = !['index', 'selection', 'expand'].includes((item.type as string)) || item.custom\n const fixed = item.prop === 'operations' && item.fixed === undefined ? 'right' : item.fixed\n const showOverflowTooltip = item.showOverflowTooltip === undefined && item.prop !== 'operations' ? true : item.showOverflowTooltip\n const className = `${item.prop || ''} ${item.className || ''}`\n const align = item.prop === 'operations' && item.align === undefined ? 'center' : item.align\n const width = item.prop === 'operations' && item.width === undefined ? 200 : item.width\n const formatter = item.formatter && typeof item.formatter === 'function'\n const noChildItem = filterColumn(item)\n\n\n if (show && checked && custom) {\n return (\n <el-table-column\n {...noChildItem}\n key={item.prop}\n fixed={fixed}\n show-overflow-tooltip={showOverflowTooltip}\n className={className}\n width={width}\n align={align}\n v-slots= {{\n default: (scope: any) => {\n const deepValue = getPropByPath(scope.row, item.prop || '')\n const value = dataTransformRod(deepValue, this.table?.errData)\n\n const slotValue = defaultSlot?.({...scope, prop: item.prop})\n const isSlotValue = slotValue && slotValue[0] && slotValue[0].children\n\n if (formatter) {\n const htmlValue = item.formatter && item.formatter(scope, (item as TableColumnCtx<any>), deepValue, scope.$index)\n const escapeValue = escapeHTML(htmlValue)\n\n return (\n <>\n {isSlotValue\n ? <div class=\"cell-item\">{ defaultSlot?.({...scope, prop: item.prop})}</div>\n : <div class=\"cell-item\" v-html={escapeValue}></div>}\n\n <dinert-recuve-table-column table={this.table}\n key={item.prop}\n tableColumns={item.children}\n popover-value={this.popoverValue}\n only-class={this.onlyClass}\n v-slots={defaultSlot}\n >\n </dinert-recuve-table-column>\n </>\n )\n } else {\n\n return (\n <>\n <div class=\"cell-item\">\n {this.moreRender(item, this, {\n value,\n scope,\n isSlotValue,\n slotValue\n })}\n </div>\n <dinert-recuve-table-column table={this.table}\n key={item.prop}\n tableColumns={item.children}\n popover-value={this.popoverValue}\n only-class={this.onlyClass}\n v-slots={defaultSlot}\n >\n </dinert-recuve-table-column>\n </>\n )\n }\n },\n header: (scope: any) => {\n\n const slotValue = defaultSlot?.({header: 'header_' + item.prop, data: item, ...scope})\n const isSlotValue = slotValue && slotValue[0] && slotValue[0].children\n if (defaultSlot) {\n return (\n <> {(isSlotValue && slotValue) || <span>{scope.column.label}</span>}\n {item.setting && this.table?.setting !== false && this.settingRender((this as RecuveTableColumnProps))}\n </>\n )\n } else {\n return (\n <>\n <span>{scope.column.label}</span>\n {item.setting && this.table?.setting !== false && this.settingRender(this as RecuveTableColumnProps)}\n </>\n )\n }\n }\n }}\n >\n\n\n </el-table-column>\n )\n } else if (show && checked) {\n const align = item.align === undefined ? 'center' : 'left'\n const width = item.width === undefined ? mapWidth[item.type || ''] || 60 : item.width\n\n return (<el-table-column\n {...item}\n key={item.prop}\n fixed={fixed}\n align={align}\n reserve-selection={item.reserveSelection}\n width={width}\n >\n </el-table-column>)\n }\n\n })\n }\n\n </>\n )\n }\n})\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","selectTable","ref","popoverIndex","filterColumn","column","obj","prop","treeBeforeEnter","props","value","treeNode","table","tableColumns","mapWidth","index","selection","expand","defineComponent","name","onlyClass","type","String","default","popoverValue","Boolean","Array","setup","watch","key","nextTick","immediate","settingRender","_createVNode","_resolveComponent","onBeforeEnter","onClick","allShow","_createTextVNode","treeProps","allowDrop","checkTree","e","nodeDragEnd","data","label","length","reference","Setting","moreRender","_this","scope","isSlotValue","slotValue","itemFunc","functions","computed","result","keys","forEach","push","sort","a","b","maxOperations","defaultFunctions","slice","seniorFunctions","_Fragment","map","item2","click","message","item","ArrowDown","dropdown","_slot","render","defaultSlot","$slots","show","undefined","checked","custom","includes","fixed","showOverflowTooltip","className","align","width","formatter","noChildItem","_mergeProps","deepValue","getPropByPath","row","dataTransformRod","_a","errData","children","htmlValue","$index","escapeValue","escapeHTML","header","setting","_b","reserveSelection"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../packages/components/table-page/index.ts"],"sourcesContent":["import _TablePage from './src'\n\nimport type {App, Plugin} from 'vue'\ntype SFCWithInstall<T> = T & Plugin\nconst withInstall = <T>(comp: T) => {\n (comp as SFCWithInstall<T>).install = (app: App) => {\n const name = (comp as any).name\n // 注册组件\n app.component(name, comp as SFCWithInstall<T>)\n }\n return comp as SFCWithInstall<T>\n}\nexport const TablePage = withInstall(_TablePage)\nexport default TablePage\n"],"names":["withInstall","comp","app","name","TablePage","_TablePage"],"mappings":";AAIA,MAAMA,IAAc,CAAIC,OACnBA,EAA2B,UAAU,CAACC,MAAa;AAChD,QAAMC,IAAQF,EAAa;AAEvB,EAAAC,EAAA,UAAUC,GAAMF,CAAyB;AAAA,GAE1CA,IAEEG,IAAYJ,EAAYK,CAAU;"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { ref as r, defineComponent as h, createVNode as o } from "vue";
|
|
2
|
+
import { Table as f } from "../../table/index.mjs";
|
|
3
|
+
import { Form as m } from "../../form/index.mjs";
|
|
4
|
+
import "../../../assets/scss/dinert-table-page.scss.mjs";
|
|
5
|
+
const l = r(), a = r(), i = r(), u = () => {
|
|
6
|
+
const t = setTimeout(() => {
|
|
7
|
+
var e;
|
|
8
|
+
(e = a.value) == null || e.resizeTaleHeightFn(), clearTimeout(t);
|
|
9
|
+
}, 300);
|
|
10
|
+
}, g = /* @__PURE__ */ h({
|
|
11
|
+
name: "dinert-table-page",
|
|
12
|
+
props: {
|
|
13
|
+
form: {
|
|
14
|
+
type: Object,
|
|
15
|
+
default: () => ({})
|
|
16
|
+
},
|
|
17
|
+
table: {
|
|
18
|
+
type: Object,
|
|
19
|
+
default: () => ({})
|
|
20
|
+
},
|
|
21
|
+
search: {
|
|
22
|
+
type: Boolean,
|
|
23
|
+
default: !0
|
|
24
|
+
},
|
|
25
|
+
footer: {
|
|
26
|
+
type: Boolean,
|
|
27
|
+
default: !0
|
|
28
|
+
},
|
|
29
|
+
header: {
|
|
30
|
+
type: Boolean,
|
|
31
|
+
default: !0
|
|
32
|
+
},
|
|
33
|
+
tableSlot: {
|
|
34
|
+
type: Boolean,
|
|
35
|
+
default: !1
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
emits: ["SizeChange", "CurrentChange", "SearchFn", "ResetFn"],
|
|
39
|
+
setup() {
|
|
40
|
+
return {
|
|
41
|
+
tablePageDom: l,
|
|
42
|
+
tableRef: a,
|
|
43
|
+
formRef: i
|
|
44
|
+
};
|
|
45
|
+
},
|
|
46
|
+
render() {
|
|
47
|
+
const t = this.tableSlot ? this.$slots : {
|
|
48
|
+
...this.$slots,
|
|
49
|
+
default: (e) => {
|
|
50
|
+
var s, n;
|
|
51
|
+
return (n = (s = this.$slots)[e.prop]) == null ? void 0 : n.call(s, e);
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
return o("section", {
|
|
55
|
+
class: ["dinert-table-page", this.search ? "search" : ""],
|
|
56
|
+
ref: l
|
|
57
|
+
}, [this.search && o(m, {
|
|
58
|
+
form: this.form,
|
|
59
|
+
onSearchFn: () => this.$emit("SearchFn"),
|
|
60
|
+
onResetFn: () => this.$emit("ResetFn"),
|
|
61
|
+
onUnFold: u,
|
|
62
|
+
ref: i
|
|
63
|
+
}, this.$slots), o(f, {
|
|
64
|
+
ref: a,
|
|
65
|
+
table: this.table,
|
|
66
|
+
header: this.header,
|
|
67
|
+
footer: this.footer,
|
|
68
|
+
tableSlot: this.tableSlot,
|
|
69
|
+
onSizeChange: (e) => this.$emit("SizeChange", e),
|
|
70
|
+
onCurrentChange: (e) => this.$emit("CurrentChange", e)
|
|
71
|
+
}, t)]);
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
export {
|
|
75
|
+
g as default
|
|
76
|
+
};
|
|
77
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/table-page/src/index.tsx"],"sourcesContent":["import {defineComponent, ref} from 'vue'\n\nimport DinertTable from '@packages/components/table'\nimport DinertForm from '@packages/components/form'\n\nimport type {RewriteTableProps} from '@packages/components/table/types/index'\nimport type {PropType} from 'vue'\nimport type {RewriteFormProps} from '@packages/components/form/types'\n\nimport '@packages/assets/scss/dinert-table-page.scss'\n\n\nconst tablePageDom = ref<HTMLElement>()\nconst tableRef = ref<InstanceType<typeof DinertTable>>()\nconst formRef = ref<InstanceType<typeof DinertForm>>()\n\nconst onUnFold = () => {\n const timer = setTimeout(() => {\n tableRef.value?.resizeTaleHeightFn()\n clearTimeout(timer)\n }, 300)\n}\n\nexport default defineComponent({\n name: 'dinert-table-page',\n props: {\n form: {\n type: Object as PropType<RewriteFormProps>,\n default: () => ({})\n },\n table: {\n type: Object as PropType<RewriteTableProps>,\n default: () => ({})\n },\n search: {\n type: Boolean,\n default: true\n },\n footer: {\n type: Boolean,\n default: true\n },\n header: {\n type: Boolean,\n default: true\n },\n tableSlot: {\n type: Boolean,\n default: false\n }\n },\n emits: ['SizeChange', 'CurrentChange', 'SearchFn', 'ResetFn'],\n setup() {\n \n return {\n tablePageDom,\n tableRef,\n formRef\n }\n },\n render() {\n const slots = this.tableSlot ? this.$slots : {...this.$slots, default: (scope: any) => this.$slots[(scope.prop)]?.(scope)}\n return (\n <section class={['dinert-table-page', this.search ? 'search' : '']} ref={tablePageDom}>\n {this.search && <DinertForm form={this.form} v-slots={this.$slots} onSearchFn={() => this.$emit('SearchFn')} onResetFn={() => this.$emit('ResetFn')} onUnFold={onUnFold} ref={formRef}></DinertForm>}\n <DinertTable\n ref={tableRef}\n table={this.table}\n header={this.header}\n footer={this.footer}\n tableSlot={this.tableSlot}\n v-slots={slots}\n onSizeChange={(val: number) => this.$emit('SizeChange', val)}\n onCurrentChange={(val: number) => this.$emit('CurrentChange', val)}\n >\n </DinertTable>\n </section>\n )\n }\n})\n"],"names":["tablePageDom","ref","tableRef","formRef","onUnFold","timer","setTimeout","value","resizeTaleHeightFn","clearTimeout","defineComponent","name","props","form","type","Object","default","table","search","Boolean","footer","header","tableSlot","emits","setup","render","slots","$slots","scope","_b","_a","prop","_createVNode","DinertForm","onSearchFn","$emit","onResetFn","DinertTable","val"],"mappings":";;;;AAYA,MAAMA,IAAeC,EAAG,GAClBC,IAAWD,EAAG,GACdE,IAAUF,EAAG,GAEbG,IAAWA,MAAM;AACnB,QAAMC,IAAQC,WAAW,MAAM;;AAC3BJ,KAAAA,IAAAA,EAASK,UAATL,QAAAA,EAAgBM,sBAChBC,aAAaJ,CAAK;AAAA,EACrB,GAAE,GAAG;AACV,GAEeK,sBAAgB;AAAA,EAC3BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACHC,MAAM;AAAA,MACFC,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDC,OAAO;AAAA,MACHH,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDE,QAAQ;AAAA,MACJJ,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACZ;AAAA,IACDI,QAAQ;AAAA,MACJN,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACZ;AAAA,IACDK,QAAQ;AAAA,MACJP,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACZ;AAAA,IACDM,WAAW;AAAA,MACPR,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACb;AAAA,EACH;AAAA,EACDO,OAAO,CAAC,cAAc,iBAAiB,YAAY,SAAS;AAAA,EAC5DC,QAAQ;AAEJ,WAAO;AAAA,MACHxB,cAAAA;AAAAA,MACAE,UAAAA;AAAAA,MACAC,SAAAA;AAAAA;EAEP;AAAA,EACDsB,SAAS;AACL,UAAMC,IAAQ,KAAKJ,YAAY,KAAKK,SAAS;AAAA,MAAC,GAAG,KAAKA;AAAAA,MAAQX,SAAUY,CAAAA,MAAU;;AAAK,gBAAAC,KAAAC,IAAA,KAAKH,QAAQC,EAAMG,UAAnB,gBAAAF,EAAA,KAAAC,GAA4BF;AAAAA;AAAAA;AACnH,WAAAI,EAAA,WAAA;AAAA,MAAA,OACoB,CAAC,qBAAqB,KAAKd,SAAS,WAAW,EAAE;AAAA,MAAC,KAAOlB;AAAAA,IAAY,GAAA,CAChF,KAAKkB,UAAMc,EAAAC,GAAA;AAAA,MAAA,MAAsB,KAAKpB;AAAAA,MAAI,YAAoCqB,MAAM,KAAKC,MAAM,UAAU;AAAA,MAAC,WAAaC,MAAM,KAAKD,MAAM,SAAS;AAAA,MAAC,UAAY/B;AAAAA,MAAQ,KAAOD;AAAAA,IAAO,GAA/H,KAAKwB,MAAM,GAAmIK,EAAAK,GAAA;AAAA,MAAA,KAE3LnC;AAAAA,MAAQ,OACN,KAAKe;AAAAA,MAAK,QACT,KAAKI;AAAAA,MAAM,QACX,KAAKD;AAAAA,MAAM,WACR,KAAKE;AAAAA,MAAS,cAEVgB,CAAAA,MAAgB,KAAKH,MAAM,cAAcG,CAAG;AAAA,MAAC,iBAC1CA,CAAAA,MAAgB,KAAKH,MAAM,iBAAiBG,CAAG;AAAA,IAAC,GAFzDZ,CAAK,CAAA,CAAA;AAAA,EAO9B;AACJ,CAAC;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../packages/components/tooltip/index.ts"],"sourcesContent":["import _Tooltip from './src'\n\nimport type {App, Plugin} from 'vue'\ntype SFCWithInstall<T> = T & Plugin\nconst withInstall = <T>(comp: T) => {\n (comp as SFCWithInstall<T>).install = (app: App) => {\n const name = (comp as any).name\n // 注册组件\n app.component(name, comp as SFCWithInstall<T>)\n }\n return comp as SFCWithInstall<T>\n}\nexport const Tooltip = withInstall(_Tooltip)\nexport default Tooltip\n"],"names":["withInstall","comp","app","name","Tooltip","_Tooltip"],"mappings":";AAIA,MAAMA,IAAc,CAAIC,OACnBA,EAA2B,UAAU,CAACC,MAAa;AAChD,QAAMC,IAAQF,EAAa;AAEvB,EAAAC,EAAA,UAAUC,GAAMF,CAAyB;AAAA,GAE1CA,IAEEG,IAAUJ,EAAYK,CAAQ;"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { defineComponent as p, createVNode as n, resolveComponent as a, mergeProps as r } from "vue";
|
|
2
|
+
import "../../../assets/scss/dinert-tooltip.scss.mjs";
|
|
3
|
+
const i = (t, e) => {
|
|
4
|
+
if (e.item && e.item.options && e.item.type === "select") {
|
|
5
|
+
const o = e.item.options.options;
|
|
6
|
+
if (o && o.length) {
|
|
7
|
+
const s = o.findIndex((l) => l.value === t);
|
|
8
|
+
if (s !== -1)
|
|
9
|
+
return o[s].label;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
}, c = /* @__PURE__ */ p({
|
|
14
|
+
name: "dinert-tooltip",
|
|
15
|
+
props: {
|
|
16
|
+
options: {
|
|
17
|
+
type: Object,
|
|
18
|
+
default: () => ({})
|
|
19
|
+
},
|
|
20
|
+
content: {
|
|
21
|
+
type: String,
|
|
22
|
+
default: ""
|
|
23
|
+
},
|
|
24
|
+
disabled: {
|
|
25
|
+
type: Boolean,
|
|
26
|
+
default: !0
|
|
27
|
+
},
|
|
28
|
+
item: {
|
|
29
|
+
type: Object,
|
|
30
|
+
default: () => ({})
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
emits: ["LabelMouseEnter"],
|
|
34
|
+
setup() {
|
|
35
|
+
return {};
|
|
36
|
+
},
|
|
37
|
+
render() {
|
|
38
|
+
const t = this.$slots.default;
|
|
39
|
+
return n(a("el-tooltip"), r({
|
|
40
|
+
key: this.disabled,
|
|
41
|
+
content: this.content,
|
|
42
|
+
disabled: this.disabled
|
|
43
|
+
}, this.options), {
|
|
44
|
+
default: () => n("span", null, [n("span", {
|
|
45
|
+
class: "text-tooltip"
|
|
46
|
+
}, [i(this.content, this)]), n("span", {
|
|
47
|
+
class: "label-text",
|
|
48
|
+
onMouseenter: (e) => this.$emit("LabelMouseEnter", e)
|
|
49
|
+
}, [(t == null ? void 0 : t()) || i(this.content, this)]), n("span", null, [this.disabled])])
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
export {
|
|
54
|
+
c as default
|
|
55
|
+
};
|
|
56
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/tooltip/src/index.tsx"],"sourcesContent":["import {defineComponent} from 'vue'\n\nimport type {PropType} from 'vue'\nimport type {DinertTooltipProps} from '@packages/components/tooltip/types'\n\nimport '@packages/assets/scss/dinert-tooltip.scss'\n\nconst getValue = (content?: string, _this?: any) => {\n if (_this.item && _this.item.options) {\n if (_this.item.type === 'select') {\n const options = _this.item.options.options\n if (options && options.length) {\n const index = options.findIndex((item: any) => item.value === content)\n if (index !== -1) {\n return (options[index]).label\n }\n }\n }\n }\n\n return content\n}\n\nexport default defineComponent({\n name: 'dinert-tooltip',\n props: {\n options: {\n type: Object,\n default: () => ({})\n },\n content: {\n type: String,\n default: ''\n },\n disabled: {\n type: Boolean,\n default: true\n },\n item: {\n type: Object as PropType<DinertTooltipProps['item']>,\n default: () => ({})\n }\n },\n emits: ['LabelMouseEnter'],\n setup() {\n\n return {}\n },\n render() {\n const defaultSlot = this.$slots.default\n\n return (\n <el-tooltip\n key={this.disabled}\n content={this.content}\n disabled={this.disabled}\n {...this.options}\n v-slots={{\n default: () => {\n return (\n <span>\n <span class=\"text-tooltip\">{ getValue(this.content, this) }</span>\n <span class=\"label-text\" onMouseenter={(e: MouseEvent) => this.$emit('LabelMouseEnter', e)}>\n {(defaultSlot?.()) || getValue(this.content, this) }\n </span>\n <span>{this.disabled}</span>\n </span>\n )\n }\n }}\n >\n\n </el-tooltip>\n )\n }\n})\n"],"names":["getValue","content","_this","item","options","type","length","index","findIndex","value","label","defineComponent","name","props","Object","default","String","disabled","Boolean","emits","setup","render","defaultSlot","$slots","_createVNode","_resolveComponent","_mergeProps","e","$emit"],"mappings":";;AAOA,MAAMA,IAAWA,CAACC,GAAkBC,MAAgB;AAChD,MAAIA,EAAMC,QAAQD,EAAMC,KAAKC,WACrBF,EAAMC,KAAKE,SAAS,UAAU;AAC9B,UAAMD,IAAUF,EAAMC,KAAKC,QAAQA;AACnC,QAAIA,KAAWA,EAAQE,QAAQ;AAC3B,YAAMC,IAAQH,EAAQI,UAAWL,CAAAA,MAAcA,EAAKM,UAAUR,CAAO;AACrE,UAAIM,MAAU;AACV,eAAQH,EAAQG,CAAK,EAAGG;AAAAA,IAEhC;AAAA,EACJ;AAGJ,SAAOT;AACX,GAEeU,sBAAgB;AAAA,EAC3BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACHT,SAAS;AAAA,MACLC,MAAMS;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDd,SAAS;AAAA,MACLI,MAAMW;AAAAA,MACND,SAAS;AAAA,IACZ;AAAA,IACDE,UAAU;AAAA,MACNZ,MAAMa;AAAAA,MACNH,SAAS;AAAA,IACZ;AAAA,IACDZ,MAAM;AAAA,MACFE,MAAMS;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACpB;AAAA,EACH;AAAA,EACDI,OAAO,CAAC,iBAAiB;AAAA,EACzBC,QAAQ;AAEJ,WAAO;EACV;AAAA,EACDC,SAAS;AACL,UAAMC,IAAc,KAAKC,OAAOR;AAEhC,WAAAS,EAAAC,EAAA,YAAA,GAAAC,EAAA;AAAA,MAAA,KAEa,KAAKT;AAAAA,MAAQ,SACT,KAAKhB;AAAAA,MAAO,UACX,KAAKgB;AAAAA,OACX,KAAKb,OAAO,GACP;AAAA,MACLW,SAASA,MACLS,iBAAAA,EAAA,QAAA;AAAA,QAAA,OAAA;AAAA,SAEqCxB,CAAAA,EAAS,KAAKC,SAAS,IAAI,CAAC,CAAA,GAAAuB,EAAA,QAAA;AAAA,QAAA,OAAA;AAAA,QAAA,cACjBG,OAAkB,KAAKC,MAAM,mBAAmBD,CAAC;AAAA,MAAC,GAAA,EACpFL,KAAAA,gBAAAA,QAAoBtB,EAAS,KAAKC,SAAS,IAAI,CAAC,CAAA,GAAAuB,EAE/C,QAAA,MAAA,CAAA,KAAKP,QAAQ,CAAA,CAAA,CAAA;AAAA,KAInC;AAAA,EAKb;AACJ,CAAC;"}
|