hy-dispatch-ui-v3 0.1.0

package/lib/components/appTable/cpns/columnSelect.vue.js

@@ -0,0 +1,418 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var Sortable = require('sortablejs');
+var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
+var index = require('../../appTooltip/index.js');
+var useLocale = require('../../../hooks/useLocale.js');
+var is = require('../../../utils/is.js');
+
+const _sfc_main = {
+  __name: "columnSelect",
+  props: {
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    columnsEditable: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["confirm"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { t } = useLocale.useLocale();
+    const popoverRef = vue.useTemplateRef("popoverRef");
+    const listRef = vue.useTemplateRef("listRef");
+    const tableColumns = vue.ref([]);
+    const tableEditableColumns = vue.ref([]);
+    const showColumnsLength = vue.computed(() => {
+      return (tableColumns.value || []).reduce((total, column) => {
+        return total + (isFilterColumn(column) ? 0 : 1);
+      }, 0);
+    });
+    function isFilterColumn(column) {
+      return !column.editable.edit || column.prop === "operator";
+    }
+    function showPopover() {
+      initColumnsInfo();
+      rowDrag();
+    }
+    function closePopover() {
+      var _a, _b, _c;
+      (_a = sortableInstance == null ? void 0 : sortableInstance.destroy) == null ? void 0 : _a.call(sortableInstance);
+      sortableInstance = null;
+      (_c = (_b = popoverRef.value) == null ? void 0 : _b.hide) == null ? void 0 : _c.call(_b);
+    }
+    function initColumnsInfo() {
+      const checkedArr = [];
+      tableEditableColumns.value = props.columns.reduce((list, column, index) => {
+        if (!isFilterColumn(column) && !column.editable.lock) {
+          list.push({
+            ...column,
+            sortIndex: index
+          });
+        }
+        return list;
+      }, []);
+      for (const key in props.columnsEditable || {}) {
+        const target = props.columnsEditable[key];
+        const { column } = target;
+        if (isFilterColumn(column) || column.editable.lock) {
+          continue;
+        }
+        if (target.checked) {
+          checkedArr.push(column.prop);
+        }
+      }
+      checkedList.value = checkedArr;
+    }
+    const checkedList = vue.ref([]);
+    const checkMap = vue.computed(() => {
+      return (vue.unref(checkedList) || []).reduce((map, item) => {
+        map.set(item);
+        return map;
+      }, /* @__PURE__ */ new Map());
+    });
+    function onCheckHandler(target) {
+      if (target.editable.lock) return;
+      const currentIndex = checkedList.value.findIndex((item) => item === target.prop);
+      if (currentIndex !== -1) {
+        checkedList.value.splice(currentIndex, 1);
+      } else {
+        checkedList.value.push(target.prop);
+      }
+    }
+    function onConfirmHandler() {
+      var _a;
+      if (!checkedList.value.length && showColumnsLength.value === ((_a = tableEditableColumns.value) == null ? void 0 : _a.length)) {
+        elementPlus.ElMessage.warning(t("table.theColumnsDisplayedInTheTableCannotBeLeftBlank"));
+        return;
+      }
+      if (checkedList.value.length >= 15) {
+        elementPlus.ElMessage.warning(t("table.maxColumnLimitTip"));
+        return;
+      }
+      const editableObj = tableEditableColumns.value.reduce((editableObj2, column) => {
+        editableObj2[column.prop].index = column.sortIndex;
+        editableObj2[column.prop].checked = checkMap.value.has(column.prop);
+        return editableObj2;
+      }, { ...props.columnsEditable });
+      emits("confirm", editableObj);
+      closePopover();
+    }
+    function onClearHandler() {
+      checkedList.value = [];
+    }
+    let sortableInstance;
+    async function rowDrag() {
+      await vue.nextTick();
+      const tbody = listRef.value;
+      if (!tbody) return;
+      sortableInstance = Sortable.create(tbody, {
+        handle: ".handle",
+        animation: 150,
+        onEnd(event) {
+          const { oldIndex, newIndex } = event;
+          if (is.isEmpty(oldIndex) || is.isEmpty(newIndex) || oldIndex === newIndex) return;
+          const newSortIndex = tableEditableColumns.value[newIndex].sortIndex;
+          tableEditableColumns.value[newIndex].sortIndex = tableEditableColumns.value[oldIndex].sortIndex;
+          tableEditableColumns.value[oldIndex].sortIndex = newSortIndex;
+          if (oldIndex < newIndex) {
+            tableEditableColumns.value.splice(oldIndex, 1, tableEditableColumns.value.splice(newIndex, 1, tableEditableColumns.value[oldIndex])[0]);
+          } else {
+            tableEditableColumns.value.splice(newIndex, 1, tableEditableColumns.value.splice(oldIndex, 1, tableEditableColumns.value[newIndex])[0]);
+          }
+        }
+      });
+    }
+    vue.watch(() => props.columns, () => {
+      tableColumns.value = [...props.columns || []];
+      closePopover();
+    }, { immediate: true, deep: true });
+    __expose({
+      close: closePopover
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(
+        vue.unref(elementPlus.ElPopover),
+        {
+          ref_key: "popoverRef",
+          ref: popoverRef,
+          trigger: "click",
+          placement: "left-start",
+          "popper-class": "!bg-dialog_background !p-0",
+          effect: "dark",
+          width: "400",
+          "show-arrow": false,
+          onShow: showPopover,
+          onHide: closePopover
+        },
+        {
+          reference: vue.withCtx(() => [
+            vue.createElementVNode("div", { class: "flex items-center gap-[10px] clickBox px-3 rounded hover:bg-backgroundv2" }, [
+              vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.Edit))
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createElementVNode(
+                "span",
+                null,
+                vue.toDisplayString(vue.unref(t)("table.editColumn")) + " \xB7 " + vue.toDisplayString(showColumnsLength.value),
+                1
+                /* TEXT */
+              )
+            ])
+          ]),
+          default: vue.withCtx(() => {
+            var _a, _b, _c;
+            return [
+              vue.createElementVNode("div", { class: "column-select-draggable text-sm text-main" }, [
+                vue.createElementVNode("div", { class: "h-[38px] flex items-center justify-between pl-[15px] pr-2 border-b border-border" }, [
+                  vue.createElementVNode(
+                    "span",
+                    { class: "text-main font-bold" },
+                    vue.toDisplayString(vue.unref(t)("table.editColumn")),
+                    1
+                    /* TEXT */
+                  ),
+                  vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                    class: "clickBox",
+                    color: "var(--dangerv2)",
+                    size: "18",
+                    onClick: closePopover
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(iconsVue.CircleClose))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ]),
+                vue.createElementVNode("div", { class: "h-[364px] px-4 pt-[11px] pb-1 overflow-y-auto" }, [
+                  vue.createVNode(vue.unref(elementPlus.ElCheckboxGroup), {
+                    modelValue: checkedList.value,
+                    "onUpdate:modelValue": ($event) => checkedList.value = $event
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode(
+                        "div",
+                        {
+                          class: vue.normalizeClass(["flex flex-col gap-1.5 leading-3 text-info", { "mb-1.5": tableEditableColumns.value.length > 0 }])
+                        },
+                        [
+                          (vue.openBlock(true), vue.createElementBlock(
+                            vue.Fragment,
+                            null,
+                            vue.renderList(__props.columns, (item, index$1) => {
+                              return vue.openBlock(), vue.createElementBlock(
+                                vue.Fragment,
+                                { key: index$1 },
+                                [
+                                  !isFilterColumn(item) && item.editable.lock ? (vue.openBlock(), vue.createElementBlock("div", {
+                                    key: 0,
+                                    class: "h-[36px] text-sm flex items-center pl-3 pr-2.5 bg-dialog_backgroundv2 hover:bg-dialog_backgroundv3"
+                                  }, [
+                                    item.editable.lock ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+                                      key: 0,
+                                      size: "14",
+                                      color: "var(--info)",
+                                      class: "mr-2"
+                                    }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(vue.unref(iconsVue.Lock))
+                                      ]),
+                                      _: 1
+                                      /* STABLE */
+                                    })) : vue.createCommentVNode("v-if", true),
+                                    vue.createElementVNode("div", { class: "w-0 flex-1" }, [
+                                      vue.createVNode(vue.unref(index.AppTooltip), {
+                                        "over-line": 1,
+                                        content: item.label
+                                      }, null, 8, ["content"])
+                                    ])
+                                  ])) : vue.createCommentVNode("v-if", true)
+                                ],
+                                64
+                                /* STABLE_FRAGMENT */
+                              );
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ],
+                        2
+                        /* CLASS */
+                      ),
+                      vue.createElementVNode(
+                        "div",
+                        {
+                          ref_key: "listRef",
+                          ref: listRef,
+                          class: "flex flex-col gap-1.5 leading-3"
+                        },
+                        [
+                          (vue.openBlock(true), vue.createElementBlock(
+                            vue.Fragment,
+                            null,
+                            vue.renderList(tableEditableColumns.value, (item, index$1) => {
+                              return vue.openBlock(), vue.createElementBlock("div", {
+                                key: item.prop,
+                                class: "h-[36px] text-sm flex items-center pl-3 pr-2.5 bg-dialog_backgroundv2 hover:bg-dialog_backgroundv3",
+                                "data-tag": index$1,
+                                onClick: ($event) => onCheckHandler(item)
+                              }, [
+                                item.editable.lock ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+                                  key: 0,
+                                  size: "14",
+                                  color: "var(--info)",
+                                  class: "mr-2"
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(iconsVue.Lock))
+                                  ]),
+                                  _: 1
+                                  /* STABLE */
+                                })) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckbox), {
+                                  key: 1,
+                                  value: item.prop,
+                                  onClick: vue.withModifiers(() => {
+                                  }, ["stop"])
+                                }, null, 8, ["value", "onClick"])),
+                                vue.createElementVNode("div", { class: "w-0 flex-1" }, [
+                                  vue.createVNode(vue.unref(index.AppTooltip), {
+                                    "over-line": 1,
+                                    content: item.label
+                                  }, null, 8, ["content"])
+                                ]),
+                                !item.editable.lock ? (vue.openBlock(), vue.createElementBlock("div", {
+                                  key: 2,
+                                  class: "h-full flex items-center text-auxiliary select-none ml-1"
+                                }, [
+                                  checkMap.value.has(item.prop) ? (vue.openBlock(), vue.createElementBlock(
+                                    "span",
+                                    { key: 0 },
+                                    vue.toDisplayString(vue.unref(t)("table.show")),
+                                    1
+                                    /* TEXT */
+                                  )) : (vue.openBlock(), vue.createElementBlock(
+                                    "span",
+                                    {
+                                      key: 1,
+                                      class: "text-info"
+                                    },
+                                    vue.toDisplayString(vue.unref(t)("table.notShown")),
+                                    1
+                                    /* TEXT */
+                                  )),
+                                  tableEditableColumns.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+                                    key: 2,
+                                    class: "w-5 h-full flex items-center justify-center handle cursor-grab ml-3",
+                                    onClick: vue.withModifiers(() => {
+                                    }, ["stop"])
+                                  }, [
+                                    vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                                      default: vue.withCtx(() => [
+                                        vue.createVNode(vue.unref(iconsVue.DCaret))
+                                      ]),
+                                      _: 1
+                                      /* STABLE */
+                                    })
+                                  ], 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
+                                ])) : vue.createCommentVNode("v-if", true)
+                              ], 8, ["data-tag", "onClick"]);
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ],
+                        512
+                        /* NEED_PATCH */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["modelValue", "onUpdate:modelValue"])
+                ]),
+                vue.createElementVNode("div", { class: "flex items-center pt-[5px] pb-4 pl-[14px] pr-3" }, [
+                  vue.createElementVNode(
+                    "span",
+                    null,
+                    vue.toDisplayString(vue.unref(t)("table.haveBeenSelected", [((_a = checkedList.value) == null ? void 0 : _a.length) || 0])),
+                    1
+                    /* TEXT */
+                  ),
+                  ((_b = checkedList.value) == null ? void 0 : _b.length) > 1 ? (vue.openBlock(), vue.createElementBlock(
+                    "span",
+                    {
+                      key: 0,
+                      class: "clickBox text-dangerv2 ml-3",
+                      onClick: onClearHandler
+                    },
+                    vue.toDisplayString(vue.unref(t)("table.clear")),
+                    1
+                    /* TEXT */
+                  )) : vue.createCommentVNode("v-if", true),
+                  vue.createElementVNode("div", { class: "flex items-center ml-auto" }, [
+                    ((_c = checkedList.value) == null ? void 0 : _c.length) >= 8 ? (vue.openBlock(), vue.createElementBlock("span", {
+                      key: 0,
+                      class: "flex items-center mr-2 text-auxiliary"
+                    }, [
+                      vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                        class: "mr-1.5",
+                        color: "var(--auxiliary)"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(iconsVue.Warning))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createElementVNode(
+                        "span",
+                        null,
+                        vue.toDisplayString(vue.unref(t)("table.tooManyFieldsWillAffectReadability")),
+                        1
+                        /* TEXT */
+                      )
+                    ])) : vue.createCommentVNode("v-if", true),
+                    vue.createVNode(vue.unref(elementPlus.ElButton), {
+                      type: "primary",
+                      size: "small",
+                      onClick: onConfirmHandler
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(
+                          vue.toDisplayString(vue.unref(t)("hy.configrm")),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ])
+                ])
+              ])
+            ];
+          }),
+          _: 1
+          /* STABLE */
+        },
+        512
+        /* NEED_PATCH */
+      );
+    };
+  }
+};
+
+exports.default = _sfc_main;
+//# sourceMappingURL=columnSelect.vue.js.map

package/lib/components/appTable/cpns/columnSelect.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnSelect.vue.js","sources":["../../../../packages/components/appTable/cpns/columnSelect.vue"],"sourcesContent":["<script setup>\nimport Sortable from 'sortablejs'\nimport { computed, nextTick, ref, unref, useTemplateRef, watch } from 'vue'\nimport { ElButton, ElIcon, ElPopover, ElCheckboxGroup, ElCheckbox, ElMessage } from 'element-plus'\nimport { Edit, CircleClose, Lock, Warning, DCaret } from '@element-plus/icons-vue'\nimport { useLocale } from '@hy-dispatch-ui-v3/hooks'\nimport { isEmpty } from '@hy-dispatch-ui-v3/utils'\nimport AppTooltip from '../../appTooltip'\n\nconst props = defineProps({\n  columns: {\n    type: Array,\n    default: () => []\n  },\n  columnsEditable: {\n    type: Object,\n    default: () => ({})\n  }\n})\nconst emits = defineEmits(['confirm'])\n\nconst { t } = useLocale()\nconst popoverRef = useTemplateRef('popoverRef')\nconst listRef = useTemplateRef('listRef')\n\nconst tableColumns = ref([])\nconst tableEditableColumns = ref([])\nconst showColumnsLength = computed(() => {\n  return (tableColumns.value || []).reduce((total, column) => {\n    return total + (isFilterColumn(column) ? 0 : 1)\n  }, 0)\n})\n// 是否过滤不排序\nfunction isFilterColumn(column) {\n  return !column.editable.edit || column.prop === 'operator'\n}\n\n// 弹出框\nfunction showPopover() {\n  initColumnsInfo()\n  rowDrag()\n}\nfunction closePopover() {\n  sortableInstance?.destroy?.()\n  sortableInstance = null\n  popoverRef.value?.hide?.()\n}\nfunction initColumnsInfo() {\n  const checkedArr = []\n  tableEditableColumns.value = props.columns.reduce((list, column, index) => {\n    if (!isFilterColumn(column) && !column.editable.lock) {\n      list.push({\n        ...column,\n        sortIndex: index,\n      })\n    }\n    return list\n  }, [])\n  for (const key in (props.columnsEditable || {})) {\n    const target  = props.columnsEditable[key]\n    const { column } = target\n    if (isFilterColumn(column) || column.editable.lock) {\n      continue\n    }\n    if (target.checked) {\n      checkedArr.push(column.prop)\n    }\n  }\n  checkedList.value = checkedArr\n}\n\n// 选择框\nconst checkedList = ref([])\nconst checkMap = computed(() => {\n  return (unref(checkedList) || []).reduce((map, item) => {\n    map.set(item)\n    return map\n  }, new Map())\n})\nfunction onCheckHandler(target) {\n  if (target.editable.lock) return\n  const currentIndex = checkedList.value.findIndex((item) => item === target.prop)\n  if (currentIndex !== -1) {\n    checkedList.value.splice(currentIndex, 1)\n  } else {\n    checkedList.value.push(target.prop)\n  }\n}\nfunction onConfirmHandler() {\n  if (!checkedList.value.length && showColumnsLength.value === tableEditableColumns.value?.length) {\n    ElMessage.warning(t('table.theColumnsDisplayedInTheTableCannotBeLeftBlank'))\n    return\n  }\n  if (checkedList.value.length >= 15) {\n    ElMessage.warning(t('table.maxColumnLimitTip'))\n    return\n  }\n  const editableObj = tableEditableColumns.value.reduce((editableObj, column) => {\n    editableObj[column.prop].index = column.sortIndex\n    editableObj[column.prop].checked = checkMap.value.has(column.prop)\n    return editableObj\n  }, { ...props.columnsEditable })\n  emits('confirm', editableObj)\n  closePopover()\n}\nfunction onClearHandler() {\n  checkedList.value = []\n}\n\n// 行拖拽排序\nlet sortableInstance\nasync function rowDrag() {\n  await nextTick()\n  // 要拖拽元素的父容器\n  const tbody = listRef.value\n  if (!tbody) return;\n  sortableInstance = Sortable.create(tbody, {\n    handle: '.handle',\n    animation: 150,\n    onEnd(event) {\n      const { oldIndex, newIndex } = event\n      if (isEmpty(oldIndex) || isEmpty(newIndex) || oldIndex === newIndex) return\n\n      const newSortIndex = tableEditableColumns.value[newIndex].sortIndex\n      tableEditableColumns.value[newIndex].sortIndex = tableEditableColumns.value[oldIndex].sortIndex\n      tableEditableColumns.value[oldIndex].sortIndex = newSortIndex\n\n      if (oldIndex < newIndex) {\n        tableEditableColumns.value.splice(oldIndex, 1, tableEditableColumns.value.splice(newIndex, 1, tableEditableColumns.value[oldIndex])[0])\n      } else {\n        tableEditableColumns.value.splice(newIndex, 1, tableEditableColumns.value.splice(oldIndex, 1, tableEditableColumns.value[newIndex])[0])\n      }\n    },\n  })\n}\n\nwatch(() => props.columns, () => {\n  tableColumns.value = [...(props.columns || [])]\n  closePopover()\n}, { immediate: true, deep: true })\n\ndefineExpose({\n  close: closePopover\n})\n</script>\n\n<template>\n  <el-popover\n    ref=\"popoverRef\"\n    trigger=\"click\"\n    placement=\"left-start\"\n    popper-class=\"!bg-dialog_background !p-0\"\n    effect=\"dark\"\n    width=\"400\"\n    :show-arrow=\"false\"\n    @show=\"showPopover\"\n    @hide=\"closePopover\"\n  >\n    <template #reference>\n      <div class=\"flex items-center gap-[10px] clickBox px-3 rounded hover:bg-backgroundv2\">\n        <el-icon><Edit /></el-icon>\n        <span>{{ t('table.editColumn') }} · {{ showColumnsLength }}</span>\n      </div>\n    </template>\n    <template #default>\n      <div class=\"column-select-draggable text-sm text-main\">\n        <div\n          class=\"h-[38px] flex items-center justify-between pl-[15px] pr-2 border-b border-border\"\n        >\n          <span class=\"text-main font-bold\">{{ t('table.editColumn') }}</span>\n          <el-icon class=\"clickBox\" color=\"var(--dangerv2)\" size=\"18\" @click=\"closePopover\">\n            <CircleClose />\n          </el-icon>\n        </div>\n        <div class=\"h-[364px] px-4 pt-[11px] pb-1 overflow-y-auto\">\n          <el-checkbox-group v-model=\"checkedList\">\n            <div\n              class=\"flex flex-col gap-1.5 leading-3 text-info\"\n              :class=\"{ 'mb-1.5': tableEditableColumns.length > 0 }\"\n            >\n              <template\n                v-for=\"(item, index) in columns\"\n                :key=\"index\"\n              >\n                <div\n                  v-if=\"!isFilterColumn(item) && item.editable.lock\"\n                  class=\"h-[36px] text-sm flex items-center pl-3 pr-2.5 bg-dialog_backgroundv2 hover:bg-dialog_backgroundv3\"\n                >\n                  <el-icon v-if=\"item.editable.lock\" size=\"14\" color=\"var(--info)\" class=\"mr-2\">\n                    <Lock />\n                  </el-icon>\n                  <div class=\"w-0 flex-1\">\n                    <AppTooltip :over-line=\"1\" :content=\"item.label\" />\n                  </div>\n                </div>\n              </template>\n            </div>\n            <div ref=\"listRef\" class=\"flex flex-col gap-1.5 leading-3\">\n              <div\n                v-for=\"(item, index) in tableEditableColumns\"\n                :key=\"item.prop\"\n                class=\"h-[36px] text-sm flex items-center pl-3 pr-2.5 bg-dialog_backgroundv2 hover:bg-dialog_backgroundv3\"\n                :data-tag=\"index\"\n                @click=\"onCheckHandler(item, index)\"\n              >\n                <el-icon v-if=\"item.editable.lock\" size=\"14\" color=\"var(--info)\" class=\"mr-2\">\n                  <Lock />\n                </el-icon>\n                <el-checkbox v-else :value=\"item.prop\" @click.stop />\n                <div class=\"w-0 flex-1\">\n                  <AppTooltip :over-line=\"1\" :content=\"item.label\" />\n                </div>\n                <div v-if=\"!item.editable.lock\" class=\"h-full flex items-center text-auxiliary select-none ml-1\">\n                  <span v-if=\"checkMap.has(item.prop)\">{{ t('table.show') }}</span>\n                  <span v-else class=\"text-info\">{{ t('table.notShown')  }}</span>\n                  <div\n                    v-if=\"tableEditableColumns.length > 1\"\n                    class=\"w-5 h-full flex items-center justify-center handle cursor-grab ml-3\"\n                    @click.stop\n                  >\n                    <el-icon><DCaret /></el-icon>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </el-checkbox-group>\n        </div>\n        <div class=\"flex items-center pt-[5px] pb-4 pl-[14px] pr-3\">\n          <span>{{ t('table.haveBeenSelected', [checkedList?.length || 0]) }}</span>\n          <span\n            v-if=\"checkedList?.length > 1\"\n            class=\"clickBox text-dangerv2 ml-3\"\n            @click=\"onClearHandler\"\n          >{{ t('table.clear') }}</span>\n          <div class=\"flex items-center ml-auto\">\n            <span v-if=\"checkedList?.length >= 8\" class=\"flex items-center mr-2 text-auxiliary\">\n              <el-icon class=\"mr-1.5\" color=\"var(--auxiliary)\"><Warning /></el-icon>\n              <span>{{ t('table.tooManyFieldsWillAffectReadability') }}</span>\n            </span>\n            <el-button type=\"primary\" size=\"small\" @click=\"onConfirmHandler\">{{ t('hy.configrm') }}</el-button>\n          </div>\n        </div>\n      </div>\n    </template>\n  </el-popover>\n</template>\n"],"names":["useTemplateRef","ref","computed","unref","ElMessage","nextTick","isEmpty","watch","_openBlock","_createBlock","_unref","ElPopover"],"mappings":"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"}

package/lib/components/appTable/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var appTable = require('./appTable.vue.js');
+var useAppTable = require('./js/useAppTable.js');
+var handler = require('../../utils/handler.js');
+
+const AppTable = handler.withInstall(appTable.default);
+
+exports.useAppTable = useAppTable.useAppTable;
+exports.AppTable = AppTable;
+exports.default = AppTable;
+//# sourceMappingURL=index.js.map

package/lib/components/appTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../packages/components/appTable/index.js"],"sourcesContent":["import componnet from './appTable.vue'\nimport { withInstall } from '@hy-dispatch-ui-v3/utils'\n\nconst AppTable = withInstall(componnet)\n\nexport { AppTable }\n\nexport { useAppTable } from './js/useAppTable.js'\n\nexport default AppTable\n"],"names":["withInstall","componnet"],"mappings":";;;;;;;;AAEK,MAAC,QAAQ,GAAGA,mBAAW,CAACC,gBAAS;;;;;;"}