@ctzy-web-client/plugin-component-vue 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/es/_virtual/_plugin-vue_export-helper.mjs +9 -0
- package/es/advance-select/advance-operation.mjs +43 -0
- package/es/advance-select/advance-option.mjs +125 -0
- package/es/advance-select/advance-select.mjs +359 -0
- package/es/advance-select/events-helpers.mjs +29 -0
- package/es/advance-select/index.mjs +13 -0
- package/es/advance-select/use-advance-option.mjs +43 -0
- package/es/advance-select/use-advance-select.mjs +117 -0
- package/es/application-slot/application-slot.mjs +51 -0
- package/es/application-slot/breadcrumb-item.mjs +23 -0
- package/es/application-slot/header-tools-item.mjs +23 -0
- package/es/application-slot/index.mjs +16 -0
- package/es/breadcrumb-select/breadcrumb-select.mjs +155 -0
- package/es/breadcrumb-select/index.mjs +6 -0
- package/es/components.mjs +22 -0
- package/es/contextmenu/contextmenu-item.mjs +21 -0
- package/es/contextmenu/contextmenu.mjs +64 -0
- package/es/contextmenu/index.mjs +10 -0
- package/es/contextmenu/use-contextmenu.mjs +85 -0
- package/es/data-form/data-form-item.mjs +53 -0
- package/es/data-form/data-form.mjs +175 -0
- package/es/data-form/dynamic-component.mjs +23 -0
- package/es/data-form/form-components/Blots/AtBlot.mjs +25 -0
- package/es/data-form/form-components/bwa-date-picker.mjs +45 -0
- package/es/data-form/form-components/bwa-date-time-picker.mjs +50 -0
- package/es/data-form/form-components/bwa-input-float.mjs +43 -0
- package/es/data-form/form-components/bwa-input-integer.mjs +56 -0
- package/es/data-form/form-components/bwa-input.mjs +38 -0
- package/es/data-form/form-components/bwa-multi-select.mjs +35 -0
- package/es/data-form/form-components/bwa-rich-text-tinymce.mjs +234 -0
- package/es/data-form/form-components/bwa-rich-text.mjs +325 -0
- package/es/data-form/form-components/bwa-select.mjs +76 -0
- package/es/data-form/form-components/bwa-textarea.mjs +33 -0
- package/es/data-form/form-components/bwa-upload.mjs +159 -0
- package/es/data-form/form-components/bwa-user-multi-select.mjs +30 -0
- package/es/data-form/form-components/bwa-user-select.mjs +69 -0
- package/es/data-form/index.mjs +34 -0
- package/es/data-table/data-column-view.mjs +131 -0
- package/es/data-table/data-table-card.mjs +118 -0
- package/es/data-table/data-table-column.mjs +56 -0
- package/es/data-table/data-table.mjs +369 -0
- package/es/data-table/dynamic-component.mjs +48 -0
- package/es/data-table/index.mjs +13 -0
- package/es/data-table/use-datatable-drag.mjs +110 -0
- package/es/datatable-settings/datatable-settings.mjs +309 -0
- package/es/datatable-settings/index.mjs +6 -0
- package/es/date-range/date-picker.mjs +128 -0
- package/es/date-range/date-range.mjs +181 -0
- package/es/date-range/index.mjs +6 -0
- package/es/drag-list/constants.mjs +3 -0
- package/es/drag-list/drag-item.mjs +49 -0
- package/es/drag-list/drag-list.mjs +56 -0
- package/es/drag-list/index.mjs +6 -0
- package/es/drag-list/use-drag-list.mjs +154 -0
- package/es/dragable/constants.mjs +4 -0
- package/es/dragable/dragable-item.mjs +25 -0
- package/es/dragable/dragable-operation.mjs +32 -0
- package/es/dragable/dragable.mjs +31 -0
- package/es/dragable/index.mjs +15 -0
- package/es/dragable/use-dragable.mjs +134 -0
- package/es/filter-panel/conditions/condition.mjs +30 -0
- package/es/filter-panel/conditions/date-range-condition.mjs +46 -0
- package/es/filter-panel/conditions/department-condition/department-condition.mjs +81 -0
- package/es/filter-panel/conditions/department-condition/department-node.mjs +74 -0
- package/es/filter-panel/conditions/index.mjs +21 -0
- package/es/filter-panel/conditions/input-condition.mjs +83 -0
- package/es/filter-panel/conditions/multi-user-condition.mjs +64 -0
- package/es/filter-panel/conditions/multiple-menu-condition.mjs +41 -0
- package/es/filter-panel/conditions/single-menu-condition.mjs +68 -0
- package/es/filter-panel/conditions/single-user-condition.mjs +64 -0
- package/es/filter-panel/filter-panel-item.mjs +47 -0
- package/es/filter-panel/filter-panel.mjs +180 -0
- package/es/filter-panel/index.mjs +15 -0
- package/es/filter-panel/use-filter-panel-item.mjs +52 -0
- package/es/filter-panel/use-filter-panel.mjs +135 -0
- package/es/hooks/use-data/index.mjs +152 -0
- package/es/index.mjs +27 -0
- package/es/layout/index.mjs +6 -0
- package/es/layout/layout.mjs +86 -0
- package/es/make-installer.mjs +34 -0
- package/es/math/Rectangle.mjs +25 -0
- package/es/menu/index.mjs +6 -0
- package/es/menu/menu-item.mjs +75 -0
- package/es/menu/menu.mjs +60 -0
- package/es/node_modules/.pnpm/@vueuse_core@9.6.0_vue@3.2.41/node_modules/@vueuse/core/index.mjs +6372 -0
- package/es/node_modules/.pnpm/@vueuse_shared@9.6.0_vue@3.2.41/node_modules/@vueuse/shared/index.mjs +1517 -0
- package/es/panel/index.mjs +6 -0
- package/es/panel/panel.mjs +55 -0
- package/es/panel-tabs/index.mjs +6 -0
- package/es/panel-tabs/panel-tabs.mjs +66 -0
- package/es/pct-filter-panel/index.mjs +10 -0
- package/es/pct-filter-panel/pct-compents/index.mjs +10 -0
- package/es/pct-filter-panel/pct-compents/pct-Input-condition.mjs +71 -0
- package/es/pct-filter-panel/pct-compents/pct-date-range-condition.mjs +74 -0
- package/es/pct-filter-panel/pct-compents/pct-multiple-menu-condition.mjs +186 -0
- package/es/pct-filter-panel/pct-compents/pct-multiple-menu-condition2.mjs +147 -0
- package/es/pct-filter-panel/pct-filter-panel-item.mjs +48 -0
- package/es/pct-filter-panel/pct-filter-panel.mjs +251 -0
- package/es/pct-filter-panel/use-filter-panel-item.mjs +56 -0
- package/es/pct-filter-panel/use-filter-panel.mjs +127 -0
- package/es/plugins.mjs +5 -0
- package/es/progress/index.mjs +10 -0
- package/es/progress/progress-item.mjs +68 -0
- package/es/progress/progress.mjs +74 -0
- package/es/progress/use-progress.mjs +46 -0
- package/es/utils/db.mjs +9 -0
- package/es/utils.mjs +99 -0
- package/es/where-filter-panel/index.mjs +1 -0
- package/es/where-filter-panel/use-where-filter-panel.mjs +18 -0
- package/es/where-filter-panel/where-filter-panel.mjs +17 -0
- package/lib/_virtual/_plugin-vue_export-helper.js +13 -0
- package/lib/advance-select/advance-operation.js +47 -0
- package/lib/advance-select/advance-option.js +129 -0
- package/lib/advance-select/advance-select.js +363 -0
- package/lib/advance-select/events-helpers.js +33 -0
- package/lib/advance-select/index.js +20 -0
- package/lib/advance-select/use-advance-option.js +47 -0
- package/lib/advance-select/use-advance-select.js +122 -0
- package/lib/application-slot/application-slot.js +55 -0
- package/lib/application-slot/breadcrumb-item.js +27 -0
- package/lib/application-slot/header-tools-item.js +27 -0
- package/lib/application-slot/index.js +23 -0
- package/lib/breadcrumb-select/breadcrumb-select.js +159 -0
- package/lib/breadcrumb-select/index.js +11 -0
- package/lib/components.js +26 -0
- package/lib/contextmenu/contextmenu-item.js +25 -0
- package/lib/contextmenu/contextmenu.js +68 -0
- package/lib/contextmenu/index.js +16 -0
- package/lib/contextmenu/use-contextmenu.js +89 -0
- package/lib/data-form/data-form-item.js +57 -0
- package/lib/data-form/data-form.js +179 -0
- package/lib/data-form/dynamic-component.js +27 -0
- package/lib/data-form/form-components/Blots/AtBlot.js +31 -0
- package/lib/data-form/form-components/bwa-date-picker.js +49 -0
- package/lib/data-form/form-components/bwa-date-time-picker.js +54 -0
- package/lib/data-form/form-components/bwa-input-float.js +47 -0
- package/lib/data-form/form-components/bwa-input-integer.js +60 -0
- package/lib/data-form/form-components/bwa-input.js +42 -0
- package/lib/data-form/form-components/bwa-multi-select.js +39 -0
- package/lib/data-form/form-components/bwa-rich-text-tinymce.js +242 -0
- package/lib/data-form/form-components/bwa-rich-text.js +333 -0
- package/lib/data-form/form-components/bwa-select.js +80 -0
- package/lib/data-form/form-components/bwa-textarea.js +37 -0
- package/lib/data-form/form-components/bwa-upload.js +163 -0
- package/lib/data-form/form-components/bwa-user-multi-select.js +34 -0
- package/lib/data-form/form-components/bwa-user-select.js +73 -0
- package/lib/data-form/index.js +40 -0
- package/lib/data-table/data-column-view.js +135 -0
- package/lib/data-table/data-table-card.js +122 -0
- package/lib/data-table/data-table-column.js +60 -0
- package/lib/data-table/data-table.js +373 -0
- package/lib/data-table/dynamic-component.js +56 -0
- package/lib/data-table/index.js +20 -0
- package/lib/data-table/use-datatable-drag.js +114 -0
- package/lib/datatable-settings/datatable-settings.js +313 -0
- package/lib/datatable-settings/index.js +11 -0
- package/lib/date-range/date-picker.js +136 -0
- package/lib/date-range/date-range.js +189 -0
- package/lib/date-range/index.js +11 -0
- package/lib/drag-list/constants.js +7 -0
- package/lib/drag-list/drag-item.js +53 -0
- package/lib/drag-list/drag-list.js +60 -0
- package/lib/drag-list/index.js +11 -0
- package/lib/drag-list/use-drag-list.js +158 -0
- package/lib/dragable/constants.js +9 -0
- package/lib/dragable/dragable-item.js +29 -0
- package/lib/dragable/dragable-operation.js +36 -0
- package/lib/dragable/dragable.js +35 -0
- package/lib/dragable/index.js +22 -0
- package/lib/dragable/use-dragable.js +138 -0
- package/lib/filter-panel/conditions/condition.js +34 -0
- package/lib/filter-panel/conditions/date-range-condition.js +50 -0
- package/lib/filter-panel/conditions/department-condition/department-condition.js +85 -0
- package/lib/filter-panel/conditions/department-condition/department-node.js +78 -0
- package/lib/filter-panel/conditions/index.js +26 -0
- package/lib/filter-panel/conditions/input-condition.js +87 -0
- package/lib/filter-panel/conditions/multi-user-condition.js +68 -0
- package/lib/filter-panel/conditions/multiple-menu-condition.js +45 -0
- package/lib/filter-panel/conditions/single-menu-condition.js +72 -0
- package/lib/filter-panel/conditions/single-user-condition.js +68 -0
- package/lib/filter-panel/filter-panel-item.js +51 -0
- package/lib/filter-panel/filter-panel.js +184 -0
- package/lib/filter-panel/index.js +20 -0
- package/lib/filter-panel/use-filter-panel-item.js +56 -0
- package/lib/filter-panel/use-filter-panel.js +139 -0
- package/lib/hooks/use-data/index.js +157 -0
- package/lib/index.js +60 -0
- package/lib/layout/index.js +11 -0
- package/lib/layout/layout.js +90 -0
- package/lib/make-installer.js +62 -0
- package/lib/math/Rectangle.js +29 -0
- package/lib/menu/index.js +11 -0
- package/lib/menu/menu-item.js +79 -0
- package/lib/menu/menu.js +64 -0
- package/lib/node_modules/.pnpm/@vueuse_core@9.6.0_vue@3.2.41/node_modules/@vueuse/core/index.js +6635 -0
- package/lib/node_modules/.pnpm/@vueuse_shared@9.6.0_vue@3.2.41/node_modules/@vueuse/shared/index.js +1628 -0
- package/lib/panel/index.js +11 -0
- package/lib/panel/panel.js +59 -0
- package/lib/panel-tabs/index.js +11 -0
- package/lib/panel-tabs/panel-tabs.js +70 -0
- package/lib/pct-filter-panel/index.js +14 -0
- package/lib/pct-filter-panel/pct-compents/index.js +16 -0
- package/lib/pct-filter-panel/pct-compents/pct-Input-condition.js +75 -0
- package/lib/pct-filter-panel/pct-compents/pct-date-range-condition.js +78 -0
- package/lib/pct-filter-panel/pct-compents/pct-multiple-menu-condition.js +190 -0
- package/lib/pct-filter-panel/pct-compents/pct-multiple-menu-condition2.js +151 -0
- package/lib/pct-filter-panel/pct-filter-panel-item.js +52 -0
- package/lib/pct-filter-panel/pct-filter-panel.js +255 -0
- package/lib/pct-filter-panel/use-filter-panel-item.js +60 -0
- package/lib/pct-filter-panel/use-filter-panel.js +131 -0
- package/lib/plugins.js +9 -0
- package/lib/progress/index.js +16 -0
- package/lib/progress/progress-item.js +72 -0
- package/lib/progress/progress.js +78 -0
- package/lib/progress/use-progress.js +51 -0
- package/lib/utils/db.js +17 -0
- package/lib/utils.js +110 -0
- package/lib/where-filter-panel/index.js +2 -0
- package/lib/where-filter-panel/use-where-filter-panel.js +22 -0
- package/lib/where-filter-panel/where-filter-panel.js +21 -0
- package/package.json +1 -1
- package/style/advance-select.css +1 -0
- package/style/breadcrumb-select.css +1 -0
- package/style/common.css +1 -0
- package/style/contextmenu.css +1 -0
- package/style/data-form.css +1 -0
- package/style/data-table.css +1 -0
- package/style/datatable-settings.css +1 -0
- package/style/date-range.css +1 -0
- package/style/department-condition.css +1 -0
- package/style/drag-list.css +1 -0
- package/style/dragable.css +1 -0
- package/style/filter-panel.css +1 -0
- package/style/index.css +1 -0
- package/style/input-condition.css +1 -0
- package/style/layout.css +1 -0
- package/style/menu.css +1 -0
- package/style/panel-tabs.css +1 -0
- package/style/panel.css +1 -0
- package/style/pct-filter-panel.css +1 -0
- package/style/progress.css +1 -0
- package/style/rich-text.css +1 -0
- package/style/{common → src/common}/var.scss +16 -16
- package/style/var.css +1 -0
- /package/style/{advance-select.scss → src/advance-select.scss} +0 -0
- /package/style/{breadcrumb-select.scss → src/breadcrumb-select.scss} +0 -0
- /package/style/{common.scss → src/common.scss} +0 -0
- /package/style/{contextmenu.scss → src/contextmenu.scss} +0 -0
- /package/style/{data-form.scss → src/data-form.scss} +0 -0
- /package/style/{data-table.scss → src/data-table.scss} +0 -0
- /package/style/{datatable-settings.scss → src/datatable-settings.scss} +0 -0
- /package/style/{date-range.scss → src/date-range.scss} +0 -0
- /package/style/{department-condition.scss → src/department-condition.scss} +0 -0
- /package/style/{drag-list.scss → src/drag-list.scss} +0 -0
- /package/style/{dragable.scss → src/dragable.scss} +0 -0
- /package/style/{filter-panel.scss → src/filter-panel.scss} +0 -0
- /package/style/{index.scss → src/index.scss} +0 -0
- /package/style/{input-condition.scss → src/input-condition.scss} +0 -0
- /package/style/{layout.scss → src/layout.scss} +0 -0
- /package/style/{menu.scss → src/menu.scss} +0 -0
- /package/style/{mixins → src/mixins}/_var.scss +0 -0
- /package/style/{mixins → src/mixins}/config.scss +0 -0
- /package/style/{mixins → src/mixins}/function.scss +0 -0
- /package/style/{mixins → src/mixins}/mixins.scss +0 -0
- /package/style/{panel-tabs.scss → src/panel-tabs.scss} +0 -0
- /package/style/{panel.scss → src/panel.scss} +0 -0
- /package/style/{pct-filter-panel.scss → src/pct-filter-panel.scss} +0 -0
- /package/style/{progress.scss → src/progress.scss} +0 -0
- /package/style/{rich-text.scss → src/rich-text.scss} +0 -0
- /package/style/{theme → src/theme}/theme.scss +0 -0
- /package/style/{theme → src/theme}/var.scss +0 -0
- /package/style/{var.scss → src/var.scss} +0 -0
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { reactive, computed, watch } from 'vue';
|
|
2
|
+
import 'lodash';
|
|
3
|
+
|
|
4
|
+
const useAdvanceSelectStates = (props) => {
|
|
5
|
+
return reactive({
|
|
6
|
+
options: /* @__PURE__ */ new Map(),
|
|
7
|
+
cachedOptions: /* @__PURE__ */ new Map(),
|
|
8
|
+
optionsCount: 0,
|
|
9
|
+
selected: props.multiple ? [] : {},
|
|
10
|
+
search: "",
|
|
11
|
+
isShowPopper: false
|
|
12
|
+
});
|
|
13
|
+
};
|
|
14
|
+
const useAdvanceSelect = (props, states, ctx) => {
|
|
15
|
+
const cachedOptions = computed(() => Array.from(states.cachedOptions.values()));
|
|
16
|
+
watch(computed(() => states.isShowPopper), (isShowPopper) => {
|
|
17
|
+
if (!isShowPopper) {
|
|
18
|
+
states.search = "";
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
watch(() => props.modelValue, () => {
|
|
22
|
+
setSelected();
|
|
23
|
+
}, {
|
|
24
|
+
flush: "post",
|
|
25
|
+
deep: true
|
|
26
|
+
});
|
|
27
|
+
const selectedLabel = computed(() => {
|
|
28
|
+
return props.multiple ? states.selected.map((selected) => selected.label) : states.selected.label || props.modelValue;
|
|
29
|
+
});
|
|
30
|
+
const getOption = (value) => {
|
|
31
|
+
let option = null;
|
|
32
|
+
for (const item of cachedOptions.value) {
|
|
33
|
+
if (item.value === value) {
|
|
34
|
+
option = {
|
|
35
|
+
value,
|
|
36
|
+
label: item.currentLabel
|
|
37
|
+
};
|
|
38
|
+
break;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
if (option) {
|
|
42
|
+
return option;
|
|
43
|
+
}
|
|
44
|
+
return {
|
|
45
|
+
value,
|
|
46
|
+
label: value
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
const setSelected = () => {
|
|
50
|
+
if (!props.multiple) {
|
|
51
|
+
const option = getOption(props.modelValue);
|
|
52
|
+
states.selected = option;
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
const result = [];
|
|
56
|
+
if (Array.isArray(props.modelValue)) {
|
|
57
|
+
props.modelValue.forEach((value) => {
|
|
58
|
+
result.push(getOption(value));
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
states.selected = result;
|
|
62
|
+
};
|
|
63
|
+
const onOptionCreate = (option) => {
|
|
64
|
+
states.optionsCount++;
|
|
65
|
+
states.options.set(option.value, option);
|
|
66
|
+
states.cachedOptions.set(option.value, option);
|
|
67
|
+
};
|
|
68
|
+
const onOptionDestroy = (key, option) => {
|
|
69
|
+
if (states.options.get(key) === option) {
|
|
70
|
+
states.optionsCount--;
|
|
71
|
+
states.options.delete(key);
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
const handleClearClick = () => {
|
|
75
|
+
ctx.emit("update:modelValue", props.multiple ? [] : "");
|
|
76
|
+
if (props.closeAfterSelection) {
|
|
77
|
+
states.isShowPopper = false;
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
const handleOptionSelect = (option) => {
|
|
81
|
+
if (props.multiple) {
|
|
82
|
+
const value = (props.modelValue || []).slice();
|
|
83
|
+
const optionIndex = value.indexOf(option.value);
|
|
84
|
+
if (optionIndex > -1) {
|
|
85
|
+
if (props.required && value.length === 1) {
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
88
|
+
value.splice(optionIndex, 1);
|
|
89
|
+
} else if (props.multipleLimit <= 0 || value.length < props.multipleLimit) {
|
|
90
|
+
value.push(option.value);
|
|
91
|
+
}
|
|
92
|
+
ctx.emit("update:modelValue", value);
|
|
93
|
+
if (props.closeAfterSelection) {
|
|
94
|
+
states.isShowPopper = false;
|
|
95
|
+
}
|
|
96
|
+
} else {
|
|
97
|
+
ctx.emit("update:modelValue", option.value);
|
|
98
|
+
states.isShowPopper = false;
|
|
99
|
+
}
|
|
100
|
+
};
|
|
101
|
+
const hidePoppper = () => {
|
|
102
|
+
states.isShowPopper = false;
|
|
103
|
+
};
|
|
104
|
+
watch(computed(() => states.options.entries()), () => {
|
|
105
|
+
setSelected();
|
|
106
|
+
});
|
|
107
|
+
return {
|
|
108
|
+
selectedLabel,
|
|
109
|
+
onOptionCreate,
|
|
110
|
+
onOptionDestroy,
|
|
111
|
+
handleClearClick,
|
|
112
|
+
handleOptionSelect,
|
|
113
|
+
hidePoppper
|
|
114
|
+
};
|
|
115
|
+
};
|
|
116
|
+
|
|
117
|
+
export { useAdvanceSelect, useAdvanceSelectStates };
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { useSlots, effectScope, onMounted, effect, h, Fragment, render, onBeforeUnmount } from 'vue';
|
|
2
|
+
import { useGlobalConfig, applicationKey } from 'web-base-client-vue';
|
|
3
|
+
|
|
4
|
+
let uuid = 1;
|
|
5
|
+
const ApplicationSlot = {
|
|
6
|
+
name: "BwaApplicationSlot",
|
|
7
|
+
props: {
|
|
8
|
+
type: String
|
|
9
|
+
},
|
|
10
|
+
setup(props) {
|
|
11
|
+
let currentUuid = uuid++;
|
|
12
|
+
const slots = useSlots();
|
|
13
|
+
const application = useGlobalConfig(applicationKey);
|
|
14
|
+
const scope = effectScope();
|
|
15
|
+
let container = null;
|
|
16
|
+
onMounted(() => {
|
|
17
|
+
container = document.createElement("div");
|
|
18
|
+
scope.run(() => {
|
|
19
|
+
effect(() => {
|
|
20
|
+
var _a;
|
|
21
|
+
const vnodes = (_a = slots.default) == null ? void 0 : _a.call(slots);
|
|
22
|
+
let _vnodes = [...vnodes];
|
|
23
|
+
for (let i = 0; i < _vnodes.length; i++) {
|
|
24
|
+
const vnode2 = _vnodes[i];
|
|
25
|
+
vnode2.appContext = ApplicationSlot._context;
|
|
26
|
+
if (Array.isArray(vnode2.children)) {
|
|
27
|
+
_vnodes = _vnodes.concat(vnode2.children);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
const vnode = h(Fragment, vnodes);
|
|
31
|
+
vnode.appContext = ApplicationSlot._context;
|
|
32
|
+
render(vnode, container);
|
|
33
|
+
});
|
|
34
|
+
});
|
|
35
|
+
application.value.addApplicationSlot(props.type, currentUuid, container);
|
|
36
|
+
});
|
|
37
|
+
onBeforeUnmount(() => {
|
|
38
|
+
application.value.removeApplicationSlot(props.type, currentUuid);
|
|
39
|
+
render(null, container);
|
|
40
|
+
container = null;
|
|
41
|
+
scope.stop();
|
|
42
|
+
});
|
|
43
|
+
return () => h("i", {
|
|
44
|
+
style: {
|
|
45
|
+
display: "none"
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
export { ApplicationSlot as default };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot } from 'vue';
|
|
2
|
+
import ApplicationSlot from './application-slot.mjs';
|
|
3
|
+
import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
|
|
4
|
+
|
|
5
|
+
const __default__ = defineComponent({
|
|
6
|
+
name: "BwaBreadcrumbItem"
|
|
7
|
+
});
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
9
|
+
setup(__props) {
|
|
10
|
+
;
|
|
11
|
+
return (_ctx, _cache) => {
|
|
12
|
+
return openBlock(), createBlock(unref(ApplicationSlot), { type: "breadcrumbItem" }, {
|
|
13
|
+
default: withCtx(() => [
|
|
14
|
+
renderSlot(_ctx.$slots, "default")
|
|
15
|
+
]),
|
|
16
|
+
_: 3
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "breadcrumb-item.vue"]]);
|
|
22
|
+
|
|
23
|
+
export { BreadcrumbItem as default };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot } from 'vue';
|
|
2
|
+
import ApplicationSlot from './application-slot.mjs';
|
|
3
|
+
import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
|
|
4
|
+
|
|
5
|
+
const __default__ = defineComponent({
|
|
6
|
+
name: "BwaHeaderToolsItem"
|
|
7
|
+
});
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
9
|
+
setup(__props) {
|
|
10
|
+
;
|
|
11
|
+
return (_ctx, _cache) => {
|
|
12
|
+
return openBlock(), createBlock(unref(ApplicationSlot), { type: "headerToolItem" }, {
|
|
13
|
+
default: withCtx(() => [
|
|
14
|
+
renderSlot(_ctx.$slots, "default")
|
|
15
|
+
]),
|
|
16
|
+
_: 3
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
var HeaderToolsItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "header-tools-item.vue"]]);
|
|
22
|
+
|
|
23
|
+
export { HeaderToolsItem as default };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { withInstall } from 'element-plus/es/utils/vue/install';
|
|
2
|
+
import ApplicationSlot from './application-slot.mjs';
|
|
3
|
+
import BreadcrumbItem from './breadcrumb-item.mjs';
|
|
4
|
+
import HeaderToolsItem from './header-tools-item.mjs';
|
|
5
|
+
|
|
6
|
+
ApplicationSlot.install = (app) => {
|
|
7
|
+
ApplicationSlot._context = app._context;
|
|
8
|
+
app.component(ApplicationSlot.name, ApplicationSlot);
|
|
9
|
+
app.component(BreadcrumbItem.name, BreadcrumbItem);
|
|
10
|
+
app.component(HeaderToolsItem.name, HeaderToolsItem);
|
|
11
|
+
};
|
|
12
|
+
const BwaApplicationSlot = ApplicationSlot;
|
|
13
|
+
const BwaBreadcrumbItem = withInstall(BreadcrumbItem);
|
|
14
|
+
const BwaHeaderToolsItem = withInstall(HeaderToolsItem);
|
|
15
|
+
|
|
16
|
+
export { BwaApplicationSlot, BwaBreadcrumbItem, BwaHeaderToolsItem, BwaApplicationSlot as default };
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import { createElementVNode, defineComponent, useAttrs, resolveComponent, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, normalizeClass, toDisplayString, createCommentVNode, createVNode, renderSlot } from 'vue';
|
|
2
|
+
import { ElIcon, ElButton } from 'element-plus';
|
|
3
|
+
import { useNamespace } from 'web-base-client-vue';
|
|
4
|
+
import { BwaAdvanceSelect } from '../advance-select/index.mjs';
|
|
5
|
+
import AdvanceOperation from '../advance-select/advance-operation.mjs';
|
|
6
|
+
import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
|
|
7
|
+
|
|
8
|
+
const _hoisted_1 = /* @__PURE__ */ createElementVNode("i", { class: "ptp-caozuo-chakan ptp-icon" }, null, -1);
|
|
9
|
+
const _hoisted_2 = /* @__PURE__ */ createElementVNode("i", { class: "ptp-caozuo-chakan ptp-icon" }, null, -1);
|
|
10
|
+
const _hoisted_3 = /* @__PURE__ */ createElementVNode("i", { class: "ptp-qiehuan ptp-icon" }, null, -1);
|
|
11
|
+
const __default__ = defineComponent({ name: "BwaBreadcrumbSelect" });
|
|
12
|
+
const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
13
|
+
props: {
|
|
14
|
+
defaultLabel: {
|
|
15
|
+
type: String,
|
|
16
|
+
default: "\u8BF7\u9009\u62E9"
|
|
17
|
+
},
|
|
18
|
+
recentEmptyDesc: {
|
|
19
|
+
type: String,
|
|
20
|
+
default: "\u6700\u8FD1\u8BBF\u95EE\u9879\u76EE"
|
|
21
|
+
},
|
|
22
|
+
searchPlaceholder: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: "\u9879\u76EE\u540D\u79F0"
|
|
25
|
+
},
|
|
26
|
+
allDesc: {
|
|
27
|
+
type: String,
|
|
28
|
+
default: "\u5168\u90E8\u9879\u76EE"
|
|
29
|
+
},
|
|
30
|
+
allMine: {
|
|
31
|
+
type: String,
|
|
32
|
+
default: "\u6211\u7684\u9879\u76EE"
|
|
33
|
+
},
|
|
34
|
+
saveDesc: {
|
|
35
|
+
type: String,
|
|
36
|
+
default: "\u65B0\u589E\u9879\u76EE"
|
|
37
|
+
},
|
|
38
|
+
showSave: {
|
|
39
|
+
type: Boolean,
|
|
40
|
+
default: true
|
|
41
|
+
},
|
|
42
|
+
showMine: {
|
|
43
|
+
type: Boolean,
|
|
44
|
+
default: false
|
|
45
|
+
},
|
|
46
|
+
showAll: {
|
|
47
|
+
type: Boolean,
|
|
48
|
+
default: true
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
emits: ["all", "mine", "save"],
|
|
52
|
+
setup(__props, { emit }) {
|
|
53
|
+
const props = __props;
|
|
54
|
+
const attrs = useAttrs();
|
|
55
|
+
const ns = useNamespace("breadcrumb");
|
|
56
|
+
return (_ctx, _cache) => {
|
|
57
|
+
const _component_CirclePlus = resolveComponent("CirclePlus");
|
|
58
|
+
const _component_ArrowDown = resolveComponent("ArrowDown");
|
|
59
|
+
return openBlock(), createBlock(unref(BwaAdvanceSelect), mergeProps(unref(attrs), {
|
|
60
|
+
showSelection: false,
|
|
61
|
+
"search-placeholder": __props.searchPlaceholder,
|
|
62
|
+
multiple: false
|
|
63
|
+
}), createSlots({
|
|
64
|
+
contentBottom: withCtx(() => [
|
|
65
|
+
__props.showAll ? (openBlock(), createBlock(AdvanceOperation, {
|
|
66
|
+
key: 0,
|
|
67
|
+
class: normalizeClass(unref(ns).be("item", "opt")),
|
|
68
|
+
onClick: _cache[0] || (_cache[0] = ($event) => emit("all"))
|
|
69
|
+
}, {
|
|
70
|
+
default: withCtx(() => [
|
|
71
|
+
_hoisted_1,
|
|
72
|
+
createElementVNode("span", {
|
|
73
|
+
class: normalizeClass(unref(ns).be("item", "opt-label"))
|
|
74
|
+
}, toDisplayString(__props.allDesc), 3)
|
|
75
|
+
]),
|
|
76
|
+
_: 1
|
|
77
|
+
}, 8, ["class"])) : createCommentVNode("v-if", true),
|
|
78
|
+
__props.showMine ? (openBlock(), createBlock(AdvanceOperation, {
|
|
79
|
+
key: 1,
|
|
80
|
+
class: normalizeClass(unref(ns).be("item", "opt")),
|
|
81
|
+
onClick: _cache[1] || (_cache[1] = ($event) => emit("mine"))
|
|
82
|
+
}, {
|
|
83
|
+
default: withCtx(() => [
|
|
84
|
+
_hoisted_2,
|
|
85
|
+
createElementVNode("span", {
|
|
86
|
+
class: normalizeClass(unref(ns).be("item", "opt-label"))
|
|
87
|
+
}, toDisplayString(__props.allMine), 3)
|
|
88
|
+
]),
|
|
89
|
+
_: 1
|
|
90
|
+
}, 8, ["class"])) : createCommentVNode("v-if", true),
|
|
91
|
+
__props.showSave ? (openBlock(), createBlock(AdvanceOperation, {
|
|
92
|
+
key: 2,
|
|
93
|
+
class: normalizeClass(unref(ns).be("item", "opt")),
|
|
94
|
+
onClick: _cache[2] || (_cache[2] = ($event) => emit("save"))
|
|
95
|
+
}, {
|
|
96
|
+
default: withCtx(() => [
|
|
97
|
+
createVNode(unref(ElIcon), null, {
|
|
98
|
+
default: withCtx(() => [
|
|
99
|
+
createVNode(_component_CirclePlus)
|
|
100
|
+
]),
|
|
101
|
+
_: 1
|
|
102
|
+
}),
|
|
103
|
+
createElementVNode("span", {
|
|
104
|
+
class: normalizeClass(unref(ns).be("item", "opt-label"))
|
|
105
|
+
}, toDisplayString(__props.saveDesc), 3)
|
|
106
|
+
]),
|
|
107
|
+
_: 1
|
|
108
|
+
}, 8, ["class"])) : createCommentVNode("v-if", true)
|
|
109
|
+
]),
|
|
110
|
+
reference: withCtx(({ label }) => [
|
|
111
|
+
createVNode(unref(ElButton), {
|
|
112
|
+
class: normalizeClass(unref(ns).be("item", "dropdown"))
|
|
113
|
+
}, {
|
|
114
|
+
default: withCtx(() => [
|
|
115
|
+
_hoisted_3,
|
|
116
|
+
createElementVNode("span", {
|
|
117
|
+
class: normalizeClass(unref(ns).be("item", "content"))
|
|
118
|
+
}, toDisplayString(label || __props.defaultLabel), 3),
|
|
119
|
+
createVNode(unref(ElIcon), null, {
|
|
120
|
+
default: withCtx(() => [
|
|
121
|
+
createVNode(_component_ArrowDown)
|
|
122
|
+
]),
|
|
123
|
+
_: 1
|
|
124
|
+
})
|
|
125
|
+
]),
|
|
126
|
+
_: 2
|
|
127
|
+
}, 1032, ["class"])
|
|
128
|
+
]),
|
|
129
|
+
default: withCtx(() => [
|
|
130
|
+
renderSlot(_ctx.$slots, "default")
|
|
131
|
+
]),
|
|
132
|
+
_: 2
|
|
133
|
+
}, [
|
|
134
|
+
__props.recentEmptyDesc ? {
|
|
135
|
+
name: "contentTop",
|
|
136
|
+
fn: withCtx(() => [
|
|
137
|
+
createElementVNode("div", {
|
|
138
|
+
class: normalizeClass(unref(ns).be("item", "top"))
|
|
139
|
+
}, [
|
|
140
|
+
renderSlot(_ctx.$slots, "recent", {}, () => [
|
|
141
|
+
createElementVNode("div", {
|
|
142
|
+
class: normalizeClass(unref(ns).be("item", "top-empty"))
|
|
143
|
+
}, toDisplayString(__props.recentEmptyDesc), 3)
|
|
144
|
+
])
|
|
145
|
+
], 2)
|
|
146
|
+
]),
|
|
147
|
+
key: "0"
|
|
148
|
+
} : void 0
|
|
149
|
+
]), 1040, ["search-placeholder"]);
|
|
150
|
+
};
|
|
151
|
+
}
|
|
152
|
+
});
|
|
153
|
+
var BreadcrumbSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "breadcrumb-select.vue"]]);
|
|
154
|
+
|
|
155
|
+
export { BreadcrumbSelect as default };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { BwaDataForm } from './data-form/index.mjs';
|
|
2
|
+
import { BwaDataTable } from './data-table/index.mjs';
|
|
3
|
+
import { BwaFilterPanel } from './filter-panel/index.mjs';
|
|
4
|
+
import { BwaAdvanceSelect } from './advance-select/index.mjs';
|
|
5
|
+
import { BwaDateRange } from './date-range/index.mjs';
|
|
6
|
+
import { BwaApplicationSlot } from './application-slot/index.mjs';
|
|
7
|
+
import { BwaLayout } from './layout/index.mjs';
|
|
8
|
+
import { BwaMenu } from './menu/index.mjs';
|
|
9
|
+
import { BwaPanel } from './panel/index.mjs';
|
|
10
|
+
import { BwaPanelTab } from './panel-tabs/index.mjs';
|
|
11
|
+
import { BwaBreadcrumbSelect } from './breadcrumb-select/index.mjs';
|
|
12
|
+
import { BwaDataTableSetting } from './datatable-settings/index.mjs';
|
|
13
|
+
import { BwaDraglist } from './drag-list/index.mjs';
|
|
14
|
+
import { BwaProgress } from './progress/index.mjs';
|
|
15
|
+
import { BwaDragable } from './dragable/index.mjs';
|
|
16
|
+
import { BwaPctFilterPanel } from './pct-filter-panel/index.mjs';
|
|
17
|
+
import { BwaPctMultipleMenuCondition, BwaPctInputCondition, BwaPctDateRangeCondition } from './pct-filter-panel/pct-compents/index.mjs';
|
|
18
|
+
import { BwaCondition } from './filter-panel/conditions/index.mjs';
|
|
19
|
+
|
|
20
|
+
var components = [BwaDataForm, BwaDataTable, BwaFilterPanel, BwaAdvanceSelect, BwaDateRange, BwaCondition, BwaApplicationSlot, BwaLayout, BwaMenu, BwaPanel, BwaPanelTab, BwaBreadcrumbSelect, BwaDataTableSetting, BwaDraglist, BwaProgress, BwaDragable, BwaPctFilterPanel, BwaPctMultipleMenuCondition, BwaPctInputCondition, BwaPctDateRangeCondition];
|
|
21
|
+
|
|
22
|
+
export { components as default };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
|
|
2
|
+
import { useNamespace } from 'web-base-client-vue';
|
|
3
|
+
import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
|
|
4
|
+
|
|
5
|
+
const __default__ = defineComponent({ name: "BwaContextmenuItem" });
|
|
6
|
+
const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
7
|
+
setup(__props) {
|
|
8
|
+
;
|
|
9
|
+
const ns = useNamespace("contextmenu-item");
|
|
10
|
+
return (_ctx, _cache) => {
|
|
11
|
+
return openBlock(), createElementBlock("div", {
|
|
12
|
+
class: normalizeClass(unref(ns).b())
|
|
13
|
+
}, [
|
|
14
|
+
renderSlot(_ctx.$slots, "default")
|
|
15
|
+
], 2);
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
var contextmenuItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "contextmenu-item.vue"]]);
|
|
20
|
+
|
|
21
|
+
export { contextmenuItem as default };
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { defineComponent, ref, onMounted, watch, computed, unref, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Fragment, renderList, toDisplayString } from 'vue';
|
|
2
|
+
import { ElScrollbar } from 'element-plus';
|
|
3
|
+
import { useNamespace } from 'web-base-client-vue';
|
|
4
|
+
import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
|
|
5
|
+
|
|
6
|
+
const _hoisted_1 = ["onClick"];
|
|
7
|
+
const __default__ = defineComponent({ name: "BwaContextmenu" });
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
9
|
+
props: {
|
|
10
|
+
visible: {
|
|
11
|
+
type: Boolean,
|
|
12
|
+
default: false
|
|
13
|
+
},
|
|
14
|
+
menus: {
|
|
15
|
+
type: Array,
|
|
16
|
+
default: () => []
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
emits: ["select"],
|
|
20
|
+
setup(__props, { emit }) {
|
|
21
|
+
const props = __props;
|
|
22
|
+
const ns = useNamespace("contextmenu");
|
|
23
|
+
const scrollbarRef = ref(null);
|
|
24
|
+
const clickHandle = (item) => {
|
|
25
|
+
emit("select", item);
|
|
26
|
+
};
|
|
27
|
+
onMounted(() => {
|
|
28
|
+
watch(
|
|
29
|
+
computed(() => props.visible),
|
|
30
|
+
(visible) => {
|
|
31
|
+
if (!visible) {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
unref(scrollbarRef).scrollTo(0, 0);
|
|
35
|
+
}
|
|
36
|
+
);
|
|
37
|
+
});
|
|
38
|
+
return (_ctx, _cache) => {
|
|
39
|
+
return openBlock(), createElementBlock("div", {
|
|
40
|
+
class: normalizeClass(unref(ns).b())
|
|
41
|
+
}, [
|
|
42
|
+
createVNode(unref(ElScrollbar), {
|
|
43
|
+
"max-height": "400px",
|
|
44
|
+
ref_key: "scrollbarRef",
|
|
45
|
+
ref: scrollbarRef
|
|
46
|
+
}, {
|
|
47
|
+
default: withCtx(() => [
|
|
48
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.menus, (menu) => {
|
|
49
|
+
return openBlock(), createElementBlock("div", {
|
|
50
|
+
onClick: ($event) => clickHandle(menu),
|
|
51
|
+
key: menu.id,
|
|
52
|
+
class: normalizeClass(unref(ns).b("item"))
|
|
53
|
+
}, toDisplayString(menu.label), 11, _hoisted_1);
|
|
54
|
+
}), 128))
|
|
55
|
+
]),
|
|
56
|
+
_: 1
|
|
57
|
+
}, 512)
|
|
58
|
+
], 2);
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
var Contextmenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "contextmenu.vue"]]);
|
|
63
|
+
|
|
64
|
+
export { Contextmenu as default };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import Contextmenu from './contextmenu.mjs';
|
|
2
|
+
export { useContextmenu } from './use-contextmenu.mjs';
|
|
3
|
+
|
|
4
|
+
Contextmenu.install = (app) => {
|
|
5
|
+
Contextmenu._context = app._context;
|
|
6
|
+
app.component(Contextmenu.name, Contextmenu);
|
|
7
|
+
};
|
|
8
|
+
const BwaContextmenu = Contextmenu;
|
|
9
|
+
|
|
10
|
+
export { BwaContextmenu, BwaContextmenu as default };
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { ref, reactive, createApp, onMounted, withDirectives, h, unref, vShow, nextTick, onBeforeUnmount } from 'vue';
|
|
2
|
+
import { useWindowSize, useElementBounding } from '../node_modules/.pnpm/@vueuse_core@9.6.0_vue@3.2.41/node_modules/@vueuse/core/index.mjs';
|
|
3
|
+
import { useNamespace } from 'web-base-client-vue';
|
|
4
|
+
import Contextmenu from './contextmenu.mjs';
|
|
5
|
+
|
|
6
|
+
function useContextmenu({
|
|
7
|
+
menus = []
|
|
8
|
+
} = {}) {
|
|
9
|
+
const ns = useNamespace("contextmenu");
|
|
10
|
+
menus = ref([...menus]);
|
|
11
|
+
let el = document.createElement("div");
|
|
12
|
+
const contextmenuWrapper = ref(null);
|
|
13
|
+
const visible = ref(false);
|
|
14
|
+
const bounding = ref(null);
|
|
15
|
+
const position = reactive({
|
|
16
|
+
x: 0,
|
|
17
|
+
y: 0
|
|
18
|
+
});
|
|
19
|
+
const windowSize = useWindowSize();
|
|
20
|
+
let resolve = null;
|
|
21
|
+
const contextmenuInstance = createApp({
|
|
22
|
+
setup() {
|
|
23
|
+
onMounted(() => {
|
|
24
|
+
bounding.value = useElementBounding(contextmenuWrapper);
|
|
25
|
+
});
|
|
26
|
+
return () => withDirectives(h("div", {
|
|
27
|
+
class: ns.e("wrapper"),
|
|
28
|
+
ref: contextmenuWrapper,
|
|
29
|
+
tabIndex: -1,
|
|
30
|
+
style: {
|
|
31
|
+
left: position.x + "px",
|
|
32
|
+
top: position.y + "px"
|
|
33
|
+
},
|
|
34
|
+
onContextmenu(e) {
|
|
35
|
+
e.preventDefault();
|
|
36
|
+
e.stopPropagation();
|
|
37
|
+
},
|
|
38
|
+
onBlur() {
|
|
39
|
+
resolve == null ? void 0 : resolve(null);
|
|
40
|
+
visible.value = false;
|
|
41
|
+
}
|
|
42
|
+
}, [h(Contextmenu, {
|
|
43
|
+
menus: unref(menus),
|
|
44
|
+
visible: unref(visible),
|
|
45
|
+
onSelect(item) {
|
|
46
|
+
resolve == null ? void 0 : resolve(item);
|
|
47
|
+
visible.value = false;
|
|
48
|
+
}
|
|
49
|
+
})]), [[vShow, unref(visible)]]);
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
const showContextmenu = async (x, y) => {
|
|
53
|
+
if (!Array.isArray(unref(menus)) || !unref(menus).length) {
|
|
54
|
+
return null;
|
|
55
|
+
}
|
|
56
|
+
visible.value = true;
|
|
57
|
+
let promise = new Promise((_resolve) => {
|
|
58
|
+
resolve = _resolve;
|
|
59
|
+
});
|
|
60
|
+
await nextTick();
|
|
61
|
+
position.x = x;
|
|
62
|
+
position.y = y;
|
|
63
|
+
if (windowSize.height.value - position.y < bounding.value.height) {
|
|
64
|
+
position.y = windowSize.height.value - bounding.value.height;
|
|
65
|
+
}
|
|
66
|
+
if (windowSize.width.value - position.x < bounding.value.width) {
|
|
67
|
+
position.x = windowSize.width.value - bounding.value.width;
|
|
68
|
+
}
|
|
69
|
+
contextmenuWrapper.value.focus();
|
|
70
|
+
return promise;
|
|
71
|
+
};
|
|
72
|
+
onMounted(() => {
|
|
73
|
+
contextmenuInstance.mount(el);
|
|
74
|
+
document.body.appendChild(el);
|
|
75
|
+
});
|
|
76
|
+
onBeforeUnmount(() => {
|
|
77
|
+
document.body.removeChild(el);
|
|
78
|
+
contextmenuInstance.unmount();
|
|
79
|
+
});
|
|
80
|
+
return {
|
|
81
|
+
showContextmenu
|
|
82
|
+
};
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
export { useContextmenu };
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { defineComponent, useAttrs, inject, computed, provide, reactive, unref, openBlock, createBlock, mergeProps, withCtx, renderSlot, createVNode, createCommentVNode } from 'vue';
|
|
2
|
+
import { formContextKey, ElFormItem } from 'element-plus';
|
|
3
|
+
import { dataFormKey } from 'web-base-client-vue';
|
|
4
|
+
import DynamicComponent from './dynamic-component.mjs';
|
|
5
|
+
import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
|
|
6
|
+
|
|
7
|
+
const __default__ = defineComponent({ name: "BwaDataFormItem" });
|
|
8
|
+
const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
9
|
+
props: {
|
|
10
|
+
name: { type: String },
|
|
11
|
+
isShowLabelColon: { type: Boolean }
|
|
12
|
+
},
|
|
13
|
+
setup(__props) {
|
|
14
|
+
const props = __props;
|
|
15
|
+
const attrs = useAttrs();
|
|
16
|
+
const dataForm = inject(dataFormKey);
|
|
17
|
+
const formContext = inject(formContextKey, {});
|
|
18
|
+
const formColumn = dataForm.getDisplayColumns().find((col) => col.fullAttrName == props.name);
|
|
19
|
+
const label = computed(() => {
|
|
20
|
+
return attrs.label || (formColumn ? formColumn.title + (props.isShowLabelColon ? " :" : "") : "");
|
|
21
|
+
});
|
|
22
|
+
const _formContext = {};
|
|
23
|
+
_formContext.disabled = computed(
|
|
24
|
+
() => formContext.disabled || (formColumn == null ? void 0 : formColumn.disabled)
|
|
25
|
+
);
|
|
26
|
+
Reflect.setPrototypeOf(_formContext, formContext);
|
|
27
|
+
provide(formContextKey, reactive(_formContext));
|
|
28
|
+
return (_ctx, _cache) => {
|
|
29
|
+
return unref(formColumn) && unref(formColumn).visible ? (openBlock(), createBlock(unref(ElFormItem), mergeProps({ key: 0 }, unref(attrs), {
|
|
30
|
+
label: unref(label),
|
|
31
|
+
class: { custom: !_ctx.$slots.default },
|
|
32
|
+
prop: unref(formColumn).fullAttrName
|
|
33
|
+
}), {
|
|
34
|
+
default: withCtx(() => [
|
|
35
|
+
renderSlot(_ctx.$slots, "default", {
|
|
36
|
+
column: unref(formColumn),
|
|
37
|
+
record: unref(dataForm).data,
|
|
38
|
+
dataForm: unref(dataForm)
|
|
39
|
+
}, () => [
|
|
40
|
+
createVNode(unref(DynamicComponent), {
|
|
41
|
+
column: unref(formColumn),
|
|
42
|
+
record: unref(dataForm).data
|
|
43
|
+
}, null, 8, ["column", "record"])
|
|
44
|
+
])
|
|
45
|
+
]),
|
|
46
|
+
_: 3
|
|
47
|
+
}, 16, ["label", "class", "prop"])) : createCommentVNode("v-if", true);
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
var DataFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "data-form-item.vue"]]);
|
|
52
|
+
|
|
53
|
+
export { DataFormItem as default };
|