@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.
Files changed (272) hide show
  1. package/es/_virtual/_plugin-vue_export-helper.mjs +9 -0
  2. package/es/advance-select/advance-operation.mjs +43 -0
  3. package/es/advance-select/advance-option.mjs +125 -0
  4. package/es/advance-select/advance-select.mjs +359 -0
  5. package/es/advance-select/events-helpers.mjs +29 -0
  6. package/es/advance-select/index.mjs +13 -0
  7. package/es/advance-select/use-advance-option.mjs +43 -0
  8. package/es/advance-select/use-advance-select.mjs +117 -0
  9. package/es/application-slot/application-slot.mjs +51 -0
  10. package/es/application-slot/breadcrumb-item.mjs +23 -0
  11. package/es/application-slot/header-tools-item.mjs +23 -0
  12. package/es/application-slot/index.mjs +16 -0
  13. package/es/breadcrumb-select/breadcrumb-select.mjs +155 -0
  14. package/es/breadcrumb-select/index.mjs +6 -0
  15. package/es/components.mjs +22 -0
  16. package/es/contextmenu/contextmenu-item.mjs +21 -0
  17. package/es/contextmenu/contextmenu.mjs +64 -0
  18. package/es/contextmenu/index.mjs +10 -0
  19. package/es/contextmenu/use-contextmenu.mjs +85 -0
  20. package/es/data-form/data-form-item.mjs +53 -0
  21. package/es/data-form/data-form.mjs +175 -0
  22. package/es/data-form/dynamic-component.mjs +23 -0
  23. package/es/data-form/form-components/Blots/AtBlot.mjs +25 -0
  24. package/es/data-form/form-components/bwa-date-picker.mjs +45 -0
  25. package/es/data-form/form-components/bwa-date-time-picker.mjs +50 -0
  26. package/es/data-form/form-components/bwa-input-float.mjs +43 -0
  27. package/es/data-form/form-components/bwa-input-integer.mjs +56 -0
  28. package/es/data-form/form-components/bwa-input.mjs +38 -0
  29. package/es/data-form/form-components/bwa-multi-select.mjs +35 -0
  30. package/es/data-form/form-components/bwa-rich-text-tinymce.mjs +234 -0
  31. package/es/data-form/form-components/bwa-rich-text.mjs +325 -0
  32. package/es/data-form/form-components/bwa-select.mjs +76 -0
  33. package/es/data-form/form-components/bwa-textarea.mjs +33 -0
  34. package/es/data-form/form-components/bwa-upload.mjs +159 -0
  35. package/es/data-form/form-components/bwa-user-multi-select.mjs +30 -0
  36. package/es/data-form/form-components/bwa-user-select.mjs +69 -0
  37. package/es/data-form/index.mjs +34 -0
  38. package/es/data-table/data-column-view.mjs +131 -0
  39. package/es/data-table/data-table-card.mjs +118 -0
  40. package/es/data-table/data-table-column.mjs +56 -0
  41. package/es/data-table/data-table.mjs +369 -0
  42. package/es/data-table/dynamic-component.mjs +48 -0
  43. package/es/data-table/index.mjs +13 -0
  44. package/es/data-table/use-datatable-drag.mjs +110 -0
  45. package/es/datatable-settings/datatable-settings.mjs +309 -0
  46. package/es/datatable-settings/index.mjs +6 -0
  47. package/es/date-range/date-picker.mjs +128 -0
  48. package/es/date-range/date-range.mjs +181 -0
  49. package/es/date-range/index.mjs +6 -0
  50. package/es/drag-list/constants.mjs +3 -0
  51. package/es/drag-list/drag-item.mjs +49 -0
  52. package/es/drag-list/drag-list.mjs +56 -0
  53. package/es/drag-list/index.mjs +6 -0
  54. package/es/drag-list/use-drag-list.mjs +154 -0
  55. package/es/dragable/constants.mjs +4 -0
  56. package/es/dragable/dragable-item.mjs +25 -0
  57. package/es/dragable/dragable-operation.mjs +32 -0
  58. package/es/dragable/dragable.mjs +31 -0
  59. package/es/dragable/index.mjs +15 -0
  60. package/es/dragable/use-dragable.mjs +134 -0
  61. package/es/filter-panel/conditions/condition.mjs +30 -0
  62. package/es/filter-panel/conditions/date-range-condition.mjs +46 -0
  63. package/es/filter-panel/conditions/department-condition/department-condition.mjs +81 -0
  64. package/es/filter-panel/conditions/department-condition/department-node.mjs +74 -0
  65. package/es/filter-panel/conditions/index.mjs +21 -0
  66. package/es/filter-panel/conditions/input-condition.mjs +83 -0
  67. package/es/filter-panel/conditions/multi-user-condition.mjs +64 -0
  68. package/es/filter-panel/conditions/multiple-menu-condition.mjs +41 -0
  69. package/es/filter-panel/conditions/single-menu-condition.mjs +68 -0
  70. package/es/filter-panel/conditions/single-user-condition.mjs +64 -0
  71. package/es/filter-panel/filter-panel-item.mjs +47 -0
  72. package/es/filter-panel/filter-panel.mjs +180 -0
  73. package/es/filter-panel/index.mjs +15 -0
  74. package/es/filter-panel/use-filter-panel-item.mjs +52 -0
  75. package/es/filter-panel/use-filter-panel.mjs +135 -0
  76. package/es/hooks/use-data/index.mjs +152 -0
  77. package/es/index.mjs +27 -0
  78. package/es/layout/index.mjs +6 -0
  79. package/es/layout/layout.mjs +86 -0
  80. package/es/make-installer.mjs +34 -0
  81. package/es/math/Rectangle.mjs +25 -0
  82. package/es/menu/index.mjs +6 -0
  83. package/es/menu/menu-item.mjs +75 -0
  84. package/es/menu/menu.mjs +60 -0
  85. package/es/node_modules/.pnpm/@vueuse_core@9.6.0_vue@3.2.41/node_modules/@vueuse/core/index.mjs +6372 -0
  86. package/es/node_modules/.pnpm/@vueuse_shared@9.6.0_vue@3.2.41/node_modules/@vueuse/shared/index.mjs +1517 -0
  87. package/es/panel/index.mjs +6 -0
  88. package/es/panel/panel.mjs +55 -0
  89. package/es/panel-tabs/index.mjs +6 -0
  90. package/es/panel-tabs/panel-tabs.mjs +66 -0
  91. package/es/pct-filter-panel/index.mjs +10 -0
  92. package/es/pct-filter-panel/pct-compents/index.mjs +10 -0
  93. package/es/pct-filter-panel/pct-compents/pct-Input-condition.mjs +71 -0
  94. package/es/pct-filter-panel/pct-compents/pct-date-range-condition.mjs +74 -0
  95. package/es/pct-filter-panel/pct-compents/pct-multiple-menu-condition.mjs +186 -0
  96. package/es/pct-filter-panel/pct-compents/pct-multiple-menu-condition2.mjs +147 -0
  97. package/es/pct-filter-panel/pct-filter-panel-item.mjs +48 -0
  98. package/es/pct-filter-panel/pct-filter-panel.mjs +251 -0
  99. package/es/pct-filter-panel/use-filter-panel-item.mjs +56 -0
  100. package/es/pct-filter-panel/use-filter-panel.mjs +127 -0
  101. package/es/plugins.mjs +5 -0
  102. package/es/progress/index.mjs +10 -0
  103. package/es/progress/progress-item.mjs +68 -0
  104. package/es/progress/progress.mjs +74 -0
  105. package/es/progress/use-progress.mjs +46 -0
  106. package/es/utils/db.mjs +9 -0
  107. package/es/utils.mjs +99 -0
  108. package/es/where-filter-panel/index.mjs +1 -0
  109. package/es/where-filter-panel/use-where-filter-panel.mjs +18 -0
  110. package/es/where-filter-panel/where-filter-panel.mjs +17 -0
  111. package/lib/_virtual/_plugin-vue_export-helper.js +13 -0
  112. package/lib/advance-select/advance-operation.js +47 -0
  113. package/lib/advance-select/advance-option.js +129 -0
  114. package/lib/advance-select/advance-select.js +363 -0
  115. package/lib/advance-select/events-helpers.js +33 -0
  116. package/lib/advance-select/index.js +20 -0
  117. package/lib/advance-select/use-advance-option.js +47 -0
  118. package/lib/advance-select/use-advance-select.js +122 -0
  119. package/lib/application-slot/application-slot.js +55 -0
  120. package/lib/application-slot/breadcrumb-item.js +27 -0
  121. package/lib/application-slot/header-tools-item.js +27 -0
  122. package/lib/application-slot/index.js +23 -0
  123. package/lib/breadcrumb-select/breadcrumb-select.js +159 -0
  124. package/lib/breadcrumb-select/index.js +11 -0
  125. package/lib/components.js +26 -0
  126. package/lib/contextmenu/contextmenu-item.js +25 -0
  127. package/lib/contextmenu/contextmenu.js +68 -0
  128. package/lib/contextmenu/index.js +16 -0
  129. package/lib/contextmenu/use-contextmenu.js +89 -0
  130. package/lib/data-form/data-form-item.js +57 -0
  131. package/lib/data-form/data-form.js +179 -0
  132. package/lib/data-form/dynamic-component.js +27 -0
  133. package/lib/data-form/form-components/Blots/AtBlot.js +31 -0
  134. package/lib/data-form/form-components/bwa-date-picker.js +49 -0
  135. package/lib/data-form/form-components/bwa-date-time-picker.js +54 -0
  136. package/lib/data-form/form-components/bwa-input-float.js +47 -0
  137. package/lib/data-form/form-components/bwa-input-integer.js +60 -0
  138. package/lib/data-form/form-components/bwa-input.js +42 -0
  139. package/lib/data-form/form-components/bwa-multi-select.js +39 -0
  140. package/lib/data-form/form-components/bwa-rich-text-tinymce.js +242 -0
  141. package/lib/data-form/form-components/bwa-rich-text.js +333 -0
  142. package/lib/data-form/form-components/bwa-select.js +80 -0
  143. package/lib/data-form/form-components/bwa-textarea.js +37 -0
  144. package/lib/data-form/form-components/bwa-upload.js +163 -0
  145. package/lib/data-form/form-components/bwa-user-multi-select.js +34 -0
  146. package/lib/data-form/form-components/bwa-user-select.js +73 -0
  147. package/lib/data-form/index.js +40 -0
  148. package/lib/data-table/data-column-view.js +135 -0
  149. package/lib/data-table/data-table-card.js +122 -0
  150. package/lib/data-table/data-table-column.js +60 -0
  151. package/lib/data-table/data-table.js +373 -0
  152. package/lib/data-table/dynamic-component.js +56 -0
  153. package/lib/data-table/index.js +20 -0
  154. package/lib/data-table/use-datatable-drag.js +114 -0
  155. package/lib/datatable-settings/datatable-settings.js +313 -0
  156. package/lib/datatable-settings/index.js +11 -0
  157. package/lib/date-range/date-picker.js +136 -0
  158. package/lib/date-range/date-range.js +189 -0
  159. package/lib/date-range/index.js +11 -0
  160. package/lib/drag-list/constants.js +7 -0
  161. package/lib/drag-list/drag-item.js +53 -0
  162. package/lib/drag-list/drag-list.js +60 -0
  163. package/lib/drag-list/index.js +11 -0
  164. package/lib/drag-list/use-drag-list.js +158 -0
  165. package/lib/dragable/constants.js +9 -0
  166. package/lib/dragable/dragable-item.js +29 -0
  167. package/lib/dragable/dragable-operation.js +36 -0
  168. package/lib/dragable/dragable.js +35 -0
  169. package/lib/dragable/index.js +22 -0
  170. package/lib/dragable/use-dragable.js +138 -0
  171. package/lib/filter-panel/conditions/condition.js +34 -0
  172. package/lib/filter-panel/conditions/date-range-condition.js +50 -0
  173. package/lib/filter-panel/conditions/department-condition/department-condition.js +85 -0
  174. package/lib/filter-panel/conditions/department-condition/department-node.js +78 -0
  175. package/lib/filter-panel/conditions/index.js +26 -0
  176. package/lib/filter-panel/conditions/input-condition.js +87 -0
  177. package/lib/filter-panel/conditions/multi-user-condition.js +68 -0
  178. package/lib/filter-panel/conditions/multiple-menu-condition.js +45 -0
  179. package/lib/filter-panel/conditions/single-menu-condition.js +72 -0
  180. package/lib/filter-panel/conditions/single-user-condition.js +68 -0
  181. package/lib/filter-panel/filter-panel-item.js +51 -0
  182. package/lib/filter-panel/filter-panel.js +184 -0
  183. package/lib/filter-panel/index.js +20 -0
  184. package/lib/filter-panel/use-filter-panel-item.js +56 -0
  185. package/lib/filter-panel/use-filter-panel.js +139 -0
  186. package/lib/hooks/use-data/index.js +157 -0
  187. package/lib/index.js +60 -0
  188. package/lib/layout/index.js +11 -0
  189. package/lib/layout/layout.js +90 -0
  190. package/lib/make-installer.js +62 -0
  191. package/lib/math/Rectangle.js +29 -0
  192. package/lib/menu/index.js +11 -0
  193. package/lib/menu/menu-item.js +79 -0
  194. package/lib/menu/menu.js +64 -0
  195. package/lib/node_modules/.pnpm/@vueuse_core@9.6.0_vue@3.2.41/node_modules/@vueuse/core/index.js +6635 -0
  196. package/lib/node_modules/.pnpm/@vueuse_shared@9.6.0_vue@3.2.41/node_modules/@vueuse/shared/index.js +1628 -0
  197. package/lib/panel/index.js +11 -0
  198. package/lib/panel/panel.js +59 -0
  199. package/lib/panel-tabs/index.js +11 -0
  200. package/lib/panel-tabs/panel-tabs.js +70 -0
  201. package/lib/pct-filter-panel/index.js +14 -0
  202. package/lib/pct-filter-panel/pct-compents/index.js +16 -0
  203. package/lib/pct-filter-panel/pct-compents/pct-Input-condition.js +75 -0
  204. package/lib/pct-filter-panel/pct-compents/pct-date-range-condition.js +78 -0
  205. package/lib/pct-filter-panel/pct-compents/pct-multiple-menu-condition.js +190 -0
  206. package/lib/pct-filter-panel/pct-compents/pct-multiple-menu-condition2.js +151 -0
  207. package/lib/pct-filter-panel/pct-filter-panel-item.js +52 -0
  208. package/lib/pct-filter-panel/pct-filter-panel.js +255 -0
  209. package/lib/pct-filter-panel/use-filter-panel-item.js +60 -0
  210. package/lib/pct-filter-panel/use-filter-panel.js +131 -0
  211. package/lib/plugins.js +9 -0
  212. package/lib/progress/index.js +16 -0
  213. package/lib/progress/progress-item.js +72 -0
  214. package/lib/progress/progress.js +78 -0
  215. package/lib/progress/use-progress.js +51 -0
  216. package/lib/utils/db.js +17 -0
  217. package/lib/utils.js +110 -0
  218. package/lib/where-filter-panel/index.js +2 -0
  219. package/lib/where-filter-panel/use-where-filter-panel.js +22 -0
  220. package/lib/where-filter-panel/where-filter-panel.js +21 -0
  221. package/package.json +1 -1
  222. package/style/advance-select.css +1 -0
  223. package/style/breadcrumb-select.css +1 -0
  224. package/style/common.css +1 -0
  225. package/style/contextmenu.css +1 -0
  226. package/style/data-form.css +1 -0
  227. package/style/data-table.css +1 -0
  228. package/style/datatable-settings.css +1 -0
  229. package/style/date-range.css +1 -0
  230. package/style/department-condition.css +1 -0
  231. package/style/drag-list.css +1 -0
  232. package/style/dragable.css +1 -0
  233. package/style/filter-panel.css +1 -0
  234. package/style/index.css +1 -0
  235. package/style/input-condition.css +1 -0
  236. package/style/layout.css +1 -0
  237. package/style/menu.css +1 -0
  238. package/style/panel-tabs.css +1 -0
  239. package/style/panel.css +1 -0
  240. package/style/pct-filter-panel.css +1 -0
  241. package/style/progress.css +1 -0
  242. package/style/rich-text.css +1 -0
  243. package/style/{common → src/common}/var.scss +16 -16
  244. package/style/var.css +1 -0
  245. /package/style/{advance-select.scss → src/advance-select.scss} +0 -0
  246. /package/style/{breadcrumb-select.scss → src/breadcrumb-select.scss} +0 -0
  247. /package/style/{common.scss → src/common.scss} +0 -0
  248. /package/style/{contextmenu.scss → src/contextmenu.scss} +0 -0
  249. /package/style/{data-form.scss → src/data-form.scss} +0 -0
  250. /package/style/{data-table.scss → src/data-table.scss} +0 -0
  251. /package/style/{datatable-settings.scss → src/datatable-settings.scss} +0 -0
  252. /package/style/{date-range.scss → src/date-range.scss} +0 -0
  253. /package/style/{department-condition.scss → src/department-condition.scss} +0 -0
  254. /package/style/{drag-list.scss → src/drag-list.scss} +0 -0
  255. /package/style/{dragable.scss → src/dragable.scss} +0 -0
  256. /package/style/{filter-panel.scss → src/filter-panel.scss} +0 -0
  257. /package/style/{index.scss → src/index.scss} +0 -0
  258. /package/style/{input-condition.scss → src/input-condition.scss} +0 -0
  259. /package/style/{layout.scss → src/layout.scss} +0 -0
  260. /package/style/{menu.scss → src/menu.scss} +0 -0
  261. /package/style/{mixins → src/mixins}/_var.scss +0 -0
  262. /package/style/{mixins → src/mixins}/config.scss +0 -0
  263. /package/style/{mixins → src/mixins}/function.scss +0 -0
  264. /package/style/{mixins → src/mixins}/mixins.scss +0 -0
  265. /package/style/{panel-tabs.scss → src/panel-tabs.scss} +0 -0
  266. /package/style/{panel.scss → src/panel.scss} +0 -0
  267. /package/style/{pct-filter-panel.scss → src/pct-filter-panel.scss} +0 -0
  268. /package/style/{progress.scss → src/progress.scss} +0 -0
  269. /package/style/{rich-text.scss → src/rich-text.scss} +0 -0
  270. /package/style/{theme → src/theme}/theme.scss +0 -0
  271. /package/style/{theme → src/theme}/var.scss +0 -0
  272. /package/style/{var.scss → src/var.scss} +0 -0
@@ -0,0 +1,184 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var vue = require('vue');
6
+ var webBaseClientVue = require('web-base-client-vue');
7
+ var useFilterPanel = require('./use-filter-panel.js');
8
+ var filterPanelItem = require('./filter-panel-item.js');
9
+ var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
10
+
11
+ const __default__ = vue.defineComponent({
12
+ name: "BwaFilterPanel"
13
+ });
14
+ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
15
+ props: {
16
+ dataTable: {
17
+ type: Object
18
+ },
19
+ showSearch: {
20
+ type: Boolean,
21
+ default: false
22
+ },
23
+ showFieldOptions: {
24
+ type: Boolean,
25
+ default: true
26
+ },
27
+ searchAttr: {
28
+ type: String,
29
+ default: "search"
30
+ },
31
+ searchPlaceholder: {
32
+ type: String,
33
+ default: ""
34
+ },
35
+ searchFields: {
36
+ type: Array,
37
+ default: () => []
38
+ }
39
+ },
40
+ emits: ["reset", "filter"],
41
+ setup(__props, { emit }) {
42
+ const props = __props;
43
+ const ns = webBaseClientVue.useNamespace("filterpanel");
44
+ const {
45
+ dataTable,
46
+ filterPanel,
47
+ currentFilterColumns,
48
+ selectedColumnAttrNames,
49
+ closableColumns,
50
+ searchParams,
51
+ handleFieldSearch,
52
+ searchValue,
53
+ isChange,
54
+ handleReset
55
+ } = useFilterPanel.useFilterPanel(props, { emit });
56
+ vue.watch(
57
+ filterPanel,
58
+ (filterPanel2, _, onCleanup) => {
59
+ filterPanel2.existComponent = true;
60
+ onCleanup(() => {
61
+ filterPanel2.existComponent = false;
62
+ });
63
+ },
64
+ { immediate: true }
65
+ );
66
+ vue.provide(
67
+ webBaseClientVue.filterPanelKey,
68
+ vue.reactive({
69
+ dataTable,
70
+ filterPanel,
71
+ currentFilterColumns
72
+ })
73
+ );
74
+ return (_ctx, _cache) => {
75
+ const _component_BwaCondition = vue.resolveComponent("BwaCondition");
76
+ const _component_ElCheckbox = vue.resolveComponent("ElCheckbox");
77
+ const _component_BwaAdvanceOption = vue.resolveComponent("BwaAdvanceOption");
78
+ const _component_BwaAdvanceSelect = vue.resolveComponent("BwaAdvanceSelect");
79
+ const _component_ElInput = vue.resolveComponent("ElInput");
80
+ const _component_ElButton = vue.resolveComponent("ElButton");
81
+ return vue.openBlock(), vue.createElementBlock("div", {
82
+ class: vue.normalizeClass(vue.unref(ns).b())
83
+ }, [
84
+ vue.renderSlot(_ctx.$slots, "default", {}, () => [
85
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(currentFilterColumns), (column) => {
86
+ return vue.renderSlot(_ctx.$slots, `condition-${column.attrName}`, {
87
+ key: column.attrName,
88
+ attrName: column.attrName
89
+ }, () => [
90
+ vue.createVNode(filterPanelItem["default"], {
91
+ prop: column.fullAttrName
92
+ }, {
93
+ default: vue.withCtx(({ data }) => [
94
+ vue.createVNode(_component_BwaCondition, {
95
+ modelValue: data.value,
96
+ "onUpdate:modelValue": ($event) => data.value = $event,
97
+ column,
98
+ record: vue.unref(searchParams)
99
+ }, null, 8, ["modelValue", "onUpdate:modelValue", "column", "record"])
100
+ ]),
101
+ _: 2
102
+ }, 1032, ["prop"])
103
+ ]);
104
+ }), 128))
105
+ ]),
106
+ __props.showFieldOptions ? (vue.openBlock(), vue.createBlock(filterPanelItem["default"], { key: 0 }, {
107
+ default: vue.withCtx(() => [
108
+ vue.createVNode(_component_BwaAdvanceSelect, {
109
+ modelValue: vue.unref(selectedColumnAttrNames),
110
+ "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(selectedColumnAttrNames) ? selectedColumnAttrNames.value = $event : null),
111
+ "show-selectIcon": true,
112
+ onSearch: vue.unref(handleFieldSearch),
113
+ class: vue.normalizeClass(vue.unref(ns).e("options"))
114
+ }, {
115
+ "reference-content": vue.withCtx(() => [
116
+ vue.createCommentVNode(" <ElIcon><Plus /></ElIcon> "),
117
+ vue.createElementVNode("div", {
118
+ class: vue.normalizeClass(vue.unref(ns).be("filter", "plus"))
119
+ }, null, 2),
120
+ vue.createElementVNode("span", {
121
+ class: vue.normalizeClass(vue.unref(ns).be("filter", "label"))
122
+ }, " \u7B5B\u9009 ", 2)
123
+ ]),
124
+ default: vue.withCtx(() => [
125
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(closableColumns), (column) => {
126
+ return vue.openBlock(), vue.createBlock(_component_BwaAdvanceOption, {
127
+ value: column.fullAttrName,
128
+ label: column.title,
129
+ key: column.fullAttrName,
130
+ class: vue.normalizeClass(vue.unref(ns).be("filter", "option"))
131
+ }, {
132
+ default: vue.withCtx(() => [
133
+ vue.createVNode(_component_ElCheckbox, {
134
+ onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
135
+ }, ["prevent"])),
136
+ modelValue: vue.unref(selectedColumnAttrNames).includes(column.fullAttrName),
137
+ class: vue.normalizeClass(vue.unref(ns).be("filter", "checkbox"))
138
+ }, {
139
+ default: vue.withCtx(() => [
140
+ vue.createTextVNode(vue.toDisplayString(column.title), 1)
141
+ ]),
142
+ _: 2
143
+ }, 1032, ["modelValue", "class"]),
144
+ vue.createElementVNode("span", {
145
+ class: vue.normalizeClass(vue.unref(ns).be("filter", "title"))
146
+ }, vue.toDisplayString(column.componentTitle), 3)
147
+ ]),
148
+ _: 2
149
+ }, 1032, ["value", "label", "class"]);
150
+ }), 128))
151
+ ]),
152
+ _: 1
153
+ }, 8, ["modelValue", "onSearch", "class"])
154
+ ]),
155
+ _: 1
156
+ })) : vue.createCommentVNode("v-if", true),
157
+ __props.showSearch ? (vue.openBlock(), vue.createBlock(_component_ElInput, {
158
+ key: 1,
159
+ "prefix-icon": "Search",
160
+ size: "small",
161
+ clearable: "",
162
+ modelValue: vue.unref(searchValue),
163
+ "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(searchValue) ? searchValue.value = $event : null),
164
+ placeholder: __props.searchPlaceholder,
165
+ class: vue.normalizeClass(vue.unref(ns).e("search"))
166
+ }, null, 8, ["modelValue", "placeholder", "class"])) : vue.createCommentVNode("v-if", true),
167
+ vue.unref(isChange) ? (vue.openBlock(), vue.createBlock(_component_ElButton, {
168
+ key: 2,
169
+ size: "small",
170
+ class: vue.normalizeClass(vue.unref(ns).e("reset")),
171
+ onClick: vue.unref(handleReset)
172
+ }, {
173
+ default: vue.withCtx(() => [
174
+ vue.createTextVNode(" \u91CD\u7F6E ")
175
+ ]),
176
+ _: 1
177
+ }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
178
+ ], 2);
179
+ };
180
+ }
181
+ });
182
+ var FilterPanel = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "filter-panel.vue"]]);
183
+
184
+ exports["default"] = FilterPanel;
@@ -0,0 +1,20 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var install = require('element-plus/es/utils/vue/install');
6
+ var filterPanel = require('./filter-panel.js');
7
+ var filterPanelItem = require('./filter-panel-item.js');
8
+ var index = require('./conditions/index.js');
9
+
10
+ const BwaFilterPanel = install.withInstall(filterPanel["default"], {
11
+ FilterPanelItem: filterPanelItem["default"]
12
+ });
13
+ const BwaFilterpanelItem = install.withInstall(filterPanelItem["default"], {
14
+ BwaCondition: index.BwaCondition
15
+ });
16
+
17
+ exports["default"] = filterPanel["default"];
18
+ exports.BwaCondition = index.BwaCondition;
19
+ exports.BwaFilterPanel = BwaFilterPanel;
20
+ exports.BwaFilterpanelItem = BwaFilterpanelItem;
@@ -0,0 +1,56 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var vue = require('vue');
6
+ var webBaseClientVue = require('web-base-client-vue');
7
+
8
+ const useFilterPanelItem = (props) => {
9
+ const filterPanelContext = vue.inject(webBaseClientVue.filterPanelKey);
10
+ const filterPanel = vue.computed(() => filterPanelContext.filterPanel);
11
+ const column = vue.computed(() => {
12
+ if (!vue.unref(filterPanel)) {
13
+ return null;
14
+ }
15
+ return vue.unref(filterPanel).getColumn(props.prop);
16
+ });
17
+ const value = vue.computed({
18
+ get: () => {
19
+ if (!vue.unref(column)) {
20
+ return null;
21
+ }
22
+ return vue.unref(filterPanel).getFilterParam(vue.unref(column));
23
+ },
24
+ set: (v) => {
25
+ if (!vue.unref(column)) {
26
+ return;
27
+ }
28
+ vue.unref(filterPanel).setFilterParam(vue.unref(column), v);
29
+ }
30
+ });
31
+ const allowClose = vue.computed(() => {
32
+ var _a;
33
+ return props.close || !!((_a = vue.unref(column)) == null ? void 0 : _a.closable);
34
+ });
35
+ const closeHandle = () => {
36
+ if (!vue.unref(column)) {
37
+ return;
38
+ }
39
+ vue.unref(filterPanel).closeColumn(vue.unref(column));
40
+ vue.unref(filterPanel).dataTable.refresh();
41
+ };
42
+ vue.onMounted(() => {
43
+ vue.unref(filterPanel).changeOriginFilterParams();
44
+ });
45
+ vue.onBeforeUnmount(() => {
46
+ vue.unref(filterPanel).changeOriginFilterParams();
47
+ });
48
+ return {
49
+ value,
50
+ column,
51
+ allowClose,
52
+ closeHandle
53
+ };
54
+ };
55
+
56
+ exports.useFilterPanelItem = useFilterPanelItem;
@@ -0,0 +1,139 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var ElementPlus = require('element-plus');
6
+ var webBaseClientVue = require('web-base-client-vue');
7
+ var vue = require('vue');
8
+ var rxjs = require('rxjs');
9
+ var db = require('../utils/db.js');
10
+
11
+ const useFilterPanel = (props, context) => {
12
+ var _a;
13
+ const dataTable = ElementPlus.useProp("dataTable");
14
+ const filterPanel = vue.computed(() => vue.unref(dataTable).filterPanel);
15
+ const filterPanelTable = db.dataModelDB.filterPanel;
16
+ const currentFilterColumns = vue.computed(() => vue.unref(filterPanel).getAppliedColumns());
17
+ const userService = webBaseClientVue.useService("UserService");
18
+ const _userID = ((_a = userService == null ? void 0 : userService.userInfo) == null ? void 0 : _a.id) || "0";
19
+ const searchParams = vue.computed(() => vue.unref(filterPanel)._filterParams);
20
+ const selectedColumnAttrNames = vue.computed({
21
+ get: () => vue.unref(filterPanel).getSelectedColumnAttrNames(),
22
+ set: (v) => {
23
+ const oldSelectedColumnAttrNames = selectedColumnAttrNames.value;
24
+ vue.unref(filterPanel).setSelectedColumnAttrNames(v);
25
+ if (vue.unref(filterPanel).ready) {
26
+ const existsOldAttrNames = oldSelectedColumnAttrNames.filter((attrName) => v.includes(attrName));
27
+ if (existsOldAttrNames.length < oldSelectedColumnAttrNames.length) {
28
+ vue.unref(dataTable).refresh();
29
+ }
30
+ }
31
+ }
32
+ });
33
+ const closableColumns = vue.computed(() => vue.unref(filterPanel).getSearchClosableColumns());
34
+ const searchValue = vue.computed({
35
+ get: () => vue.unref(filterPanel).getSearchValue(),
36
+ set: (v) => vue.unref(filterPanel).setSeachValue(v)
37
+ });
38
+ const isChange = vue.computed(() => vue.unref(filterPanel).isChange());
39
+ vue.watch(ElementPlus.useProp("searchAttr"), (searchAttr) => {
40
+ vue.unref(filterPanel).setSearchAttr(searchAttr);
41
+ }, {
42
+ immediate: true
43
+ });
44
+ vue.watch(ElementPlus.useProp("searchFields"), (searchFields) => {
45
+ vue.unref(filterPanel).setSearchFields(searchFields);
46
+ }, {
47
+ immediate: true
48
+ });
49
+ const handleFieldSearch = (value) => {
50
+ vue.unref(filterPanel).fieldSearchValue = value;
51
+ };
52
+ const handleReset = () => {
53
+ vue.unref(filterPanel).resetFilterParams();
54
+ context.emit("reset");
55
+ };
56
+ webBaseClientVue.useEventDispatcher(filterPanel, "params-change", () => {
57
+ const _filterPanel = vue.unref(filterPanel);
58
+ context.emit("filter", {
59
+ ..._filterPanel.getFilterParams(),
60
+ [_filterPanel.getSearchAttr()]: _filterPanel.getSearchValue()
61
+ });
62
+ });
63
+ const appName = webBaseClientVue.useValue("AppName");
64
+ const selectedColumnChangeSubscription = new rxjs.Observable((observer) => webBaseClientVue.useEventDispatcher(filterPanel, "selected-column-change", observer.next.bind(observer))).subscribe(async () => {
65
+ var _a2;
66
+ const _appName = vue.unref(appName);
67
+ const _tableName = vue.unref(dataTable).name;
68
+ let result = await filterPanelTable.where("[app+tableName+userID]").equals([_appName, _tableName, _userID]).toArray();
69
+ let filterPanelOrder = result.length ? (_a2 = result[0].order) != null ? _a2 : [] : [];
70
+ const attrNames = vue.unref(filterPanel).getSelectedColumnAttrNames();
71
+ attrNames.sort((a1, a2) => {
72
+ const index1 = filterPanelOrder.indexOf(a1);
73
+ const index2 = filterPanelOrder.indexOf(a2);
74
+ if (index1 === -1 && index2 === -1) {
75
+ return 1;
76
+ }
77
+ if (index1 === -1) {
78
+ return 1;
79
+ }
80
+ if (index2 === -1) {
81
+ return -1;
82
+ }
83
+ return index1 - index2;
84
+ });
85
+ filterPanelTable.put({
86
+ app: _appName,
87
+ tableName: _tableName,
88
+ userID: _userID,
89
+ order: attrNames
90
+ });
91
+ });
92
+ const loadFilterPanelItemOrder = () => {
93
+ filterPanelTable.where("[app+tableName+userID]").equals([vue.unref(appName), vue.unref(dataTable).name, _userID]).toArray((res) => {
94
+ var _a2, _b;
95
+ selectedColumnAttrNames.value = (_b = (_a2 = res[0]) == null ? void 0 : _a2.order) != null ? _b : [];
96
+ vue.nextTick(() => {
97
+ vue.unref(filterPanel).ready = true;
98
+ vue.unref(filterPanel).changeOriginFilterParams();
99
+ vue.unref(filterPanel).changeOriginSearchValue();
100
+ });
101
+ });
102
+ };
103
+ if (!vue.unref(filterPanel).isInited) {
104
+ webBaseClientVue.useEventDispatcher(filterPanel, "initCompleted", loadFilterPanelItemOrder);
105
+ } else {
106
+ loadFilterPanelItemOrder();
107
+ }
108
+ vue.onBeforeUnmount(() => {
109
+ selectedColumnChangeSubscription.unsubscribe();
110
+ });
111
+ const columns = vue.computed(() => vue.unref(filterPanel).getColumns());
112
+ const instance = vue.getCurrentInstance();
113
+ vue.watch(vue.computed(() => vue.unref(columns).map((column) => column.componentTitle)), vue.withCtx(() => {
114
+ for (const column of vue.unref(columns)) {
115
+ const component = vue.resolveComponent(column.component || "BwaMultipleMenuCondition");
116
+ if (!component) {
117
+ vue.unref(column).componentTitle = "";
118
+ return;
119
+ }
120
+ vue.unref(column).componentTitle = component.__conditionTitle__;
121
+ }
122
+ }, instance), {
123
+ immediate: true
124
+ });
125
+ return {
126
+ dataTable,
127
+ filterPanel,
128
+ currentFilterColumns,
129
+ searchParams,
130
+ selectedColumnAttrNames,
131
+ closableColumns,
132
+ handleFieldSearch,
133
+ searchValue,
134
+ isChange,
135
+ handleReset
136
+ };
137
+ };
138
+
139
+ exports.useFilterPanel = useFilterPanel;
@@ -0,0 +1,157 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var webBaseClientVue = require('web-base-client-vue');
6
+ var ElementPlus = require('element-plus');
7
+ var vue = require('vue');
8
+ var rxjs = require('rxjs');
9
+ var lodash = require('lodash');
10
+
11
+ const dataProps = {
12
+ dataTable: {
13
+ type: Object
14
+ },
15
+ itfInfo: {
16
+ type: Object
17
+ },
18
+ labelAttr: {
19
+ type: String
20
+ },
21
+ valueAttr: {
22
+ type: String
23
+ },
24
+ searchAttr: {
25
+ type: String
26
+ },
27
+ lazy: {
28
+ type: Boolean,
29
+ default: true
30
+ }
31
+ };
32
+ function useData(disabled, search) {
33
+ const httpRequest = webBaseClientVue.useService(webBaseClientVue.HttpRequest);
34
+ const data = vue.ref([]);
35
+ const debounceDelay = webBaseClientVue.useGlobalConfig("debounceDelay", 500);
36
+ const filterPanelItem = vue.inject(webBaseClientVue.filterPanelItemKey, null);
37
+ const _dataTable = ElementPlus.useProp("dataTable");
38
+ const dataTable = vue.ref(null);
39
+ const itfInfo = ElementPlus.useProp("itfInfo");
40
+ const _labelAttr = ElementPlus.useProp("labelAttr");
41
+ const labelAttr = vue.computed(() => vue.unref(_labelAttr) || "label");
42
+ const _valueAttr = ElementPlus.useProp("valueAttr");
43
+ const valueAttr = vue.computed(() => vue.unref(_valueAttr) || "value");
44
+ const _searchAttr = ElementPlus.useProp("searchAttr");
45
+ const searchAttr = vue.computed(() => vue.unref(_searchAttr) || "search");
46
+ const lazy = ElementPlus.useProp("lazy");
47
+ const loading = vue.ref(false);
48
+ const searchAttrObserable = new rxjs.Observable((observer) => vue.watch(searchAttr, (value, oldValue) => {
49
+ observer.next([value, oldValue]);
50
+ }, {
51
+ immediate: true
52
+ }));
53
+ const searchObserable = new rxjs.Observable((observer) => vue.watch(search, observer.next.bind(observer), {
54
+ immediate: true
55
+ })).pipe(rxjs.debounceTime(vue.unref(debounceDelay)));
56
+ const searchObservable = rxjs.combineLatest([searchAttrObserable, searchObserable]).pipe(rxjs.debounceTime(vue.unref(debounceDelay)), rxjs.filter(() => !vue.unref(disabled)));
57
+ const disabledObservable = new rxjs.Observable((observer) => vue.watch(disabled, observer.next.bind(observer), {
58
+ immediate: true
59
+ }));
60
+ if (vue.unref(_dataTable)) {
61
+ dataTable.value = vue.unref(_dataTable).clone();
62
+ const loadDataSubscription = new rxjs.Observable((observer) => webBaseClientVue.useEventDispatcher(dataTable, "load-successfully", observer.next.bind(observer))).subscribe((res) => {
63
+ if (res.code != 0) {
64
+ data.value = [];
65
+ ElementPlus.ElMessage.error(res.msg);
66
+ return;
67
+ }
68
+ data.value = (res.data || []).map((item) => ({
69
+ value: item[vue.unref(valueAttr)],
70
+ label: item[vue.unref(labelAttr)]
71
+ }));
72
+ });
73
+ const loadingSubscription = new rxjs.Observable((observer) => vue.watch(vue.computed(() => vue.unref(dataTable).locking), observer.next.bind(observer), {
74
+ immediate: true
75
+ })).subscribe((locking) => {
76
+ loading.value = locking;
77
+ });
78
+ const searchSubscription = searchObservable.subscribe(([[searchAttr2, oldSearchAttr], search2]) => {
79
+ if (oldSearchAttr) {
80
+ vue.unref(dataTable).removeParam(oldSearchAttr);
81
+ }
82
+ if (searchAttr2) {
83
+ vue.unref(dataTable).setParam(searchAttr2, search2);
84
+ }
85
+ vue.unref(dataTable).refresh();
86
+ });
87
+ vue.unref(dataTable).setParam(vue.unref(searchAttr), "");
88
+ const disabledSubscription = disabledObservable.pipe(rxjs.filter((disabled2) => !disabled2)).subscribe(() => {
89
+ vue.unref(dataTable).refresh();
90
+ });
91
+ vue.onBeforeUnmount(() => {
92
+ loadDataSubscription.unsubscribe();
93
+ loadingSubscription.unsubscribe();
94
+ searchSubscription.unsubscribe();
95
+ disabledSubscription.unsubscribe();
96
+ });
97
+ } else if (vue.unref(itfInfo)) {
98
+ const _itfInfo = vue.computed(() => ({
99
+ url: vue.unref(itfInfo).url,
100
+ method: vue.unref(itfInfo).method || "POST",
101
+ options: vue.unref(itfInfo).options || {}
102
+ }));
103
+ const inputParamsOberserble = new rxjs.Observable((observer) => {
104
+ vue.watch(vue.computed(() => vue.unref(itfInfo).params), (newVal = {}, oldVall) => {
105
+ if (!lodash.isEqual(oldVall, newVal)) {
106
+ observer.next(newVal);
107
+ }
108
+ }, {
109
+ immediate: true
110
+ });
111
+ });
112
+ const paramsObserable = rxjs.combineLatest([searchAttrObserable, searchObserable, inputParamsOberserble]).pipe(rxjs.map(([[searchAttr2], search2, params]) => ({
113
+ ...params,
114
+ [searchAttr2]: search2
115
+ })));
116
+ let inited = false;
117
+ const subscription = rxjs.combineLatest([paramsObserable, disabledObservable]).pipe(rxjs.tap(() => {
118
+ loading.value = true;
119
+ }), rxjs.debounceTime(vue.unref(debounceDelay)), rxjs.filter(([_, disabled2]) => {
120
+ return !inited && !vue.unref(lazy) || !disabled2;
121
+ }), rxjs.map(([params]) => ({
122
+ ...vue.unref(_itfInfo),
123
+ params
124
+ })), rxjs.map(({
125
+ url,
126
+ method,
127
+ params,
128
+ options
129
+ }) => rxjs.from(vue.unref(httpRequest)[method.toLowerCase()](url, params, options)).pipe(rxjs.catchError(() => rxjs.of({
130
+ code: 1,
131
+ msg: "\u7F51\u7EDC\u5F02\u5E38\uFF01"
132
+ })))), rxjs.mergeAll()).subscribe((result) => {
133
+ try {
134
+ inited = true;
135
+ if (result.code != 0) {
136
+ data.value = [];
137
+ ElementPlus.ElMessage.error(result.msg);
138
+ return;
139
+ }
140
+ data.value = (result.data || []).map((item) => ({
141
+ value: item[vue.unref(valueAttr)],
142
+ label: item[vue.unref(labelAttr)]
143
+ }));
144
+ } finally {
145
+ loading.value = false;
146
+ }
147
+ });
148
+ vue.onBeforeUnmount(subscription.unsubscribe.bind(subscription));
149
+ }
150
+ return {
151
+ data,
152
+ loading
153
+ };
154
+ }
155
+
156
+ exports.dataProps = dataProps;
157
+ exports.useData = useData;
package/lib/index.js ADDED
@@ -0,0 +1,60 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var makeInstaller = require('./make-installer.js');
6
+ var components = require('./components.js');
7
+ var plugins = require('./plugins.js');
8
+ var index$1 = require('./data-form/index.js');
9
+ var index$2 = require('./data-table/index.js');
10
+ var index$3 = require('./filter-panel/index.js');
11
+ var index$4 = require('./advance-select/index.js');
12
+ var index$5 = require('./date-range/index.js');
13
+ var index$6 = require('./application-slot/index.js');
14
+ var index$7 = require('./layout/index.js');
15
+ var index$8 = require('./menu/index.js');
16
+ var index$9 = require('./panel/index.js');
17
+ var index$a = require('./panel-tabs/index.js');
18
+ var index$b = require('./contextmenu/index.js');
19
+ var index$c = require('./breadcrumb-select/index.js');
20
+ var index$d = require('./datatable-settings/index.js');
21
+ var index$e = require('./drag-list/index.js');
22
+ var index$f = require('./progress/index.js');
23
+ var index$g = require('./dragable/index.js');
24
+ var useContextmenu = require('./contextmenu/use-contextmenu.js');
25
+
26
+ const install = makeInstaller.makeInstaller([...components["default"], ...plugins["default"]]);
27
+ var index = {
28
+ install
29
+ };
30
+
31
+ exports.BwaDataForm = index$1.BwaDataForm;
32
+ exports.BwaDataFormItem = index$1.BwaDataFormItem;
33
+ exports.BwaDataColumnView = index$2.BwaDataColumnView;
34
+ exports.BwaDataTable = index$2.BwaDataTable;
35
+ exports.BwaDataTableColumn = index$2.BwaDataTableColumn;
36
+ exports.BwaFilterPanel = index$3.BwaFilterPanel;
37
+ exports.BwaFilterpanelItem = index$3.BwaFilterpanelItem;
38
+ exports.BwaAdvanceOperation = index$4.BwaAdvanceOperation;
39
+ exports.BwaAdvanceOption = index$4.BwaAdvanceOption;
40
+ exports.BwaAdvanceSelect = index$4.BwaAdvanceSelect;
41
+ exports.BwaDateRange = index$5.BwaDateRange;
42
+ exports.BwaApplicationSlot = index$6.BwaApplicationSlot;
43
+ exports.BwaBreadcrumbItem = index$6.BwaBreadcrumbItem;
44
+ exports.BwaHeaderToolsItem = index$6.BwaHeaderToolsItem;
45
+ exports.BwaLayout = index$7.BwaLayout;
46
+ exports.BwaMenu = index$8.BwaMenu;
47
+ exports.BwaPanel = index$9.BwaPanel;
48
+ exports.BwaPanelTab = index$a.BwaPanelTab;
49
+ exports.BwaContextmenu = index$b.BwaContextmenu;
50
+ exports.BwaBreadcrumbSelect = index$c.BwaBreadcrumbSelect;
51
+ exports.BwaDataTableSetting = index$d.BwaDataTableSetting;
52
+ exports.BwaDraglist = index$e.BwaDraglist;
53
+ exports.BwaProgress = index$f.BwaProgress;
54
+ exports.BwaProgressItem = index$f.BwaProgressItem;
55
+ exports.BwaDragable = index$g.BwaDragable;
56
+ exports.BwaDragableItem = index$g.BwaDragableItem;
57
+ exports.BwaDragableOperation = index$g.BwaDragableOperation;
58
+ exports.useContextmenu = useContextmenu.useContextmenu;
59
+ exports["default"] = index;
60
+ exports.install = install;
@@ -0,0 +1,11 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var install = require('element-plus/es/utils/vue/install');
6
+ var layout = require('./layout.js');
7
+
8
+ const BwaLayout = install.withInstall(layout["default"]);
9
+
10
+ exports.BwaLayout = BwaLayout;
11
+ exports["default"] = BwaLayout;