@ctzy-web-client/plugin-component-vue 1.0.8 → 1.0.9
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/package.json +3 -3
- package/es/_virtual/_plugin-vue_export-helper.mjs +0 -9
- package/es/advance-select/advance-operation.mjs +0 -43
- package/es/advance-select/advance-option.mjs +0 -125
- package/es/advance-select/advance-select.mjs +0 -359
- package/es/advance-select/events-helpers.mjs +0 -29
- package/es/advance-select/index.mjs +0 -13
- package/es/advance-select/use-advance-option.mjs +0 -43
- package/es/advance-select/use-advance-select.mjs +0 -117
- package/es/application-slot/application-slot.mjs +0 -51
- package/es/application-slot/breadcrumb-item.mjs +0 -23
- package/es/application-slot/header-tools-item.mjs +0 -23
- package/es/application-slot/index.mjs +0 -16
- package/es/breadcrumb-select/breadcrumb-select.mjs +0 -155
- package/es/breadcrumb-select/index.mjs +0 -6
- package/es/components.mjs +0 -22
- package/es/contextmenu/contextmenu-item.mjs +0 -21
- package/es/contextmenu/contextmenu.mjs +0 -64
- package/es/contextmenu/index.mjs +0 -10
- package/es/contextmenu/use-contextmenu.mjs +0 -85
- package/es/data-form/data-form-item.mjs +0 -53
- package/es/data-form/data-form.mjs +0 -175
- package/es/data-form/dynamic-component.mjs +0 -23
- package/es/data-form/form-components/Blots/AtBlot.mjs +0 -25
- package/es/data-form/form-components/bwa-date-picker.mjs +0 -45
- package/es/data-form/form-components/bwa-date-time-picker.mjs +0 -50
- package/es/data-form/form-components/bwa-input-float.mjs +0 -43
- package/es/data-form/form-components/bwa-input-integer.mjs +0 -56
- package/es/data-form/form-components/bwa-input.mjs +0 -38
- package/es/data-form/form-components/bwa-multi-select.mjs +0 -35
- package/es/data-form/form-components/bwa-rich-text-tinymce.mjs +0 -234
- package/es/data-form/form-components/bwa-rich-text.mjs +0 -325
- package/es/data-form/form-components/bwa-select.mjs +0 -76
- package/es/data-form/form-components/bwa-textarea.mjs +0 -33
- package/es/data-form/form-components/bwa-upload.mjs +0 -159
- package/es/data-form/form-components/bwa-user-multi-select.mjs +0 -30
- package/es/data-form/form-components/bwa-user-select.mjs +0 -69
- package/es/data-form/index.mjs +0 -34
- package/es/data-table/data-column-view.mjs +0 -131
- package/es/data-table/data-table-card.mjs +0 -118
- package/es/data-table/data-table-column.mjs +0 -56
- package/es/data-table/data-table.mjs +0 -369
- package/es/data-table/dynamic-component.mjs +0 -48
- package/es/data-table/index.mjs +0 -13
- package/es/data-table/use-datatable-drag.mjs +0 -110
- package/es/datatable-settings/datatable-settings.mjs +0 -309
- package/es/datatable-settings/index.mjs +0 -6
- package/es/date-range/date-picker.mjs +0 -128
- package/es/date-range/date-range.mjs +0 -177
- package/es/date-range/index.mjs +0 -6
- package/es/drag-list/constants.mjs +0 -3
- package/es/drag-list/drag-item.mjs +0 -49
- package/es/drag-list/drag-list.mjs +0 -56
- package/es/drag-list/index.mjs +0 -6
- package/es/drag-list/use-drag-list.mjs +0 -154
- package/es/dragable/constants.mjs +0 -4
- package/es/dragable/dragable-item.mjs +0 -25
- package/es/dragable/dragable-operation.mjs +0 -32
- package/es/dragable/dragable.mjs +0 -31
- package/es/dragable/index.mjs +0 -15
- package/es/dragable/use-dragable.mjs +0 -134
- package/es/filter-panel/conditions/condition.mjs +0 -30
- package/es/filter-panel/conditions/date-range-condition.mjs +0 -46
- package/es/filter-panel/conditions/department-condition/department-condition.mjs +0 -81
- package/es/filter-panel/conditions/department-condition/department-node.mjs +0 -74
- package/es/filter-panel/conditions/index.mjs +0 -21
- package/es/filter-panel/conditions/input-condition.mjs +0 -83
- package/es/filter-panel/conditions/multi-user-condition.mjs +0 -64
- package/es/filter-panel/conditions/multiple-menu-condition.mjs +0 -41
- package/es/filter-panel/conditions/single-menu-condition.mjs +0 -68
- package/es/filter-panel/conditions/single-user-condition.mjs +0 -64
- package/es/filter-panel/filter-panel-item.mjs +0 -47
- package/es/filter-panel/filter-panel.mjs +0 -180
- package/es/filter-panel/index.mjs +0 -15
- package/es/filter-panel/use-filter-panel-item.mjs +0 -52
- package/es/filter-panel/use-filter-panel.mjs +0 -135
- package/es/hooks/use-data/index.mjs +0 -152
- package/es/index.mjs +0 -27
- package/es/layout/index.mjs +0 -6
- package/es/layout/layout.mjs +0 -86
- package/es/make-installer.mjs +0 -34
- package/es/math/Rectangle.mjs +0 -25
- package/es/menu/index.mjs +0 -6
- package/es/menu/menu-item.mjs +0 -75
- package/es/menu/menu.mjs +0 -60
- package/es/node_modules/.pnpm/@vueuse_core@9.6.0_vue@3.2.41/node_modules/@vueuse/core/index.mjs +0 -6372
- package/es/node_modules/.pnpm/@vueuse_shared@9.6.0_vue@3.2.41/node_modules/@vueuse/shared/index.mjs +0 -1517
- package/es/panel/index.mjs +0 -6
- package/es/panel/panel.mjs +0 -55
- package/es/panel-tabs/index.mjs +0 -6
- package/es/panel-tabs/panel-tabs.mjs +0 -66
- package/es/pct-filter-panel/index.mjs +0 -10
- package/es/pct-filter-panel/pct-compents/index.mjs +0 -10
- package/es/pct-filter-panel/pct-compents/pct-Input-condition.mjs +0 -71
- package/es/pct-filter-panel/pct-compents/pct-date-range-condition.mjs +0 -74
- package/es/pct-filter-panel/pct-compents/pct-multiple-menu-condition.mjs +0 -186
- package/es/pct-filter-panel/pct-compents/pct-multiple-menu-condition2.mjs +0 -147
- package/es/pct-filter-panel/pct-filter-panel-item.mjs +0 -48
- package/es/pct-filter-panel/pct-filter-panel.mjs +0 -251
- package/es/pct-filter-panel/use-filter-panel-item.mjs +0 -56
- package/es/pct-filter-panel/use-filter-panel.mjs +0 -127
- package/es/plugins.mjs +0 -5
- package/es/progress/index.mjs +0 -10
- package/es/progress/progress-item.mjs +0 -68
- package/es/progress/progress.mjs +0 -74
- package/es/progress/use-progress.mjs +0 -46
- package/es/utils/db.mjs +0 -9
- package/es/utils.mjs +0 -99
- package/es/where-filter-panel/index.mjs +0 -1
- package/es/where-filter-panel/use-where-filter-panel.mjs +0 -18
- package/es/where-filter-panel/where-filter-panel.mjs +0 -17
- package/lib/_virtual/_plugin-vue_export-helper.js +0 -13
- package/lib/advance-select/advance-operation.js +0 -47
- package/lib/advance-select/advance-option.js +0 -129
- package/lib/advance-select/advance-select.js +0 -363
- package/lib/advance-select/events-helpers.js +0 -33
- package/lib/advance-select/index.js +0 -20
- package/lib/advance-select/use-advance-option.js +0 -47
- package/lib/advance-select/use-advance-select.js +0 -122
- package/lib/application-slot/application-slot.js +0 -55
- package/lib/application-slot/breadcrumb-item.js +0 -27
- package/lib/application-slot/header-tools-item.js +0 -27
- package/lib/application-slot/index.js +0 -23
- package/lib/breadcrumb-select/breadcrumb-select.js +0 -159
- package/lib/breadcrumb-select/index.js +0 -11
- package/lib/components.js +0 -26
- package/lib/contextmenu/contextmenu-item.js +0 -25
- package/lib/contextmenu/contextmenu.js +0 -68
- package/lib/contextmenu/index.js +0 -16
- package/lib/contextmenu/use-contextmenu.js +0 -89
- package/lib/data-form/data-form-item.js +0 -57
- package/lib/data-form/data-form.js +0 -179
- package/lib/data-form/dynamic-component.js +0 -27
- package/lib/data-form/form-components/Blots/AtBlot.js +0 -31
- package/lib/data-form/form-components/bwa-date-picker.js +0 -49
- package/lib/data-form/form-components/bwa-date-time-picker.js +0 -54
- package/lib/data-form/form-components/bwa-input-float.js +0 -47
- package/lib/data-form/form-components/bwa-input-integer.js +0 -60
- package/lib/data-form/form-components/bwa-input.js +0 -42
- package/lib/data-form/form-components/bwa-multi-select.js +0 -39
- package/lib/data-form/form-components/bwa-rich-text-tinymce.js +0 -242
- package/lib/data-form/form-components/bwa-rich-text.js +0 -333
- package/lib/data-form/form-components/bwa-select.js +0 -80
- package/lib/data-form/form-components/bwa-textarea.js +0 -37
- package/lib/data-form/form-components/bwa-upload.js +0 -163
- package/lib/data-form/form-components/bwa-user-multi-select.js +0 -34
- package/lib/data-form/form-components/bwa-user-select.js +0 -73
- package/lib/data-form/index.js +0 -40
- package/lib/data-table/data-column-view.js +0 -135
- package/lib/data-table/data-table-card.js +0 -122
- package/lib/data-table/data-table-column.js +0 -60
- package/lib/data-table/data-table.js +0 -373
- package/lib/data-table/dynamic-component.js +0 -56
- package/lib/data-table/index.js +0 -20
- package/lib/data-table/use-datatable-drag.js +0 -114
- package/lib/datatable-settings/datatable-settings.js +0 -313
- package/lib/datatable-settings/index.js +0 -11
- package/lib/date-range/date-picker.js +0 -136
- package/lib/date-range/date-range.js +0 -185
- package/lib/date-range/index.js +0 -11
- package/lib/drag-list/constants.js +0 -7
- package/lib/drag-list/drag-item.js +0 -53
- package/lib/drag-list/drag-list.js +0 -60
- package/lib/drag-list/index.js +0 -11
- package/lib/drag-list/use-drag-list.js +0 -158
- package/lib/dragable/constants.js +0 -9
- package/lib/dragable/dragable-item.js +0 -29
- package/lib/dragable/dragable-operation.js +0 -36
- package/lib/dragable/dragable.js +0 -35
- package/lib/dragable/index.js +0 -22
- package/lib/dragable/use-dragable.js +0 -138
- package/lib/filter-panel/conditions/condition.js +0 -34
- package/lib/filter-panel/conditions/date-range-condition.js +0 -50
- package/lib/filter-panel/conditions/department-condition/department-condition.js +0 -85
- package/lib/filter-panel/conditions/department-condition/department-node.js +0 -78
- package/lib/filter-panel/conditions/index.js +0 -26
- package/lib/filter-panel/conditions/input-condition.js +0 -87
- package/lib/filter-panel/conditions/multi-user-condition.js +0 -68
- package/lib/filter-panel/conditions/multiple-menu-condition.js +0 -45
- package/lib/filter-panel/conditions/single-menu-condition.js +0 -72
- package/lib/filter-panel/conditions/single-user-condition.js +0 -68
- package/lib/filter-panel/filter-panel-item.js +0 -51
- package/lib/filter-panel/filter-panel.js +0 -184
- package/lib/filter-panel/index.js +0 -20
- package/lib/filter-panel/use-filter-panel-item.js +0 -56
- package/lib/filter-panel/use-filter-panel.js +0 -139
- package/lib/hooks/use-data/index.js +0 -157
- package/lib/index.js +0 -60
- package/lib/layout/index.js +0 -11
- package/lib/layout/layout.js +0 -90
- package/lib/make-installer.js +0 -62
- package/lib/math/Rectangle.js +0 -29
- package/lib/menu/index.js +0 -11
- package/lib/menu/menu-item.js +0 -79
- package/lib/menu/menu.js +0 -64
- package/lib/node_modules/.pnpm/@vueuse_core@9.6.0_vue@3.2.41/node_modules/@vueuse/core/index.js +0 -6635
- package/lib/node_modules/.pnpm/@vueuse_shared@9.6.0_vue@3.2.41/node_modules/@vueuse/shared/index.js +0 -1628
- package/lib/panel/index.js +0 -11
- package/lib/panel/panel.js +0 -59
- package/lib/panel-tabs/index.js +0 -11
- package/lib/panel-tabs/panel-tabs.js +0 -70
- package/lib/pct-filter-panel/index.js +0 -14
- package/lib/pct-filter-panel/pct-compents/index.js +0 -16
- package/lib/pct-filter-panel/pct-compents/pct-Input-condition.js +0 -75
- package/lib/pct-filter-panel/pct-compents/pct-date-range-condition.js +0 -78
- package/lib/pct-filter-panel/pct-compents/pct-multiple-menu-condition.js +0 -190
- package/lib/pct-filter-panel/pct-compents/pct-multiple-menu-condition2.js +0 -151
- package/lib/pct-filter-panel/pct-filter-panel-item.js +0 -52
- package/lib/pct-filter-panel/pct-filter-panel.js +0 -255
- package/lib/pct-filter-panel/use-filter-panel-item.js +0 -60
- package/lib/pct-filter-panel/use-filter-panel.js +0 -131
- package/lib/plugins.js +0 -9
- package/lib/progress/index.js +0 -16
- package/lib/progress/progress-item.js +0 -72
- package/lib/progress/progress.js +0 -78
- package/lib/progress/use-progress.js +0 -51
- package/lib/utils/db.js +0 -17
- package/lib/utils.js +0 -110
- package/lib/where-filter-panel/index.js +0 -2
- package/lib/where-filter-panel/use-where-filter-panel.js +0 -22
- package/lib/where-filter-panel/where-filter-panel.js +0 -21
- package/style/advance-select.css +0 -1
- package/style/breadcrumb-select.css +0 -1
- package/style/common.css +0 -1
- package/style/contextmenu.css +0 -1
- package/style/data-form.css +0 -1
- package/style/data-table.css +0 -1
- package/style/datatable-settings.css +0 -1
- package/style/date-range.css +0 -1
- package/style/department-condition.css +0 -1
- package/style/drag-list.css +0 -1
- package/style/dragable.css +0 -1
- package/style/filter-panel.css +0 -1
- package/style/index.css +0 -1
- package/style/input-condition.css +0 -1
- package/style/layout.css +0 -1
- package/style/menu.css +0 -1
- package/style/panel-tabs.css +0 -1
- package/style/panel.css +0 -1
- package/style/pct-filter-panel.css +0 -1
- package/style/progress.css +0 -1
- package/style/rich-text.css +0 -1
- package/style/var.css +0 -1
- /package/style/{src/advance-select.scss → advance-select.scss} +0 -0
- /package/style/{src/breadcrumb-select.scss → breadcrumb-select.scss} +0 -0
- /package/style/{src/common → common}/var.scss +0 -0
- /package/style/{src/common.scss → common.scss} +0 -0
- /package/style/{src/contextmenu.scss → contextmenu.scss} +0 -0
- /package/style/{src/data-form.scss → data-form.scss} +0 -0
- /package/style/{src/data-table.scss → data-table.scss} +0 -0
- /package/style/{src/datatable-settings.scss → datatable-settings.scss} +0 -0
- /package/style/{src/date-range.scss → date-range.scss} +0 -0
- /package/style/{src/department-condition.scss → department-condition.scss} +0 -0
- /package/style/{src/drag-list.scss → drag-list.scss} +0 -0
- /package/style/{src/dragable.scss → dragable.scss} +0 -0
- /package/style/{src/filter-panel.scss → filter-panel.scss} +0 -0
- /package/style/{src/index.scss → index.scss} +0 -0
- /package/style/{src/input-condition.scss → input-condition.scss} +0 -0
- /package/style/{src/layout.scss → layout.scss} +0 -0
- /package/style/{src/menu.scss → menu.scss} +0 -0
- /package/style/{src/mixins → mixins}/_var.scss +0 -0
- /package/style/{src/mixins → mixins}/config.scss +0 -0
- /package/style/{src/mixins → mixins}/function.scss +0 -0
- /package/style/{src/mixins → mixins}/mixins.scss +0 -0
- /package/style/{src/panel-tabs.scss → panel-tabs.scss} +0 -0
- /package/style/{src/panel.scss → panel.scss} +0 -0
- /package/style/{src/pct-filter-panel.scss → pct-filter-panel.scss} +0 -0
- /package/style/{src/progress.scss → progress.scss} +0 -0
- /package/style/{src/rich-text.scss → rich-text.scss} +0 -0
- /package/style/{src/theme → theme}/theme.scss +0 -0
- /package/style/{src/theme → theme}/var.scss +0 -0
- /package/style/{src/var.scss → var.scss} +0 -0
|
@@ -1,251 +0,0 @@
|
|
|
1
|
-
import { defineComponent, watch, provide, reactive, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, Fragment, renderList, createVNode, withCtx, createBlock, createCommentVNode, normalizeStyle, toDisplayString, isRef, createElementVNode, withModifiers, createTextVNode } from 'vue';
|
|
2
|
-
import { useNamespace, filterPanelKey } from '@ctzy-web-client/web-base-client-vue';
|
|
3
|
-
import { useFilterPanel } from './use-filter-panel.mjs';
|
|
4
|
-
import PctFilterPanelItem from './pct-filter-panel-item.mjs';
|
|
5
|
-
import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
|
|
6
|
-
|
|
7
|
-
const __default__ = defineComponent({
|
|
8
|
-
name: "BwaPctFilterPanel"
|
|
9
|
-
});
|
|
10
|
-
const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
11
|
-
props: {
|
|
12
|
-
dataTable: {
|
|
13
|
-
type: Object
|
|
14
|
-
},
|
|
15
|
-
showSearch: {
|
|
16
|
-
type: Boolean,
|
|
17
|
-
default: false
|
|
18
|
-
},
|
|
19
|
-
showFieldOptions: {
|
|
20
|
-
type: Boolean,
|
|
21
|
-
default: true
|
|
22
|
-
},
|
|
23
|
-
searchAttr: {
|
|
24
|
-
type: String,
|
|
25
|
-
default: "search"
|
|
26
|
-
},
|
|
27
|
-
searchPlaceholder: {
|
|
28
|
-
type: String,
|
|
29
|
-
default: ""
|
|
30
|
-
},
|
|
31
|
-
searchFields: {
|
|
32
|
-
type: Array,
|
|
33
|
-
default: () => []
|
|
34
|
-
},
|
|
35
|
-
showTitle: {
|
|
36
|
-
type: Boolean,
|
|
37
|
-
default: false
|
|
38
|
-
},
|
|
39
|
-
searchTitle: {
|
|
40
|
-
type: String,
|
|
41
|
-
default: "\u6807\u9898\u540D\u79F0"
|
|
42
|
-
},
|
|
43
|
-
filterPanelLineNum: {
|
|
44
|
-
type: Number
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
emits: ["reset", "filter"],
|
|
48
|
-
setup(__props, { emit }) {
|
|
49
|
-
const props = __props;
|
|
50
|
-
const ns = useNamespace("pctfilterpanel");
|
|
51
|
-
const {
|
|
52
|
-
dataTable,
|
|
53
|
-
filterPanel,
|
|
54
|
-
currentFilterColumns,
|
|
55
|
-
selectedColumnAttrNames,
|
|
56
|
-
closableColumns,
|
|
57
|
-
searchParams,
|
|
58
|
-
handleFieldSearch,
|
|
59
|
-
searchValue,
|
|
60
|
-
isChange,
|
|
61
|
-
handleReset,
|
|
62
|
-
handleSearch
|
|
63
|
-
} = useFilterPanel(props, { emit });
|
|
64
|
-
console.log(currentFilterColumns);
|
|
65
|
-
watch(
|
|
66
|
-
filterPanel,
|
|
67
|
-
(filterPanel2, _, onCleanup) => {
|
|
68
|
-
filterPanel2.existComponent = true;
|
|
69
|
-
onCleanup(() => {
|
|
70
|
-
filterPanel2.existComponent = false;
|
|
71
|
-
});
|
|
72
|
-
},
|
|
73
|
-
{ immediate: true }
|
|
74
|
-
);
|
|
75
|
-
provide(
|
|
76
|
-
filterPanelKey,
|
|
77
|
-
reactive({
|
|
78
|
-
dataTable,
|
|
79
|
-
filterPanel,
|
|
80
|
-
currentFilterColumns,
|
|
81
|
-
showTitle: props.showTitle,
|
|
82
|
-
filterPanelLineNum: props.filterPanelLineNum
|
|
83
|
-
})
|
|
84
|
-
);
|
|
85
|
-
return (_ctx, _cache) => {
|
|
86
|
-
const _component_BwaPctMultipleMenuCondition = resolveComponent("BwaPctMultipleMenuCondition");
|
|
87
|
-
const _component_BwaPctInputCondition = resolveComponent("BwaPctInputCondition");
|
|
88
|
-
const _component_BwaPctDateRangeCondition = resolveComponent("BwaPctDateRangeCondition");
|
|
89
|
-
const _component_ElInput = resolveComponent("ElInput");
|
|
90
|
-
const _component_ElButton = resolveComponent("ElButton");
|
|
91
|
-
const _component_ElCheckbox = resolveComponent("ElCheckbox");
|
|
92
|
-
const _component_BwaAdvanceOption = resolveComponent("BwaAdvanceOption");
|
|
93
|
-
const _component_BwaAdvanceSelect = resolveComponent("BwaAdvanceSelect");
|
|
94
|
-
return openBlock(), createElementBlock("div", {
|
|
95
|
-
class: normalizeClass(unref(ns).b())
|
|
96
|
-
}, [
|
|
97
|
-
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
98
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(currentFilterColumns), (column) => {
|
|
99
|
-
return renderSlot(_ctx.$slots, `condition-${column.attrName}`, {
|
|
100
|
-
key: column.attrName,
|
|
101
|
-
attrName: column.attrName
|
|
102
|
-
}, () => [
|
|
103
|
-
createVNode(PctFilterPanelItem, {
|
|
104
|
-
prop: column.fullAttrName
|
|
105
|
-
}, {
|
|
106
|
-
default: withCtx(({ data }) => {
|
|
107
|
-
var _a, _b;
|
|
108
|
-
return [
|
|
109
|
-
!column.component || column.component === "BwaMultipleMenuCondition" || column.component === "BwaSingleMenuCondition" ? (openBlock(), createBlock(_component_BwaPctMultipleMenuCondition, {
|
|
110
|
-
key: 0,
|
|
111
|
-
modelValue: data.value,
|
|
112
|
-
"onUpdate:modelValue": ($event) => data.value = $event,
|
|
113
|
-
column,
|
|
114
|
-
multiple: column.component !== "BwaSingleMenuCondition",
|
|
115
|
-
showTitle: props.showTitle,
|
|
116
|
-
showSearch: (_a = column.componentProps) == null ? void 0 : _a.showSearch,
|
|
117
|
-
options: ((_b = column.componentProps) == null ? void 0 : _b.options) || []
|
|
118
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue", "column", "multiple", "showTitle", "showSearch", "options"])) : createCommentVNode("v-if", true),
|
|
119
|
-
column.component === "BwaInputCondition" ? (openBlock(), createBlock(_component_BwaPctInputCondition, {
|
|
120
|
-
key: 1,
|
|
121
|
-
modelValue: data.value,
|
|
122
|
-
"onUpdate:modelValue": ($event) => data.value = $event,
|
|
123
|
-
column,
|
|
124
|
-
showTitle: props.showTitle
|
|
125
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue", "column", "showTitle"])) : createCommentVNode("v-if", true),
|
|
126
|
-
column.component === "BwaDateRangeCondition" ? (openBlock(), createBlock(_component_BwaPctDateRangeCondition, {
|
|
127
|
-
key: 2,
|
|
128
|
-
modelValue: data.value,
|
|
129
|
-
"onUpdate:modelValue": ($event) => data.value = $event,
|
|
130
|
-
showTitle: props.showTitle
|
|
131
|
-
}, null, 8, ["modelValue", "onUpdate:modelValue", "showTitle"])) : createCommentVNode("v-if", true)
|
|
132
|
-
];
|
|
133
|
-
}),
|
|
134
|
-
_: 2
|
|
135
|
-
}, 1032, ["prop"])
|
|
136
|
-
]);
|
|
137
|
-
}), 128))
|
|
138
|
-
]),
|
|
139
|
-
__props.showSearch ? (openBlock(), createElementBlock("div", {
|
|
140
|
-
key: 0,
|
|
141
|
-
style: normalizeStyle([{ "display": "flex", "align-items": "center", "padding-right": "20px", "box-sizing": "border-box" }, {
|
|
142
|
-
"width": props.filterPanelLineNum ? (100 / props.filterPanelLineNum).toFixed(2) + "%" : props.showTitle ? "25%" : "20%"
|
|
143
|
-
}])
|
|
144
|
-
}, [
|
|
145
|
-
__props.showTitle ? (openBlock(), createElementBlock("div", {
|
|
146
|
-
key: 0,
|
|
147
|
-
class: normalizeClass(unref(ns).e("title")),
|
|
148
|
-
style: { "padding-right": "8px" }
|
|
149
|
-
}, toDisplayString(__props.searchTitle), 3)) : createCommentVNode("v-if", true),
|
|
150
|
-
createVNode(_component_ElInput, {
|
|
151
|
-
"prefix-icon": "Search",
|
|
152
|
-
size: "small",
|
|
153
|
-
clearable: "",
|
|
154
|
-
modelValue: unref(searchValue),
|
|
155
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(searchValue) ? searchValue.value = $event : null),
|
|
156
|
-
placeholder: __props.searchPlaceholder,
|
|
157
|
-
class: normalizeClass(unref(ns).e("search"))
|
|
158
|
-
}, null, 8, ["modelValue", "placeholder", "class"])
|
|
159
|
-
], 4)) : createCommentVNode("v-if", true),
|
|
160
|
-
__props.showFieldOptions ? (openBlock(), createBlock(PctFilterPanelItem, {
|
|
161
|
-
key: 1,
|
|
162
|
-
style: { "width": "auto", "padding-right": "16px" }
|
|
163
|
-
}, {
|
|
164
|
-
default: withCtx(() => [
|
|
165
|
-
__props.showFieldOptions ? (openBlock(), createBlock(_component_BwaAdvanceSelect, {
|
|
166
|
-
key: 0,
|
|
167
|
-
modelValue: unref(selectedColumnAttrNames),
|
|
168
|
-
"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(selectedColumnAttrNames) ? selectedColumnAttrNames.value = $event : null),
|
|
169
|
-
"show-selectIcon": false,
|
|
170
|
-
onSearch: unref(handleFieldSearch),
|
|
171
|
-
class: normalizeClass(unref(ns).e("options")),
|
|
172
|
-
source: "pct"
|
|
173
|
-
}, {
|
|
174
|
-
"reference-content": withCtx(() => [
|
|
175
|
-
createVNode(_component_ElButton, {
|
|
176
|
-
size: "small",
|
|
177
|
-
class: normalizeClass(unref(ns).e("filterBut"))
|
|
178
|
-
}, {
|
|
179
|
-
default: withCtx(() => [
|
|
180
|
-
createElementVNode("div", {
|
|
181
|
-
class: normalizeClass(unref(ns).be("filter", "plus"))
|
|
182
|
-
}, null, 2),
|
|
183
|
-
createElementVNode("span", {
|
|
184
|
-
class: normalizeClass(unref(ns).be("filter", "label"))
|
|
185
|
-
}, " \u7B5B\u9009 ", 2)
|
|
186
|
-
]),
|
|
187
|
-
_: 1
|
|
188
|
-
}, 8, ["class"])
|
|
189
|
-
]),
|
|
190
|
-
default: withCtx(() => [
|
|
191
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(closableColumns), (column) => {
|
|
192
|
-
return openBlock(), createBlock(_component_BwaAdvanceOption, {
|
|
193
|
-
value: column.fullAttrName,
|
|
194
|
-
label: column.title,
|
|
195
|
-
key: column.fullAttrName,
|
|
196
|
-
class: normalizeClass(unref(ns).be("filter", "option"))
|
|
197
|
-
}, {
|
|
198
|
-
default: withCtx(() => [
|
|
199
|
-
createVNode(_component_ElCheckbox, {
|
|
200
|
-
onClick: _cache[1] || (_cache[1] = withModifiers(() => {
|
|
201
|
-
}, ["prevent"])),
|
|
202
|
-
modelValue: unref(selectedColumnAttrNames).includes(column.fullAttrName),
|
|
203
|
-
class: normalizeClass(unref(ns).be("filter", "checkbox"))
|
|
204
|
-
}, {
|
|
205
|
-
default: withCtx(() => [
|
|
206
|
-
createTextVNode(toDisplayString(column.title), 1)
|
|
207
|
-
]),
|
|
208
|
-
_: 2
|
|
209
|
-
}, 1032, ["modelValue", "class"]),
|
|
210
|
-
createElementVNode("span", {
|
|
211
|
-
class: normalizeClass(unref(ns).be("filter", "title"))
|
|
212
|
-
}, toDisplayString(column.componentTitle), 3)
|
|
213
|
-
]),
|
|
214
|
-
_: 2
|
|
215
|
-
}, 1032, ["value", "label", "class"]);
|
|
216
|
-
}), 128))
|
|
217
|
-
]),
|
|
218
|
-
_: 1
|
|
219
|
-
}, 8, ["modelValue", "onSearch", "class"])) : createCommentVNode("v-if", true)
|
|
220
|
-
]),
|
|
221
|
-
_: 1
|
|
222
|
-
})) : createCommentVNode("v-if", true),
|
|
223
|
-
createVNode(_component_ElButton, {
|
|
224
|
-
size: "small",
|
|
225
|
-
type: "primary",
|
|
226
|
-
class: normalizeClass(unref(ns).e("reset")),
|
|
227
|
-
onClick: unref(handleSearch)
|
|
228
|
-
}, {
|
|
229
|
-
default: withCtx(() => [
|
|
230
|
-
createTextVNode(" \u67E5\u8BE2 ")
|
|
231
|
-
]),
|
|
232
|
-
_: 1
|
|
233
|
-
}, 8, ["class", "onClick"]),
|
|
234
|
-
createVNode(_component_ElButton, {
|
|
235
|
-
size: "small",
|
|
236
|
-
class: normalizeClass(unref(ns).e("reset")),
|
|
237
|
-
onClick: unref(handleReset)
|
|
238
|
-
}, {
|
|
239
|
-
default: withCtx(() => [
|
|
240
|
-
createTextVNode(" \u91CD\u7F6E ")
|
|
241
|
-
]),
|
|
242
|
-
_: 1
|
|
243
|
-
}, 8, ["class", "onClick"]),
|
|
244
|
-
renderSlot(_ctx.$slots, "button")
|
|
245
|
-
], 2);
|
|
246
|
-
};
|
|
247
|
-
}
|
|
248
|
-
});
|
|
249
|
-
var PctFilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "pct-filter-panel.vue"]]);
|
|
250
|
-
|
|
251
|
-
export { PctFilterPanel as default };
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { inject, computed, unref, onMounted, onBeforeUnmount } from 'vue';
|
|
2
|
-
import { filterPanelKey } from '@ctzy-web-client/web-base-client-vue';
|
|
3
|
-
|
|
4
|
-
const useFilterPanelItem = (props) => {
|
|
5
|
-
const filterPanelContext = inject(filterPanelKey);
|
|
6
|
-
const showTitle = computed(() => filterPanelContext.showTitle);
|
|
7
|
-
const filterPanelLineNum = computed(() => filterPanelContext.filterPanelLineNum);
|
|
8
|
-
const filterPanel = computed(() => filterPanelContext.filterPanel);
|
|
9
|
-
const column = computed(() => {
|
|
10
|
-
if (!unref(filterPanel)) {
|
|
11
|
-
return null;
|
|
12
|
-
}
|
|
13
|
-
return unref(filterPanel).getColumn(props.prop);
|
|
14
|
-
});
|
|
15
|
-
const value = computed({
|
|
16
|
-
get: () => {
|
|
17
|
-
if (!unref(column)) {
|
|
18
|
-
return null;
|
|
19
|
-
}
|
|
20
|
-
return unref(filterPanel).getFilterParam(unref(column));
|
|
21
|
-
},
|
|
22
|
-
set: (v) => {
|
|
23
|
-
if (!unref(column)) {
|
|
24
|
-
return;
|
|
25
|
-
}
|
|
26
|
-
unref(filterPanel).setFilterParam(unref(column), v, false);
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
const allowClose = computed(() => {
|
|
30
|
-
var _a;
|
|
31
|
-
return props.close || !!((_a = unref(column)) == null ? void 0 : _a.closable);
|
|
32
|
-
});
|
|
33
|
-
const closeHandle = () => {
|
|
34
|
-
if (!unref(column)) {
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
unref(filterPanel).closeColumn(unref(column));
|
|
38
|
-
unref(filterPanel).dataTable.refresh();
|
|
39
|
-
};
|
|
40
|
-
onMounted(() => {
|
|
41
|
-
unref(filterPanel).changeOriginFilterParams();
|
|
42
|
-
});
|
|
43
|
-
onBeforeUnmount(() => {
|
|
44
|
-
unref(filterPanel).changeOriginFilterParams();
|
|
45
|
-
});
|
|
46
|
-
return {
|
|
47
|
-
value,
|
|
48
|
-
column,
|
|
49
|
-
allowClose,
|
|
50
|
-
closeHandle,
|
|
51
|
-
showTitle,
|
|
52
|
-
filterPanelLineNum
|
|
53
|
-
};
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
export { useFilterPanelItem };
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
import { useProp } from 'element-plus';
|
|
2
|
-
import { useService, useEventDispatcher, useValue } from '@ctzy-web-client/web-base-client-vue';
|
|
3
|
-
import { computed, unref, watch, nextTick, onBeforeUnmount, getCurrentInstance } from 'vue';
|
|
4
|
-
import { Observable } from 'rxjs';
|
|
5
|
-
import { dataModelDB } from '../utils/db.mjs';
|
|
6
|
-
|
|
7
|
-
const useFilterPanel = (props, context) => {
|
|
8
|
-
var _a;
|
|
9
|
-
const dataTable = useProp("dataTable");
|
|
10
|
-
const filterPanel = computed(() => unref(dataTable).filterPanel);
|
|
11
|
-
const filterPanelTable = dataModelDB.filterPanel;
|
|
12
|
-
const currentFilterColumns = computed(() => unref(filterPanel).getAppliedColumns());
|
|
13
|
-
const userService = useService("UserService");
|
|
14
|
-
const _userID = ((_a = userService == null ? void 0 : userService.userInfo) == null ? void 0 : _a.id) || "0";
|
|
15
|
-
const searchParams = computed(() => unref(filterPanel)._filterParams);
|
|
16
|
-
const selectedColumnAttrNames = computed({
|
|
17
|
-
get: () => unref(filterPanel).getSelectedColumnAttrNames(),
|
|
18
|
-
set: (v) => {
|
|
19
|
-
const oldSelectedColumnAttrNames = selectedColumnAttrNames.value;
|
|
20
|
-
unref(filterPanel).setSelectedColumnAttrNames(v);
|
|
21
|
-
if (unref(filterPanel).ready) {
|
|
22
|
-
const existsOldAttrNames = oldSelectedColumnAttrNames.filter((attrName) => v.includes(attrName));
|
|
23
|
-
if (existsOldAttrNames.length < oldSelectedColumnAttrNames.length) {
|
|
24
|
-
unref(dataTable).refresh();
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
const closableColumns = computed(() => unref(filterPanel).getSearchClosableColumns());
|
|
30
|
-
const searchValue = computed({
|
|
31
|
-
get: () => unref(filterPanel).getSearchValue(),
|
|
32
|
-
set: (v) => unref(filterPanel).setSeachValue(v, false)
|
|
33
|
-
});
|
|
34
|
-
const isChange = computed(() => unref(filterPanel).isChange());
|
|
35
|
-
watch(useProp("searchAttr"), (searchAttr) => {
|
|
36
|
-
unref(filterPanel).setSearchAttr(searchAttr);
|
|
37
|
-
}, {
|
|
38
|
-
immediate: true
|
|
39
|
-
});
|
|
40
|
-
watch(useProp("searchFields"), (searchFields) => {
|
|
41
|
-
unref(filterPanel).setSearchFields(searchFields);
|
|
42
|
-
}, {
|
|
43
|
-
immediate: true
|
|
44
|
-
});
|
|
45
|
-
const handleFieldSearch = (value) => {
|
|
46
|
-
unref(filterPanel).fieldSearchValue = value;
|
|
47
|
-
};
|
|
48
|
-
const handleReset = () => {
|
|
49
|
-
unref(filterPanel).resetFilterParams();
|
|
50
|
-
context.emit("reset");
|
|
51
|
-
};
|
|
52
|
-
const handleSearch = () => {
|
|
53
|
-
dataTable.value.load();
|
|
54
|
-
};
|
|
55
|
-
useEventDispatcher(filterPanel, "params-change", () => {
|
|
56
|
-
const _filterPanel = unref(filterPanel);
|
|
57
|
-
context.emit("filter", {
|
|
58
|
-
..._filterPanel.getFilterParams(),
|
|
59
|
-
[_filterPanel.getSearchAttr()]: _filterPanel.getSearchValue()
|
|
60
|
-
});
|
|
61
|
-
});
|
|
62
|
-
const appName = useValue("AppName");
|
|
63
|
-
const selectedColumnChangeSubscription = new Observable((observer) => useEventDispatcher(filterPanel, "selected-column-change", observer.next.bind(observer))).subscribe(async () => {
|
|
64
|
-
var _a2;
|
|
65
|
-
const _appName = unref(appName);
|
|
66
|
-
const _tableName = unref(dataTable).name;
|
|
67
|
-
let result = await filterPanelTable.where("[app+tableName+userID]").equals([_appName, _tableName, _userID]).toArray();
|
|
68
|
-
let filterPanelOrder = result.length ? (_a2 = result[0].order) != null ? _a2 : [] : [];
|
|
69
|
-
const attrNames = unref(filterPanel).getSelectedColumnAttrNames();
|
|
70
|
-
attrNames.sort((a1, a2) => {
|
|
71
|
-
const index1 = filterPanelOrder.indexOf(a1);
|
|
72
|
-
const index2 = filterPanelOrder.indexOf(a2);
|
|
73
|
-
if (index1 === -1 && index2 === -1) {
|
|
74
|
-
return 1;
|
|
75
|
-
}
|
|
76
|
-
if (index1 === -1) {
|
|
77
|
-
return 1;
|
|
78
|
-
}
|
|
79
|
-
if (index2 === -1) {
|
|
80
|
-
return -1;
|
|
81
|
-
}
|
|
82
|
-
return index1 - index2;
|
|
83
|
-
});
|
|
84
|
-
filterPanelTable.put({
|
|
85
|
-
app: _appName,
|
|
86
|
-
tableName: _tableName,
|
|
87
|
-
userID: _userID,
|
|
88
|
-
order: attrNames
|
|
89
|
-
});
|
|
90
|
-
});
|
|
91
|
-
const loadFilterPanelItemOrder = () => {
|
|
92
|
-
filterPanelTable.where("[app+tableName+userID]").equals([unref(appName), unref(dataTable).name, _userID]).toArray((res) => {
|
|
93
|
-
var _a2, _b;
|
|
94
|
-
selectedColumnAttrNames.value = (_b = (_a2 = res[0]) == null ? void 0 : _a2.order) != null ? _b : [];
|
|
95
|
-
nextTick(() => {
|
|
96
|
-
unref(filterPanel).ready = true;
|
|
97
|
-
unref(filterPanel).changeOriginFilterParams();
|
|
98
|
-
unref(filterPanel).changeOriginSearchValue();
|
|
99
|
-
});
|
|
100
|
-
});
|
|
101
|
-
};
|
|
102
|
-
if (!unref(filterPanel).isInited) {
|
|
103
|
-
useEventDispatcher(filterPanel, "initCompleted", loadFilterPanelItemOrder);
|
|
104
|
-
} else {
|
|
105
|
-
loadFilterPanelItemOrder();
|
|
106
|
-
}
|
|
107
|
-
onBeforeUnmount(() => {
|
|
108
|
-
selectedColumnChangeSubscription.unsubscribe();
|
|
109
|
-
});
|
|
110
|
-
const columns = computed(() => unref(filterPanel).getColumns());
|
|
111
|
-
const instance = getCurrentInstance();
|
|
112
|
-
return {
|
|
113
|
-
dataTable,
|
|
114
|
-
filterPanel,
|
|
115
|
-
currentFilterColumns,
|
|
116
|
-
searchParams,
|
|
117
|
-
selectedColumnAttrNames,
|
|
118
|
-
closableColumns,
|
|
119
|
-
handleFieldSearch,
|
|
120
|
-
searchValue,
|
|
121
|
-
isChange,
|
|
122
|
-
handleReset,
|
|
123
|
-
handleSearch
|
|
124
|
-
};
|
|
125
|
-
};
|
|
126
|
-
|
|
127
|
-
export { useFilterPanel };
|
package/es/plugins.mjs
DELETED
package/es/progress/index.mjs
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { withInstall } from 'element-plus/es/utils/vue/install';
|
|
2
|
-
import Progress from './progress.mjs';
|
|
3
|
-
import ProgressItem from './progress-item.mjs';
|
|
4
|
-
|
|
5
|
-
const BwaProgress = withInstall(Progress, {
|
|
6
|
-
ProgressItem
|
|
7
|
-
});
|
|
8
|
-
const BwaProgressItem = withInstall(ProgressItem);
|
|
9
|
-
|
|
10
|
-
export { BwaProgress, BwaProgressItem, BwaProgress as default };
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { defineComponent, toRefs, ref, inject, computed, unref, useAttrs, watch, nextTick, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, normalizeStyle } from 'vue';
|
|
2
|
-
import { Observable, delayWhen, from, map, combineLatest } from 'rxjs';
|
|
3
|
-
import { useNamespace, progressKey } from '@ctzy-web-client/web-base-client-vue';
|
|
4
|
-
import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
|
|
5
|
-
|
|
6
|
-
const __default__ = defineComponent({ name: "BwaProgressItem" });
|
|
7
|
-
const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
8
|
-
props: {
|
|
9
|
-
width: { type: Number, default: 0 },
|
|
10
|
-
label: { type: String, required: true }
|
|
11
|
-
},
|
|
12
|
-
setup(__props) {
|
|
13
|
-
const props = __props;
|
|
14
|
-
const { width, label } = toRefs(props);
|
|
15
|
-
const ns = useNamespace("progress-item");
|
|
16
|
-
const progressItemEl = ref(null);
|
|
17
|
-
const progress = inject(progressKey);
|
|
18
|
-
const percent = computed(() => unref(width) / progress.max * 100 + "%");
|
|
19
|
-
const attrs = useAttrs();
|
|
20
|
-
const id = progress.nextID();
|
|
21
|
-
const colorObservable = new Observable(
|
|
22
|
-
(observer) => watch(
|
|
23
|
-
computed(() => attrs.style["--bwa-progress-item-color"]),
|
|
24
|
-
observer.next.bind(observer),
|
|
25
|
-
{ immediate: true }
|
|
26
|
-
)
|
|
27
|
-
).pipe(delayWhen(() => from(nextTick())));
|
|
28
|
-
const widthObservable = new Observable(
|
|
29
|
-
(observer) => watch(width, observer.next.bind(observer), { immediate: true })
|
|
30
|
-
).pipe(map((width2) => parseInt(width2) || 0));
|
|
31
|
-
const labelObservable = new Observable(
|
|
32
|
-
(observer) => watch(label, observer.next.bind(observer), { immediate: true })
|
|
33
|
-
).pipe();
|
|
34
|
-
const progressItemObservable = combineLatest([
|
|
35
|
-
widthObservable,
|
|
36
|
-
labelObservable,
|
|
37
|
-
colorObservable
|
|
38
|
-
]);
|
|
39
|
-
const subscription = progressItemObservable.subscribe({
|
|
40
|
-
next: ([width2, label2, color]) => {
|
|
41
|
-
progress.handleProgressItemCreate({
|
|
42
|
-
id,
|
|
43
|
-
width: width2,
|
|
44
|
-
label: label2,
|
|
45
|
-
color
|
|
46
|
-
});
|
|
47
|
-
},
|
|
48
|
-
complete: () => {
|
|
49
|
-
progress.handleProgressItemDestroy(id);
|
|
50
|
-
},
|
|
51
|
-
error: () => {
|
|
52
|
-
progress.handleProgressItemDestroy(id);
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
onBeforeUnmount(subscription.unsubscribe.bind(subscription));
|
|
56
|
-
return (_ctx, _cache) => {
|
|
57
|
-
return openBlock(), createElementBlock("div", {
|
|
58
|
-
class: normalizeClass(unref(ns).b()),
|
|
59
|
-
style: normalizeStyle({ width: unref(percent) }),
|
|
60
|
-
ref_key: "progressItemEl",
|
|
61
|
-
ref: progressItemEl
|
|
62
|
-
}, null, 6);
|
|
63
|
-
};
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
var ProgressItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "progress-item.vue"]]);
|
|
67
|
-
|
|
68
|
-
export { ProgressItem as default };
|
package/es/progress/progress.mjs
DELETED
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { defineComponent, toRefs, provide, reactive, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, createElementBlock, Fragment, renderList, normalizeStyle, toDisplayString, renderSlot, createCommentVNode } from 'vue';
|
|
2
|
-
import { ElTooltip } from 'element-plus';
|
|
3
|
-
import { useNamespace, progressKey } from '@ctzy-web-client/web-base-client-vue';
|
|
4
|
-
import { useProgressState, useProgress } from './use-progress.mjs';
|
|
5
|
-
import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
|
|
6
|
-
|
|
7
|
-
const __default__ = defineComponent({ name: "BwaProgress" });
|
|
8
|
-
const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
9
|
-
props: {
|
|
10
|
-
max: { type: Number, default: 0 },
|
|
11
|
-
showLabel: { type: Boolean, default: true },
|
|
12
|
-
labelWidth: { type: String, default: "auto" }
|
|
13
|
-
},
|
|
14
|
-
setup(__props) {
|
|
15
|
-
const props = __props;
|
|
16
|
-
const { max } = toRefs(props);
|
|
17
|
-
const ns = useNamespace("progress");
|
|
18
|
-
const states = useProgressState(props);
|
|
19
|
-
const { percent, handleProgressItemCreate, handleProgressItemDestroy, nextID } = useProgress(props, states);
|
|
20
|
-
provide(
|
|
21
|
-
progressKey,
|
|
22
|
-
reactive({ max, handleProgressItemCreate, handleProgressItemDestroy, nextID })
|
|
23
|
-
);
|
|
24
|
-
return (_ctx, _cache) => {
|
|
25
|
-
return openBlock(), createBlock(unref(ElTooltip), {
|
|
26
|
-
placement: "bottom-start",
|
|
27
|
-
effect: "light",
|
|
28
|
-
"append-to": ".bwa-application"
|
|
29
|
-
}, {
|
|
30
|
-
content: withCtx(() => [
|
|
31
|
-
createElementVNode("div", {
|
|
32
|
-
class: normalizeClass(unref(ns).be("info", "wrapper"))
|
|
33
|
-
}, [
|
|
34
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(unref(states).progressItemList, (item) => {
|
|
35
|
-
return openBlock(), createElementBlock("div", {
|
|
36
|
-
key: item.id,
|
|
37
|
-
class: normalizeClass(unref(ns).be("item", "info")),
|
|
38
|
-
style: normalizeStyle({ "--bwa-progress-item-dot-color": item.color })
|
|
39
|
-
}, [
|
|
40
|
-
createElementVNode("span", {
|
|
41
|
-
class: normalizeClass(unref(ns).be("item", "label"))
|
|
42
|
-
}, toDisplayString(item.label), 3),
|
|
43
|
-
createElementVNode("span", {
|
|
44
|
-
class: normalizeClass(unref(ns).be("item", "value"))
|
|
45
|
-
}, toDisplayString(item.width), 3)
|
|
46
|
-
], 6);
|
|
47
|
-
}), 128))
|
|
48
|
-
], 2)
|
|
49
|
-
]),
|
|
50
|
-
default: withCtx(() => [
|
|
51
|
-
createElementVNode("div", {
|
|
52
|
-
class: normalizeClass(unref(ns).b())
|
|
53
|
-
}, [
|
|
54
|
-
createElementVNode("div", {
|
|
55
|
-
class: normalizeClass(unref(ns).e("inner")),
|
|
56
|
-
style: normalizeStyle({ "--bwa-progress-width": unref(max) })
|
|
57
|
-
}, [
|
|
58
|
-
renderSlot(_ctx.$slots, "default")
|
|
59
|
-
], 6),
|
|
60
|
-
__props.showLabel ? (openBlock(), createElementBlock("div", {
|
|
61
|
-
key: 0,
|
|
62
|
-
class: normalizeClass(unref(ns).e("percent")),
|
|
63
|
-
style: normalizeStyle({ "--bwa-progress-label-width": __props.labelWidth })
|
|
64
|
-
}, toDisplayString(unref(percent)) + "% ", 7)) : createCommentVNode("v-if", true)
|
|
65
|
-
], 2)
|
|
66
|
-
]),
|
|
67
|
-
_: 3
|
|
68
|
-
});
|
|
69
|
-
};
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
|
-
var Progress = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "progress.vue"]]);
|
|
73
|
-
|
|
74
|
-
export { Progress as default };
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { reactive, computed, unref } from 'vue';
|
|
2
|
-
|
|
3
|
-
let uid = 1;
|
|
4
|
-
const useProgressState = (props) => reactive({
|
|
5
|
-
progressItemList: []
|
|
6
|
-
});
|
|
7
|
-
const useProgress = (props, states) => {
|
|
8
|
-
const max = computed(() => parseFloat(props.max));
|
|
9
|
-
const percent = computed(() => {
|
|
10
|
-
const total = states.progressItemList.reduce((result, progressItem) => result + progressItem.width, 0);
|
|
11
|
-
if (unref(max) === 0 || isNaN(unref(max))) {
|
|
12
|
-
return 0;
|
|
13
|
-
}
|
|
14
|
-
return parseInt(total / unref(max) * 100);
|
|
15
|
-
});
|
|
16
|
-
const removeProgressItem = (id) => {
|
|
17
|
-
states.progressItemList = states.progressItemList.filter((item) => item.id === id);
|
|
18
|
-
};
|
|
19
|
-
const addProgressItem = (progressItem) => {
|
|
20
|
-
const index = states.progressItemList.findIndex((item) => item.id === progressItem.id);
|
|
21
|
-
if (index !== -1) {
|
|
22
|
-
}
|
|
23
|
-
if (index === -1) {
|
|
24
|
-
states.progressItemList.push(progressItem);
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
|
-
states.progressItemList.splice(index, 1, progressItem);
|
|
28
|
-
};
|
|
29
|
-
const handleProgressItemCreate = (progressItem) => {
|
|
30
|
-
addProgressItem(progressItem);
|
|
31
|
-
};
|
|
32
|
-
const handleProgressItemDestroy = (id) => {
|
|
33
|
-
removeProgressItem(id);
|
|
34
|
-
};
|
|
35
|
-
const nextID = () => {
|
|
36
|
-
return uid++;
|
|
37
|
-
};
|
|
38
|
-
return {
|
|
39
|
-
percent,
|
|
40
|
-
handleProgressItemCreate,
|
|
41
|
-
handleProgressItemDestroy,
|
|
42
|
-
nextID
|
|
43
|
-
};
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
export { useProgress, useProgressState };
|