hy-dispatch-ui-v3 0.1.6 → 0.2.0

package/lib/components/appTree/appTree.vue.js

@@ -0,0 +1,308 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var hyVirtualTree = require('hy-virtual-tree');
+var index = require('./js/index.js');
+var useMixins = require('../../hooks/useMixins.js');
+var index$1 = require('../appIcon/index.js');
+
+const __default__ = vue.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 = vue.useSlots();
+    const emits = __emit;
+    const treeRef = vue.ref();
+    const {
+      // useAppTableWrapper
+      // 表格配置项
+      getData,
+      filterValue,
+      getFilterValue,
+      refreshData,
+      singleRemovalFn,
+      setCheckedKeys,
+      setChecked,
+      selectFilterType,
+      selectFilterList,
+      setFilterListType,
+      getInputPlaceholder,
+      onChange
+    } = useMixins.useMixins(
+      {
+        props,
+        emits,
+        slots,
+        treeRef,
+        VirtualTree: hyVirtualTree.VirtualTree
+      },
+      [index.useAppTreeWrapper]
+    );
+    vue.onMounted(() => {
+      if (props.searchType === 2) ;
+      setFilterListType();
+    });
+    __expose({
+      getData,
+      singleRemovalFn,
+      setCheckedKeys,
+      setChecked
+    });
+    return (_ctx, _cache) => {
+      const _component_svg_icon = vue.resolveComponent("svg-icon");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: "w-full flex flex-col",
+          style: vue.normalizeStyle({ height: `${__props.treeHeight}px` })
+        },
+        [
+          __props.searchType === 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "centerBox p-[10px]"
+          }, [
+            vue.createVNode(vue.unref(elementPlus.ElTooltip), {
+              content: __props.placeholder,
+              "show-after": 500
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", { class: "search_lightColor flex min-w-full z-[3]" }, [
+                  vue.createVNode(vue.unref(elementPlus.ElInput), {
+                    size: "small",
+                    clearable: "",
+                    class: "flex-grow w-0",
+                    onClear: ($event) => vue.unref(refreshData)(),
+                    onKeyup: vue.withKeys(($event) => vue.unref(refreshData)(), ["enter"]),
+                    modelValue: vue.unref(filterValue),
+                    "onUpdate:modelValue": ($event) => vue.isRef(filterValue) ? filterValue.value = $event : null,
+                    placeholder: __props.placeholder
+                  }, null, 8, ["onClear", "onKeyup", "modelValue", "onUpdate:modelValue", "placeholder"]),
+                  vue.createElementVNode("div", {
+                    class: "searchBox flex-shrink-0",
+                    onClick: ($event) => vue.unref(refreshData)()
+                  }, [
+                    vue.createVNode(vue.unref(index$1.AppIcon), {
+                      "svg-name": "search",
+                      "class-name": "w-[16px] h-[16px]"
+                    })
+                  ], 8, ["onClick"])
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["content"])
+          ])) : __props.searchType === 2 ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: "centerBox flex-col p-[10px]"
+          }, [
+            vue.createVNode(vue.unref(elementPlus.ElTooltip), {
+              class: "item",
+              effect: "dark",
+              "show-after": 500,
+              content: vue.unref(getInputPlaceholder),
+              placement: "bottom-start"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", { class: "flex search_lightColor w-full" }, [
+                  vue.createElementVNode("div", { class: "flex flex-grow w-0" }, [
+                    vue.createVNode(vue.unref(elementPlus.ElSelect), {
+                      class: "!w-[37%] box-border rounded-[6px] flex-shrink-0",
+                      modelValue: vue.unref(selectFilterType),
+                      "onUpdate:modelValue": ($event) => vue.isRef(selectFilterType) ? selectFilterType.value = $event : null,
+                      onChange: vue.unref(onChange)
+                    }, {
+                      default: vue.withCtx(() => [
+                        (vue.openBlock(true), vue.createElementBlock(
+                          vue.Fragment,
+                          null,
+                          vue.renderList(vue.unref(selectFilterList), (item, index) => {
+                            return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElOption), {
+                              key: `${index}_selectFilterList`,
+                              label: item.label,
+                              value: item.value
+                            }, null, 8, ["label", "value"]);
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["modelValue", "onUpdate:modelValue", "onChange"]),
+                    vue.createVNode(vue.unref(elementPlus.ElInput), {
+                      size: "small",
+                      clearable: "",
+                      class: "box-border rounded-[6px] ml-[4px] border border-border",
+                      onClear: ($event) => vue.unref(refreshData)(),
+                      onKeyup: vue.withKeys(($event) => vue.unref(refreshData)(), ["enter"]),
+                      modelValue: vue.unref(filterValue),
+                      "onUpdate:modelValue": ($event) => vue.isRef(filterValue) ? filterValue.value = $event : null,
+                      placeholder: vue.unref(getInputPlaceholder)
+                    }, null, 8, ["onClear", "onKeyup", "modelValue", "onUpdate:modelValue", "placeholder"])
+                  ]),
+                  vue.createElementVNode("div", {
+                    class: "searchBox centerBox flex-shrink-0 flex ml-1",
+                    onClick: ($event) => vue.unref(refreshData)()
+                  }, [
+                    vue.createVNode(_component_svg_icon, {
+                      "svg-name": "search",
+                      className: "svgBox"
+                    })
+                  ], 8, ["onClick"])
+                ])
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["content"])
+          ])) : vue.createCommentVNode("v-if", true),
+          vue.renderSlot(_ctx.$slots, "input-bottom-bottom"),
+          vue.createElementVNode(
+            "div",
+            {
+              ref_key: "treeRef",
+              ref: treeRef,
+              style: { "width": "100%" },
+              class: "flex-grow h-0 w-full"
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          )
+        ],
+        4
+        /* STYLE */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/appTree/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var appTree = require('./appTree.vue.js');
+var handler = require('../../utils/handler.js');
+
+const AppTree = handler.withInstall(appTree.default);
+
+exports.AppTree = AppTree;
+exports.default = AppTree;