@ctzy-web-client/plugin-component-vue 1.0.0 → 1.0.2

package/lib/filter-panel/conditions/department-condition/department-condition.js

@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var singleMenuCondition = require('../single-menu-condition.js');
+var departmentNode = require('./department-node.js');
+var webBaseClientVue = require('web-base-client-vue');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaDepartmentCondition"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {},
+  setup(__props) {
+    const props = __props;
+    const departmentService = webBaseClientVue.useService("DepartmentService");
+    const data = vue.ref([]);
+    const loading = vue.ref(false);
+    const map = /* @__PURE__ */ new Map();
+    const formatValue = (selected) => {
+      selected = Array.isArray(selected) ? selected : selected ? [selected] : [];
+      selected = selected.map((item) => map.get(item.value + "")).filter(Boolean);
+      if (!selected.length) {
+        return "\u5168\u90E8";
+      }
+      return selected.map((item) => item.desc).join(",");
+    };
+    const handleVisibleChange = async (isShow) => {
+      if (!isShow || !vue.unref(departmentService)) {
+        return;
+      }
+      try {
+        loading.value = true;
+        const departmentsResult = await vue.unref(departmentService).getDepartments();
+        if (departmentsResult.code != 0) {
+          return;
+        }
+        const departments = [];
+        for (let department of departmentsResult.data || []) {
+          department.children = [];
+          if (!department.pid) {
+            departments.push(department);
+          }
+          map.set(department.id + "", department);
+        }
+        for (const department of departmentsResult.data || []) {
+          if (!department.pid) {
+            continue;
+          }
+          const parent = map.get(department.pid + "");
+          if (!parent) {
+            continue;
+          }
+          parent.children.push(department);
+        }
+        data.value = departments;
+      } finally {
+        loading.value = false;
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(singleMenuCondition["default"], {
+        multiple: true,
+        showSearch: false,
+        loading: loading.value,
+        onVisibleChange: handleVisibleChange
+      }, {
+        value: vue.withCtx(({ selected }) => [
+          vue.createTextVNode(vue.toDisplayString(formatValue(selected)), 1)
+        ]),
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(data.value, (item) => {
+            return vue.openBlock(), vue.createBlock(departmentNode["default"], { item }, null, 8, ["item"]);
+          }), 256))
+        ]),
+        _: 1
+      }, 8, ["loading"]);
+    };
+  }
+});
+var DepartmentCondition = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "department-condition.vue"]]);
+
+exports["default"] = DepartmentCondition;

package/lib/filter-panel/conditions/department-condition/department-node.js

@@ -0,0 +1,78 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var webBaseClientVue = require('web-base-client-vue');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaDepartmentNode"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    item: {
+      type: Object,
+      required: true
+    },
+    level: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const ns = webBaseClientVue.useNamespace("department-node");
+    const isShowChildren = vue.ref(false);
+    return (_ctx, _cache) => {
+      const _component_CaretBottom = vue.resolveComponent("CaretBottom");
+      const _component_ElIcon = vue.resolveComponent("ElIcon");
+      const _component_BwaAdvanceOption = vue.resolveComponent("BwaAdvanceOption");
+      const _component_BwaDepartmentNode = vue.resolveComponent("BwaDepartmentNode");
+      const _component_ElCollapseTransition = vue.resolveComponent("ElCollapseTransition");
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b())
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(ns).e("content"))
+        }, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("arrow-wrapper")),
+            onClick: _cache[0] || (_cache[0] = ($event) => isShowChildren.value = !isShowChildren.value)
+          }, [
+            __props.item.children.length ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
+              key: 0,
+              class: vue.normalizeClass([vue.unref(ns).e("arrow"), vue.unref(ns).is("collpase", !isShowChildren.value)])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_CaretBottom)
+              ]),
+              _: 1
+            }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+          ], 2),
+          vue.createVNode(_component_BwaAdvanceOption, {
+            value: __props.item.id,
+            label: __props.item.name
+          }, null, 8, ["value", "label"])
+        ], 2),
+        vue.createVNode(_component_ElCollapseTransition, null, {
+          default: vue.withCtx(() => [
+            isShowChildren.value ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ns).e("children")),
+              style: vue.normalizeStyle({ paddingLeft: 22 + __props.level * 5 + "px" })
+            }, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.item.children, (child) => {
+                return vue.openBlock(), vue.createBlock(_component_BwaDepartmentNode, { item: child }, null, 8, ["item"]);
+              }), 256))
+            ], 6)) : vue.createCommentVNode("v-if", true)
+          ]),
+          _: 1
+        })
+      ], 2);
+    };
+  }
+});
+var DepartmentNode = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "department-node.vue"]]);
+
+exports["default"] = DepartmentNode;

package/lib/filter-panel/conditions/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var install = require('element-plus/es/utils/vue/install');
+var condition = require('./condition.js');
+var dateRangeCondition = require('./date-range-condition.js');
+var singleMenuCondition = require('./single-menu-condition.js');
+var multipleMenuCondition = require('./multiple-menu-condition.js');
+var multiUserCondition = require('./multi-user-condition.js');
+var singleUserCondition = require('./single-user-condition.js');
+var inputCondition = require('./input-condition.js');
+var departmentCondition = require('./department-condition/department-condition.js');
+
+const BwaCondition = install.withInstall(condition["default"], {
+  DateRangeCondition: dateRangeCondition["default"],
+  SingleMenuCondition: singleMenuCondition["default"],
+  MultipleMenuCondition: multipleMenuCondition["default"],
+  InputCondition: inputCondition["default"],
+  MultiUserCondition: multiUserCondition["default"],
+  DepartmentCondition: departmentCondition["default"],
+  SingleUserCondition: singleUserCondition["default"]
+});
+
+exports.BwaCondition = BwaCondition;
+exports["default"] = BwaCondition;

package/lib/filter-panel/conditions/input-condition.js

@@ -0,0 +1,87 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var webBaseClientVue = require('web-base-client-vue');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaInputCondition",
+  __conditionTitle__: "\u8F93\u5165\u6846",
+  __conditionDefault__: ""
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    modelValue: {
+      type: String
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = webBaseClientVue.useNamespace("input-condition");
+    if (typeof props.modelValue !== "string") {
+      emit("update:modelValue", "");
+    }
+    const value = vue.computed({
+      get: () => props.modelValue || "",
+      set: emit.bind(null, "update:modelValue")
+    });
+    const filterPanelItem = vue.inject(webBaseClientVue.filterPanelItemKey, null);
+    const column = vue.computed(() => {
+      var _a;
+      return (_a = filterPanelItem == null ? void 0 : filterPanelItem.column) != null ? _a : null;
+    });
+    const visible = vue.ref(false);
+    return (_ctx, _cache) => {
+      const _component_ElInput = vue.resolveComponent("ElInput");
+      const _component_ElTooltip = vue.resolveComponent("ElTooltip");
+      return vue.openBlock(), vue.createBlock(_component_ElTooltip, {
+        visible: visible.value,
+        "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
+        pure: "",
+        teleported: "",
+        effect: "light",
+        role: "dialog",
+        transition: `el-zoom-in-top`,
+        "fallback-placements": ["bottom", "top", "right", "left"],
+        "gpu-acceleration": false,
+        "show-arrow": false,
+        "stop-popper-mouse-event": false,
+        "hide-after": 0,
+        persistent: "",
+        trigger: "click"
+      }, {
+        content: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("content"))
+          }, [
+            vue.createVNode(_component_ElInput, {
+              class: vue.normalizeClass(vue.unref(ns).e("input")),
+              modelValue: vue.unref(value),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(value) ? value.value = $event : null),
+              clearable: ""
+            }, null, 8, ["class", "modelValue"])
+          ], 2)
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("active", visible.value)])
+          }, [
+            vue.renderSlot(_ctx.$slots, "label", {}, () => [
+              vue.unref(column) ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).e("label"))
+              }, vue.toDisplayString(vue.unref(column).title), 3)) : vue.createCommentVNode("v-if", true)
+            ])
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["visible"]);
+    };
+  }
+});
+var InputCondition = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "input-condition.vue"]]);
+
+exports["default"] = InputCondition;

package/lib/filter-panel/conditions/multi-user-condition.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var webBaseClientVue = require('web-base-client-vue');
+var index = require('../../advance-select/index.js');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaMultiUserCondition",
+  __conditionTitle__: "\u591A\u9009\u7528\u6237",
+  __conditionDefault__: () => []
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  setup(__props) {
+    ;
+    const attrs = vue.useAttrs();
+    const userService = webBaseClientVue.useService("UserService");
+    const userList = vue.ref([]);
+    const loadUserList = async (name = "") => {
+      if (!vue.unref(userService)) {
+        return;
+      }
+      const userListResult = await vue.unref(userService).getUserList({ name });
+      if (userListResult.code != 0) {
+        return;
+      }
+      userList.value = userListResult.data || [];
+    };
+    vue.onMounted(loadUserList);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index.BwaAdvanceSelect), vue.mergeProps(vue.unref(attrs), {
+        multiple: true,
+        onSearch: loadUserList
+      }), {
+        operation: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "operation")
+        ]),
+        empy: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "empy")
+        ]),
+        label: vue.withCtx(({ selectedValue, column }) => [
+          vue.renderSlot(_ctx.$slots, "label", {
+            selectedValue,
+            column
+          })
+        ]),
+        value: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "value")
+        ]),
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(userList.value, (item) => {
+            return vue.openBlock(), vue.createBlock(vue.unref(index.BwaAdvanceOption), {
+              key: item.value,
+              value: item.value,
+              label: item.label
+            }, null, 8, ["value", "label"]);
+          }), 128))
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var MultiUserCondition = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "multi-user-condition.vue"]]);
+
+exports["default"] = MultiUserCondition;

package/lib/filter-panel/conditions/multiple-menu-condition.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../advance-select/index.js');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaMultipleMenuCondition",
+  __conditionTitle__: "\u591A\u9009\u5217\u8868",
+  __conditionDefault__: () => []
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  setup(__props) {
+    ;
+    const attrs = vue.useAttrs();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index.BwaAdvanceSelect), vue.mergeProps(vue.unref(attrs), { multiple: true }), {
+        operation: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "operation")
+        ]),
+        empy: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "empy")
+        ]),
+        label: vue.withCtx(({ selectedValue, column }) => [
+          vue.renderSlot(_ctx.$slots, "label", {
+            selectedValue,
+            column
+          })
+        ]),
+        value: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "value")
+        ]),
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var MultipleMenuCondition = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "multiple-menu-condition.vue"]]);
+
+exports["default"] = MultipleMenuCondition;

package/lib/filter-panel/conditions/single-menu-condition.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var webBaseClientVue = require('web-base-client-vue');
+var index = require('../../advance-select/index.js');
+require('element-plus');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaSingleMenuCondition",
+  __conditionTitle__: "\u5355\u9009\u5217\u8868",
+  __conditionDefault__: ""
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    modelValue: null
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const value = vue.computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:modelValue", v)
+    });
+    const ns = webBaseClientVue.useNamespace("single-menu");
+    const attrs = vue.useAttrs();
+    const handleClear = () => {
+      value.value = "";
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index.BwaAdvanceSelect), vue.mergeProps(vue.unref(attrs), {
+        modelValue: vue.unref(value),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(value) ? value.value = $event : null),
+        multiple: false
+      }), {
+        operation: vue.withCtx(() => [
+          vue.createCommentVNode(` <BwaAdvanceOperation class="is-border">\r
+        <ElButton\r
+          :class="ns.e('clear')"\r
+          style="width: 100%"\r
+          @click="handleClear"\r
+        >\r
+          \u6E05\u9664\u5DF2\u9009\u62E9\u9879\r
+        </ElButton>\r
+      </BwaAdvanceOperation> `),
+          vue.renderSlot(_ctx.$slots, "operation")
+        ]),
+        empy: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "empy")
+        ]),
+        label: vue.withCtx(({ selectedValue, column }) => [
+          vue.renderSlot(_ctx.$slots, "label", {
+            selectedValue,
+            column
+          })
+        ]),
+        value: vue.withCtx(({ selected }) => [
+          vue.renderSlot(_ctx.$slots, "value", { selected })
+        ]),
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["modelValue"]);
+    };
+  }
+});
+var SingleMenuCondition = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "single-menu-condition.vue"]]);
+
+exports["default"] = SingleMenuCondition;

package/lib/filter-panel/conditions/single-user-condition.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var webBaseClientVue = require('web-base-client-vue');
+var index = require('../../advance-select/index.js');
+var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaSingleUserCondition",
+  __conditionTitle__: "\u5355\u9009\u7528\u6237",
+  __conditionDefault__: () => []
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  setup(__props) {
+    ;
+    const attrs = vue.useAttrs();
+    const userService = webBaseClientVue.useService("UserService");
+    const userList = vue.ref([]);
+    const loadUserList = async (name = "") => {
+      if (!vue.unref(userService)) {
+        return;
+      }
+      const userListResult = await vue.unref(userService).getUserList({ name });
+      if (userListResult.code != 0) {
+        return;
+      }
+      userList.value = userListResult.data || [];
+    };
+    vue.onMounted(loadUserList);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index.BwaAdvanceSelect), vue.mergeProps(vue.unref(attrs), {
+        multiple: false,
+        onSearch: loadUserList
+      }), {
+        operation: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "operation")
+        ]),
+        empy: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "empy")
+        ]),
+        label: vue.withCtx(({ selectedValue, column }) => [
+          vue.renderSlot(_ctx.$slots, "label", {
+            selectedValue,
+            column
+          })
+        ]),
+        value: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "value")
+        ]),
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(userList.value, (item) => {
+            return vue.openBlock(), vue.createBlock(vue.unref(index.BwaAdvanceOption), {
+              key: item.value,
+              value: item.value,
+              label: item.label
+            }, null, 8, ["value", "label"]);
+          }), 128))
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var SingleUserCondition = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "single-user-condition.vue"]]);
+
+exports["default"] = SingleUserCondition;

package/lib/filter-panel/filter-panel-item.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var webBaseClientVue = require('web-base-client-vue');
+var useFilterPanelItem = require('./use-filter-panel-item.js');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaFilterPanelItem"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    prop: {
+      type: String
+    },
+    close: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["close"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = webBaseClientVue.useNamespace("filterpanel");
+    const { value, column, allowClose, closeHandle } = useFilterPanelItem.useFilterPanelItem(props);
+    const data = vue.reactive({ value });
+    vue.provide(
+      webBaseClientVue.filterPanelItemKey,
+      vue.reactive({
+        column
+      })
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b("item"))
+      }, [
+        vue.renderSlot(_ctx.$slots, "default", { data }),
+        vue.unref(allowClose) ? (vue.openBlock(), vue.createElementBlock("i", {
+          key: 0,
+          class: vue.normalizeClass(["ptp-icon", "ptp-close", vue.unref(ns).be("item", "close")]),
+          onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(closeHandle) && vue.unref(closeHandle)(...args))
+        }, null, 2)) : vue.createCommentVNode("v-if", true)
+      ], 2);
+    };
+  }
+});
+var FilterPanelItem = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "filter-panel-item.vue"]]);
+
+exports["default"] = FilterPanelItem;