hy-dispatch-ui-v3 0.1.5 → 0.2.0

package/es/components/appTree/appTree.vue.mjs

@@ -0,0 +1,304 @@
+import { defineComponent, useSlots, ref, onMounted, resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, createElementVNode, isRef, withKeys, Fragment, renderList, createBlock, createCommentVNode, renderSlot } from 'vue';
+import { ElTooltip, ElInput, ElSelect, ElOption } from 'element-plus';
+import { VirtualTree } from 'hy-virtual-tree';
+import { useAppTreeWrapper } from './js/index.mjs';
+import { useMixins } from '../../hooks/useMixins.mjs';
+import { AppIcon } from '../appIcon/index.mjs';
+
+const __default__ = defineComponent({
+  name: "AppTree"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    /* 禁止选择 */
+    disableSelection: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    // 是否开启按照设备在线和离线状态排序，仅支持 device 和 groupDevice 业务类型
+    deviceOrderSort: {
+      type: Boolean,
+      default: true
+    },
+    // 当前群组
+    orgGroupId: {
+      type: [Number, String],
+      default: () => {
+        return null;
+      }
+    },
+    // 设置勤务状态
+    getDutyRoster: {
+      type: Boolean,
+      default: () => {
+        return false;
+      }
+    },
+    // 仅展示在线数据
+    showOnlineOnly: {
+      type: Boolean,
+      default: () => {
+        return false;
+      }
+    },
+    /* 是否开启多选框 */
+    showCheckbox: {
+      type: Boolean,
+      default: () => {
+        return true;
+      }
+    },
+    /* 是否开启单选框 */
+    showSinglebox: {
+      type: Boolean,
+      default: () => {
+        return false;
+      }
+    },
+    // 是否清除无数据的部门
+    clearEmptyBusiness: {
+      type: Boolean,
+      default: false
+    },
+    // 树形高度
+    treeHeight: {
+      type: Number,
+      default: 400
+    },
+    // 树形类型
+    treeType: {
+      type: String,
+      default: () => {
+        return "device";
+      }
+    },
+    // 是否显示通道节点的选择框
+    isShowChannelSelect: {
+      type: Boolean,
+      default: () => false
+    },
+    // 是否显示自定义空数据显示
+    showCustomEmpty: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: () => {
+        return "\u8BF7\u8F93\u5165";
+      }
+    },
+    // 是否返回默认选择的数据
+    isBackDefaultSelected: {
+      type: Boolean,
+      default: false
+    },
+    /* 默认选中列表 */
+    selectedByDefault: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    // 默认需要选中的部门ID
+    defaultSelectedOrgID: {
+      default: () => null
+    },
+    // 搜索类型
+    searchType: {
+      type: Number,
+      default: 1
+    },
+    // 筛选列表
+    selectFilterList: {
+      type: Array,
+      default: () => null
+    },
+    // 是否高亮选中节点
+    highlight: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    "on-click-delete",
+    "on-click",
+    "on-check-tree",
+    "on-department-click",
+    "on-click-device",
+    "on-contextmenu",
+    "on-dblclick",
+    "on-refreshData",
+    "on-selectedDataList"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const slots = useSlots();
+    const emits = __emit;
+    const treeRef = ref();
+    const {
+      // useAppTableWrapper
+      // 表格配置项
+      getData,
+      filterValue,
+      getFilterValue,
+      refreshData,
+      singleRemovalFn,
+      setCheckedKeys,
+      setChecked,
+      selectFilterType,
+      selectFilterList,
+      setFilterListType,
+      getInputPlaceholder,
+      onChange
+    } = useMixins(
+      {
+        props,
+        emits,
+        slots,
+        treeRef,
+        VirtualTree
+      },
+      [useAppTreeWrapper]
+    );
+    onMounted(() => {
+      if (props.searchType === 2) ;
+      setFilterListType();
+    });
+    __expose({
+      getData,
+      singleRemovalFn,
+      setCheckedKeys,
+      setChecked
+    });
+    return (_ctx, _cache) => {
+      const _component_svg_icon = resolveComponent("svg-icon");
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: "w-full flex flex-col",
+          style: normalizeStyle({ height: `${__props.treeHeight}px` })
+        },
+        [
+          __props.searchType === 1 ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "centerBox p-[10px]"
+          }, [
+            createVNode(unref(ElTooltip), {
+              content: __props.placeholder,
+              "show-after": 500
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", { class: "search_lightColor flex min-w-full z-[3]" }, [
+                  createVNode(unref(ElInput), {
+                    size: "small",
+                    clearable: "",
+                    class: "flex-grow w-0",
+                    onClear: ($event) => unref(refreshData)(),
+                    onKeyup: withKeys(($event) => unref(refreshData)(), ["enter"]),
+                    modelValue: unref(filterValue),
+                    "onUpdate:modelValue": ($event) => isRef(filterValue) ? filterValue.value = $event : null,
+                    placeholder: __props.placeholder
+                  }, null, 8, ["onClear", "onKeyup", "modelValue", "onUpdate:modelValue", "placeholder"]),
+                  createElementVNode("div", {
+                    class: "searchBox flex-shrink-0",
+                    onClick: ($event) => unref(refreshData)()
+                  }, [
+                    createVNode(unref(AppIcon), {
+                      "svg-name": "search",
+                      "class-name": "w-[16px] h-[16px]"
+                    })
+                  ], 8, ["onClick"])
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["content"])
+          ])) : __props.searchType === 2 ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "centerBox flex-col p-[10px]"
+          }, [
+            createVNode(unref(ElTooltip), {
+              class: "item",
+              effect: "dark",
+              "show-after": 500,
+              content: unref(getInputPlaceholder),
+              placement: "bottom-start"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", { class: "flex search_lightColor w-full" }, [
+                  createElementVNode("div", { class: "flex flex-grow w-0" }, [
+                    createVNode(unref(ElSelect), {
+                      class: "!w-[37%] box-border rounded-[6px] flex-shrink-0",
+                      modelValue: unref(selectFilterType),
+                      "onUpdate:modelValue": ($event) => isRef(selectFilterType) ? selectFilterType.value = $event : null,
+                      onChange: unref(onChange)
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(
+                          Fragment,
+                          null,
+                          renderList(unref(selectFilterList), (item, index) => {
+                            return openBlock(), createBlock(unref(ElOption), {
+                              key: `${index}_selectFilterList`,
+                              label: item.label,
+                              value: item.value
+                            }, null, 8, ["label", "value"]);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["modelValue", "onUpdate:modelValue", "onChange"]),
+                    createVNode(unref(ElInput), {
+                      size: "small",
+                      clearable: "",
+                      class: "box-border rounded-[6px] ml-[4px] border border-border",
+                      onClear: ($event) => unref(refreshData)(),
+                      onKeyup: withKeys(($event) => unref(refreshData)(), ["enter"]),
+                      modelValue: unref(filterValue),
+                      "onUpdate:modelValue": ($event) => isRef(filterValue) ? filterValue.value = $event : null,
+                      placeholder: unref(getInputPlaceholder)
+                    }, null, 8, ["onClear", "onKeyup", "modelValue", "onUpdate:modelValue", "placeholder"])
+                  ]),
+                  createElementVNode("div", {
+                    class: "searchBox centerBox flex-shrink-0 flex ml-1",
+                    onClick: ($event) => unref(refreshData)()
+                  }, [
+                    createVNode(_component_svg_icon, {
+                      "svg-name": "search",
+                      className: "svgBox"
+                    })
+                  ], 8, ["onClick"])
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["content"])
+          ])) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "input-bottom-bottom"),
+          createElementVNode(
+            "div",
+            {
+              ref_key: "treeRef",
+              ref: treeRef,
+              style: { "width": "100%" },
+              class: "flex-grow h-0 w-full"
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          )
+        ],
+        4
+        /* STYLE */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/appTree/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './appTree.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppTree = withInstall(_sfc_main);
+
+export { AppTree, AppTree as default };