hy-dispatch-ui-v3 0.1.0

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

@@ -0,0 +1,311 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var is = require('../../../utils/is.js');
+var useLocale = require('../../../hooks/useLocale.js');
+
+function tableColumnShowHandler(column) {
+  const show = vue.unref(column.show);
+  if (is.isBoolean(show)) return show;
+  if (is.isFunction(show)) return show(column);
+  return true;
+}
+function tableColumnsEditableleHandler(columns, columnsEditablele, searchArr) {
+  const searchLabelSet = /* @__PURE__ */ new Set();
+  const columnsEditableleObj = {};
+  for (const column of columns) {
+    const { editable } = column;
+    const columnsEditableleItem = columnsEditablele[column.prop] || editable;
+    const { index } = columnsEditableleItem;
+    if (!columnsEditableleObj[index]) {
+      columnsEditableleObj[index] = [];
+    }
+    columnsEditableleObj[index].push({
+      ...columnsEditableleItem,
+      column
+    });
+    if (column.isSearch) {
+      searchLabelSet.add(column.label);
+    }
+  }
+  if ((searchArr == null ? void 0 : searchArr.length) > 0) {
+    searchArr.forEach((item) => {
+      searchLabelSet.add(item.label);
+    });
+  }
+  return Object.keys(columnsEditableleObj).reduce(
+    ({ columnsEditablele: columnsEditablele2, columnsList, searchText }, key) => {
+      const list = columnsEditableleObj[key];
+      for (let i = 0; i < list.length; i++) {
+        const target = list[i];
+        columnsEditablele2[target.column.prop] = {
+          ...target,
+          index: columnsList.length + i
+        };
+        columnsList.push(target.column);
+      }
+      return { columnsEditablele: columnsEditablele2, columnsList, searchText };
+    },
+    {
+      columnsEditablele: {},
+      columnsList: [],
+      searchText: Array.from(searchLabelSet.values()).join("\u3001")
+    }
+  );
+}
+function tableColumnHandler(cacheKey, columns, searchArr) {
+  const cacheColumnsValue = JSON.parse(sessionStorage.getItem(cacheKey) || "{}");
+  const cacheColumnsEditablele = columns.reduce((obj, column) => {
+    obj[column.prop] = {
+      ...column.editable,
+      ...cacheColumnsValue[column.prop],
+      lock: column.editable.lock,
+      edit: column.editable.edit
+    };
+    return obj;
+  }, {});
+  return tableColumnsEditableleHandler(
+    columns,
+    cacheColumnsEditablele,
+    searchArr
+  );
+}
+function operatorShowHandler(operator, scope) {
+  const show = vue.unref(operator.show);
+  if (is.isBoolean(show)) return show;
+  if (is.isFunction(show)) return show(scope);
+  return true;
+}
+function operatorDisabledHandler(column, scope) {
+  const { disabled } = column;
+  if (is.isBoolean(disabled)) return disabled;
+  if (is.isFunction(disabled)) return disabled(scope);
+  return false;
+}
+function operatorDisableTextdHandler(column, scope) {
+  const { t } = useLocale.useLocale();
+  const { disabledText } = column;
+  if (is.isString(disabledText)) return disabledText;
+  if (is.isFunction(disabledText)) return disabledText(scope);
+  return t("table.nonsupport");
+}
+function operatorFilterHandler(column, scope, type = "all") {
+  let { width } = column;
+  width = is.isString(width) ? Number(width.replace(/[a-zA-Z]+/g, "")) : width;
+  const operator = (column.operator || []).filter(
+    (item) => operatorShowHandler(item, scope)
+  );
+  if (type === "all" || operator.length <= 1 && type === "default") {
+    return operator;
+  }
+  const btnWidth = 28;
+  const gapWidth = 12;
+  const operatorCount = Math.floor((width - 12 * 2) / (btnWidth + gapWidth));
+  if (operatorCount === operator.length) {
+    return type === "default" ? operator : [];
+  }
+  if (type === "default") {
+    return operator.slice(0, operatorCount - 1);
+  } else {
+    return operator.slice(operatorCount - 1);
+  }
+}
+function operatorClickHandler(command, column, scope, type = "all") {
+  const operator = operatorFilterHandler(column, scope, type);
+  const target = operator[command];
+  (target == null ? void 0 : target.onClick) && target.onClick(scope);
+}
+const useAppTableWrapper = (hy) => {
+  const {
+    props,
+    emits,
+    containerRef,
+    tableRef,
+    tableDropdownRef,
+    operatorDropdownRef
+  } = hy;
+  const { t } = useLocale.useLocale();
+  const CACHE_COLUMNS_KEY = "CACHE_COLUMNS_KEY";
+  const loading = vue.ref(true);
+  const tableDataSource = vue.ref([]);
+  const tableColumns = vue.ref([]);
+  const tableColumnsEditablele = vue.ref({});
+  const searchPlaceholder = vue.ref("");
+  function getRowKey(row = {}) {
+    if (is.isString(props.rowKey)) return row[props.rowKey];
+    if (is.isFunction(props.rowKey)) return props.rowKey(row);
+    return row.id;
+  }
+  function onTableColumnsSelectHandler(value) {
+    const { columnsEditablele, columnsList, searchText } = tableColumnsEditableleHandler(props.tableColumns, value, props.searchArr);
+    tableColumns.value = columnsList;
+    tableColumnsEditablele.value = columnsEditablele;
+    searchPlaceholder.value = searchText;
+    sessionStorage.setItem(CACHE_COLUMNS_KEY, JSON.stringify(value));
+  }
+  function doLayout() {
+    var _a;
+    (_a = tableRef.value) == null ? void 0 : _a.doLayout();
+  }
+  let loadingInstance, loadingTimer;
+  function showAppTableLoading() {
+    if (loadingInstance || !props.showLoading) return;
+    closeAppTableLoading();
+    loadingInstance = elementPlus.ElLoading.service({
+      target: containerRef.value,
+      body: false,
+      fullscreen: false,
+      text: t("hy.loading"),
+      lock: true,
+      // spinner: 'el-icon-loading',
+      background: "rgba(0, 0, 0, 0.8)"
+    });
+    loadingTimer = setTimeout(() => {
+      closeAppTableLoading();
+    }, 60 * 1e3);
+  }
+  function closeAppTableLoading() {
+    loadingTimer && clearTimeout(loadingTimer);
+    loadingInstance == null ? void 0 : loadingInstance.close();
+    loadingInstance = null;
+  }
+  const tableTriggerPosition = vue.ref({
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0
+  });
+  const tableTriggerRef = vue.ref({
+    column: {},
+    scope: {},
+    getBoundingClientRect: () => tableTriggerPosition.value
+  });
+  function onTableRowContextmenuHandler(row, _, event) {
+    var _a, _b;
+    if (props.onRowContextmenu) {
+      props.onRowContextmenu(row, _, event);
+      return;
+    }
+    const { clientX, clientY } = event;
+    tableTriggerPosition.value = DOMRect.fromRect({
+      x: clientX,
+      y: clientY
+    });
+    const column = tableColumns.value.find(
+      (column2) => column2.prop === "operator"
+    );
+    const operator = operatorFilterHandler(column, { row });
+    if (!(operator == null ? void 0 : operator.length)) return;
+    tableTriggerRef.value.column = column;
+    tableTriggerRef.value.scope = { row };
+    event.preventDefault();
+    (_a = tableDropdownRef.value) == null ? void 0 : _a.handleOpen();
+    if (is.isArray(operatorDropdownRef.value)) {
+      operatorDropdownRef.value.forEach((item) => item.handleClose());
+    } else {
+      (_b = operatorDropdownRef.value) == null ? void 0 : _b.handleClose();
+    }
+  }
+  const selectedList = vue.ref([]);
+  const selectedMap = vue.computed(() => {
+    return (selectedList.value || []).reduce((map, row, index) => {
+      map.set(getRowKey(row), index);
+      return map;
+    }, /* @__PURE__ */ new Map());
+  });
+  function isSelectable(row) {
+    const column = tableColumns.value.find((column2) => {
+      return column2.type === "selection";
+    });
+    if (!is.isFunction(column == null ? void 0 : column.selectable)) return true;
+    return column.selectable(row);
+  }
+  function getSelectedIndex(row) {
+    let index = selectedMap.value.get(getRowKey(row));
+    return is.isNumber(index) ? index : -1;
+  }
+  function clearSelection() {
+    var _a;
+    (_a = tableRef.value) == null ? void 0 : _a.clearSelection();
+  }
+  function getSelectedList() {
+    return selectedList.value;
+  }
+  async function onTableRowClickHandler(row) {
+    emits("row-click", row);
+    if (tableColumns.value.some((column) => column.type === "expand")) {
+      tableRef.value.toggleRowExpansion(row);
+    }
+    if (!isSelectable(row)) return;
+    if (tableColumns.value.some((column) => column.type === "selection")) {
+      tableRef.value.toggleRowSelection(row);
+      const index = getSelectedIndex(row);
+      if (index !== -1) {
+        selectedList.value.splice(index, 1);
+      } else {
+        selectedList.value.push(row);
+      }
+      await vue.nextTick();
+      emits("on-select-checkbox", selectedList.value, row);
+    }
+  }
+  function onTableSelectAllHandler(selectList = [], row) {
+    if (selectList.length === 0 && tableDataSource.value.length === 0) {
+      tableRef.value.clearSelection();
+    }
+    selectedList.value = [...selectList];
+    emits("on-select-checkbox", [...selectList], row);
+  }
+  function setTableRowClassName(obj) {
+    const row = obj.row;
+    let className = [];
+    if (props.rowClassName) {
+      className.push(props.rowClassName(obj));
+    }
+    if (getSelectedIndex(row) !== -1) {
+      className.push("selected");
+    }
+    return className.filter(Boolean).join(" ");
+  }
+  vue.watchEffect(() => {
+    const { columnsList, columnsEditablele, searchText } = tableColumnHandler(
+      CACHE_COLUMNS_KEY,
+      props.tableColumns,
+      props.searchArr
+    );
+    tableColumns.value = columnsList;
+    tableColumnsEditablele.value = columnsEditablele;
+    searchPlaceholder.value = searchText;
+  });
+  return {
+    // 表格配置项
+    loading,
+    tableDataSource,
+    tableColumns,
+    tableColumnsEditablele,
+    searchPlaceholder,
+    doLayout,
+    showAppTableLoading,
+    closeAppTableLoading,
+    // 表格行操作配置
+    getRowKey,
+    selectedList,
+    tableTriggerRef,
+    setTableRowClassName,
+    onTableSelectAllHandler,
+    onTableRowContextmenuHandler,
+    onTableRowClickHandler,
+    onTableColumnsSelectHandler,
+    getSelectedList,
+    clearSelection
+  };
+};
+
+exports.operatorClickHandler = operatorClickHandler;
+exports.operatorDisableTextdHandler = operatorDisableTextdHandler;
+exports.operatorDisabledHandler = operatorDisabledHandler;
+exports.operatorFilterHandler = operatorFilterHandler;
+exports.tableColumnShowHandler = tableColumnShowHandler;
+exports.useAppTableWrapper = useAppTableWrapper;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/appTable/js/index.js"],"sourcesContent":["import { nextTick, ref, computed, watchEffect, unref } from 'vue'\nimport { ElLoading } from 'element-plus'\nimport { useLocale } from '@hy-dispatch-ui-v3/hooks'\nimport {\n  isNumber,\n  isArray,\n  isBoolean,\n  isFunction,\n  isString,\n} from '@hy-dispatch-ui-v3/utils'\n\nexport function tableColumnShowHandler(column) {\n  const show = unref(column.show)\n  if (isBoolean(show)) return show\n  if (isFunction(show)) return show(column)\n  return true\n}\n\n// 表格列排序处理\nfunction tableColumnsEditableleHandler(columns, columnsEditablele, searchArr) {\n  const searchLabelSet = new Set()\n  const columnsEditableleObj = {}\n  for (const column of columns) {\n    const { editable } = column\n    // 获取当前项缓存排序\n    const columnsEditableleItem = columnsEditablele[column.prop] || editable\n    const { index } = columnsEditableleItem\n    if (!columnsEditableleObj[index]) {\n      columnsEditableleObj[index] = []\n    }\n    columnsEditableleObj[index].push({\n      ...columnsEditableleItem,\n      column,\n    })\n    // 处理搜索的placeholder\n    if (column.isSearch) {\n      searchLabelSet.add(column.label)\n    }\n  }\n  if (searchArr?.length > 0) {\n    searchArr.forEach((item) => {\n      searchLabelSet.add(item.label)\n    })\n  }\n  return Object.keys(columnsEditableleObj).reduce(\n    ({ columnsEditablele, columnsList, searchText }, key) => {\n      const list = columnsEditableleObj[key]\n      for (let i = 0; i < list.length; i++) {\n        const target = list[i]\n        columnsEditablele[target.column.prop] = {\n          ...target,\n          index: columnsList.length + i,\n        }\n        columnsList.push(target.column)\n      }\n      return { columnsEditablele, columnsList, searchText }\n    },\n    {\n      columnsEditablele: {},\n      columnsList: [],\n      searchText: Array.from(searchLabelSet.values()).join('、'),\n    }\n  )\n}\n\n// 表格columns处理器\nfunction tableColumnHandler(cacheKey, columns, searchArr) {\n  const cacheColumnsValue = JSON.parse(sessionStorage.getItem(cacheKey) || '{}')\n  const cacheColumnsEditablele = columns.reduce((obj, column) => {\n    obj[column.prop] = {\n      ...column.editable,\n      ...cacheColumnsValue[column.prop],\n      lock: column.editable.lock,\n      edit: column.editable.edit,\n    }\n    return obj\n  }, {})\n\n  return tableColumnsEditableleHandler(\n    columns,\n    cacheColumnsEditablele,\n    searchArr\n  )\n}\n\n// 操作选项显示处理\nfunction operatorShowHandler(operator, scope) {\n  const show = unref(operator.show)\n  if (isBoolean(show)) return show\n  if (isFunction(show)) return show(scope)\n  return true\n}\n\n// 操作选项禁用字段处理\nexport function operatorDisabledHandler(column, scope) {\n  const { disabled } = column\n  if (isBoolean(disabled)) return disabled\n  if (isFunction(disabled)) return disabled(scope)\n  return false\n}\n\n// 操作选项禁用处理\nexport function operatorDisableTextdHandler(column, scope) {\n  const { t } = useLocale()\n  const { disabledText } = column\n  if (isString(disabledText)) return disabledText\n  if (isFunction(disabledText)) return disabledText(scope)\n  return t('table.nonsupport')\n}\n\n// 过滤出操作选项，type：default-默认未超出不隐藏 more-超出隐藏 all-全部\nexport function operatorFilterHandler(column, scope, type = 'all') {\n  let { width } = column\n  width = isString(width) ? Number(width.replace(/[a-zA-Z]+/g, '')) : width\n  const operator = (column.operator || []).filter((item) =>\n    operatorShowHandler(item, scope)\n  )\n  if (type === 'all' || (operator.length <= 1 && type === 'default')) {\n    return operator\n  }\n  const btnWidth = 28\n  const gapWidth = 12\n  const operatorCount = Math.floor((width - 12 * 2) / (btnWidth + gapWidth))\n  if (operatorCount === operator.length) {\n    return type === 'default' ? operator : []\n  }\n  if (type === 'default') {\n    return operator.slice(0, operatorCount - 1)\n  } else {\n    return operator.slice(operatorCount - 1)\n  }\n}\n\n// 操作选项触发处理\nexport function operatorClickHandler(command, column, scope, type = 'all') {\n  const operator = operatorFilterHandler(column, scope, type)\n  const target = operator[command]\n  target?.onClick && target.onClick(scope)\n}\n\nexport const useAppTableWrapper = (hy) => {\n  const {\n    props,\n    emits,\n    containerRef,\n    tableRef,\n    tableDropdownRef,\n    operatorDropdownRef,\n  } = hy\n\n  const { t } = useLocale()\n\n  // 表格配置\n  const CACHE_COLUMNS_KEY = 'CACHE_COLUMNS_KEY'\n  const loading = ref(true)\n  const tableDataSource = ref([])\n  const tableColumns = ref([])\n  const tableColumnsEditablele = ref({})\n  const searchPlaceholder = ref('')\n  function getRowKey(row = {}) {\n    if (isString(props.rowKey)) return row[props.rowKey]\n    if (isFunction(props.rowKey)) return props.rowKey(row)\n    return row.id\n  }\n  function onTableColumnsSelectHandler(value) {\n    const { columnsEditablele, columnsList, searchText } =\n      tableColumnsEditableleHandler(props.tableColumns, value, props.searchArr)\n    tableColumns.value = columnsList\n    tableColumnsEditablele.value = columnsEditablele\n    searchPlaceholder.value = searchText\n    sessionStorage.setItem(CACHE_COLUMNS_KEY, JSON.stringify(value))\n  }\n  function doLayout() {\n    tableRef.value?.doLayout()\n  }\n  // 表格加载处理\n  let loadingInstance, loadingTimer\n  function showAppTableLoading() {\n    if (loadingInstance || !props.showLoading) return\n    closeAppTableLoading()\n    loadingInstance = ElLoading.service({\n      target: containerRef.value,\n      body: false,\n      fullscreen: false,\n      text: t('hy.loading'),\n      lock: true,\n      // spinner: 'el-icon-loading',\n      background: 'rgba(0, 0, 0, 0.8)',\n    })\n    loadingTimer = setTimeout(() => {\n      closeAppTableLoading()\n    }, 60 * 1000)\n  }\n  function closeAppTableLoading() {\n    loadingTimer && clearTimeout(loadingTimer)\n    loadingInstance?.close()\n    loadingInstance = null\n  }\n\n  // 表格行右击\n  const tableTriggerPosition = ref({\n    top: 0,\n    left: 0,\n    bottom: 0,\n    right: 0,\n  })\n  const tableTriggerRef = ref({\n    column: {},\n    scope: {},\n    getBoundingClientRect: () => tableTriggerPosition.value,\n  })\n  function onTableRowContextmenuHandler(row, _, event) {\n    if (props.onRowContextmenu) {\n      props.onRowContextmenu(row, _, event)\n      return\n    }\n    const { clientX, clientY } = event\n    tableTriggerPosition.value = DOMRect.fromRect({\n      x: clientX,\n      y: clientY,\n    })\n    const column = tableColumns.value.find(\n      (column) => column.prop === 'operator'\n    )\n    const operator = operatorFilterHandler(column, { row })\n    if (!operator?.length) return\n    tableTriggerRef.value.column = column\n    tableTriggerRef.value.scope = { row }\n    event.preventDefault()\n    tableDropdownRef.value?.handleOpen()\n    if (isArray(operatorDropdownRef.value)) {\n      operatorDropdownRef.value.forEach((item) => item.handleClose())\n    } else {\n      operatorDropdownRef.value?.handleClose()\n    }\n  }\n\n  // 表格选中\n  const selectedList = ref([]) // 已选中列表\n  const selectedMap = computed(() => {\n    return (selectedList.value || []).reduce((map, row, index) => {\n      map.set(getRowKey(row), index)\n      return map\n    }, new Map())\n  })\n  // 是否已选中\n  function isSelectable(row) {\n    const column = tableColumns.value.find((column) => {\n      return column.type === 'selection'\n    })\n    if (!isFunction(column?.selectable)) return true\n    return column.selectable(row)\n  }\n  // 获取当前选中列表下标\n  function getSelectedIndex(row) {\n    let index = selectedMap.value.get(getRowKey(row))\n    return isNumber(index) ? index : -1\n  }\n  // 清除选中\n  function clearSelection() {\n    tableRef.value?.clearSelection()\n  }\n  // 获取选中列表\n  function getSelectedList() {\n    return selectedList.value\n  }\n  // 点击行处理\n  async function onTableRowClickHandler(row) {\n    emits('row-click', row)\n    // 判断是否有展开配置，并处理\n    if (tableColumns.value.some((column) => column.type === 'expand')) {\n      tableRef.value.toggleRowExpansion(row)\n    }\n    // 判断是否可以选中\n    if (!isSelectable(row)) return\n    // 判断是否有选中配置，并处理\n    if (tableColumns.value.some((column) => column.type === 'selection')) {\n      tableRef.value.toggleRowSelection(row)\n\n      const index = getSelectedIndex(row)\n      if (index !== -1) {\n        selectedList.value.splice(index, 1)\n      } else {\n        selectedList.value.push(row)\n      }\n      await nextTick()\n      emits('on-select-checkbox', selectedList.value, row)\n    }\n  }\n  // 全选择时触发的事件\n  function onTableSelectAllHandler(selectList = [], row) {\n    if (selectList.length === 0 && tableDataSource.value.length === 0) {\n      tableRef.value.clearSelection()\n    }\n    selectedList.value = [...selectList]\n    emits('on-select-checkbox', [...selectList], row)\n  }\n  // 设置行类名\n  function setTableRowClassName(obj) {\n    const row = obj.row\n    let className = []\n    if (props.rowClassName) {\n      className.push(props.rowClassName(obj))\n    }\n\n    if (getSelectedIndex(row) !== -1) {\n      className.push('selected')\n    }\n\n    return className.filter(Boolean).join(' ')\n  }\n\n  // 处理表格column\n  watchEffect(() => {\n    const { columnsList, columnsEditablele, searchText } = tableColumnHandler(\n      CACHE_COLUMNS_KEY,\n      props.tableColumns,\n      props.searchArr\n    )\n    tableColumns.value = columnsList\n    tableColumnsEditablele.value = columnsEditablele\n    searchPlaceholder.value = searchText\n  })\n\n  return {\n    // 表格配置项\n    loading,\n    tableDataSource,\n    tableColumns,\n    tableColumnsEditablele,\n    searchPlaceholder,\n    doLayout,\n    showAppTableLoading,\n    closeAppTableLoading,\n    // 表格行操作配置\n    getRowKey,\n    selectedList,\n    tableTriggerRef,\n    setTableRowClassName,\n    onTableSelectAllHandler,\n    onTableRowContextmenuHandler,\n    onTableRowClickHandler,\n    onTableColumnsSelectHandler,\n    getSelectedList,\n    clearSelection,\n  }\n}\n"],"names":["unref","isBoolean","isFunction","useLocale","isString","ref","ElLoading","isArray","computed","isNumber","nextTick","watchEffect"],"mappings":"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"}

package/lib/components/appTable/js/search.js

@@ -0,0 +1,131 @@
+'use strict';
+
+var vue = require('vue');
+var useAppSearch = require('../../appSearch/js/useAppSearch.js');
+var useApi = require('../../../hooks/useApi.js');
+var is = require('../../../utils/is.js');
+
+function useAppTableSearch(hy) {
+  const {
+    props,
+    emits,
+    appSearchRef,
+    tableDataSource,
+    showAppTableLoading,
+    closeAppTableLoading,
+    clearSelection
+  } = hy;
+  const { api } = useApi.useApi();
+  const { formModel, formColumns } = useAppSearch.useAppSearch(props.filterColumns, {
+    page: 1,
+    // 当前分页数
+    size: 15
+    // 每页数量
+  });
+  const totalElements = vue.ref(0);
+  const showFilter = vue.ref(true);
+  function switchShowFilter() {
+    showFilter.value = !showFilter.value;
+  }
+  async function getData(page = null) {
+    await vue.nextTick();
+    showAppTableLoading();
+    return new Promise((resolve, reject) => {
+      if (!is.isEmpty(page)) {
+        if (is.isNumber(page) || is.isString(page)) {
+          formModel.value.page = page;
+        }
+      }
+      const params = getParametersFn();
+      if (props.controller) {
+        api.page(props.controller, params).then(successFun).finally(() => {
+          resolve();
+          closeAppTableLoading();
+          clearSelection();
+        });
+      } else if (props.url) {
+        api.post(props.url, params).then(successFun).finally(() => {
+          resolve();
+          closeAppTableLoading();
+          clearSelection();
+        });
+      } else {
+        closeAppTableLoading();
+        reject();
+      }
+    });
+    function successFun(res) {
+      var _a;
+      if (!((_a = res.data.content) == null ? void 0 : _a.length) && formModel.value.page !== 1) {
+        getData(1);
+        return;
+      }
+      const data = res.data.content ? res.data.content : res.data || [];
+      if (props.beforeDataHandler) {
+        tableDataSource.value = props.beforeDataHandler(data);
+      } else {
+        tableDataSource.value = data;
+      }
+      totalElements.value = res.data.totalElements;
+      emits("reqSuccess", tableDataSource.value);
+    }
+  }
+  async function resetFn() {
+    await vue.nextTick();
+    appSearchRef.value.resetFields();
+    formModel.value.query = null;
+    getData(1);
+  }
+  function getParametersFn() {
+    return Object.assign(
+      {
+        ...vue.unref(formModel),
+        page: vue.unref(formModel).page - 1
+      },
+      { isJSON: props.isJsonData },
+      vue.unref(props.requestParams)
+    );
+  }
+  function getTableDataSource() {
+    return tableDataSource.value;
+  }
+  function getTotalElements() {
+    return totalElements.value;
+  }
+  function setData(dataSource) {
+    tableDataSource.value = dataSource || [];
+    closeAppTableLoading();
+  }
+  function onSizeChangeHandler(val) {
+    formModel.value.page = 1;
+    formModel.value.size = val;
+    getData();
+  }
+  function onCurrentChangeHandler(val) {
+    formModel.value.page = val;
+    getData();
+  }
+  let oldQueryValue;
+  function onSearchQueryHandler() {
+    const isReset = !(is.isEmpty(oldQueryValue) && is.isEmpty(formModel.value.query) || oldQueryValue === formModel.value.query);
+    getData(isReset ? 1 : null);
+  }
+  return {
+    formModel,
+    formColumns,
+    totalElements,
+    showFilter,
+    getData,
+    resetFn,
+    switchShowFilter,
+    getTableDataSource,
+    getTotalElements,
+    setData,
+    onSizeChangeHandler,
+    onCurrentChangeHandler,
+    onSearchQueryHandler
+  };
+}
+
+exports.useAppTableSearch = useAppTableSearch;
+//# sourceMappingURL=search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sources":["../../../../packages/components/appTable/js/search.js"],"sourcesContent":["import { nextTick, ref, unref } from 'vue'\nimport { useAppSearch } from '@hy-dispatch-ui-v3/components'\nimport { isEmpty, isNumber, isString } from '@hy-dispatch-ui-v3/utils'\nimport { useApi } from '@hy-dispatch-ui-v3/hooks'\n\nexport function useAppTableSearch(hy) {\n  const {\n    props,\n    emits,\n    appSearchRef,\n    tableDataSource,\n    showAppTableLoading,\n    closeAppTableLoading,\n    clearSelection,\n  } = hy\n\n  const { api } = useApi()\n  const { formModel, formColumns } = useAppSearch(props.filterColumns, {\n    page: 1, // 当前分页数\n    size: 15, // 每页数量\n  })\n  const totalElements = ref(0) // 数据总条数\n\n  const showFilter = ref(true)\n  function switchShowFilter() {\n    showFilter.value = !showFilter.value\n  }\n\n  // 获取表格数据\n  async function getData(page = null) {\n    await nextTick()\n    showAppTableLoading()\n    return new Promise((resolve, reject) => {\n      if (!isEmpty(page)) {\n        if (isNumber(page) || isString(page)) {\n          formModel.value.page = page\n        }\n      }\n\n      const params = getParametersFn()\n      if (props.controller) {\n        api\n          .page(props.controller, params)\n          .then(successFun)\n          .finally(() => {\n            resolve()\n            closeAppTableLoading()\n            clearSelection()\n          })\n      } else if (props.url) {\n        api\n          .post(props.url, params)\n          .then(successFun)\n          .finally(() => {\n            resolve()\n            closeAppTableLoading()\n            clearSelection()\n          })\n      } else {\n        closeAppTableLoading()\n        reject()\n      }\n    })\n    function successFun(res) {\n      if (!res.data.content?.length && formModel.value.page !== 1) {\n        getData(1)\n        return\n      }\n      const data = res.data.content ? res.data.content : res.data || []\n      if (props.beforeDataHandler) {\n        tableDataSource.value = props.beforeDataHandler(data)\n      } else {\n        tableDataSource.value = data\n      }\n      totalElements.value = res.data.totalElements\n      emits('reqSuccess', tableDataSource.value)\n    }\n  }\n  // 重置条件查询\n  async function resetFn() {\n    await nextTick()\n    appSearchRef.value.resetFields()\n    formModel.value.query = null\n    getData(1)\n  }\n  // 获取当前请求参数\n  function getParametersFn() {\n    return Object.assign(\n      {\n        ...unref(formModel),\n        page: unref(formModel).page - 1,\n      },\n      { isJSON: props.isJsonData },\n      unref(props.requestParams)\n    )\n  }\n  // 获取表格数据\n  function getTableDataSource() {\n    return tableDataSource.value\n  }\n  // 获取表格总数\n  function getTotalElements() {\n    return totalElements.value\n  }\n  // 自定义设置表格数据\n  function setData(dataSource) {\n    tableDataSource.value = dataSource || []\n    closeAppTableLoading()\n  }\n  // 更改表格每页展示数目\n  function onSizeChangeHandler(val) {\n    formModel.value.page = 1\n    formModel.value.size = val\n    getData()\n  }\n  // 更改当前页码处理\n  function onCurrentChangeHandler(val) {\n    formModel.value.page = val\n    getData()\n  }\n  // 查询变更处理\n  let oldQueryValue\n  function onSearchQueryHandler() {\n    const isReset = !(\n      (isEmpty(oldQueryValue) && isEmpty(formModel.value.query)) ||\n      oldQueryValue === formModel.value.query\n    )\n    getData(isReset ? 1 : null)\n  }\n\n  return {\n    formModel,\n    formColumns,\n    totalElements,\n    showFilter,\n    getData,\n    resetFn,\n    switchShowFilter,\n    getTableDataSource,\n    getTotalElements,\n    setData,\n    onSizeChangeHandler,\n    onCurrentChangeHandler,\n    onSearchQueryHandler,\n  }\n}\n"],"names":["useApi","useAppSearch","ref","nextTick","isEmpty","isNumber","isString","unref"],"mappings":"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"}

package/lib/components/appTable/js/useAppTable.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var vue = require('vue');
+var is = require('../../../utils/is.js');
+var useLocale = require('../../../hooks/useLocale.js');
+
+function getColumnDefaultWidth(column) {
+  if (column.width) return column.width;
+  if (column.type === "index") return 80;
+  if (column.prop === "operator") return 132;
+  return;
+}
+function getColumnDefaultLabel(column) {
+  const { t } = useLocale.useLocale();
+  if (column.label) return column.label;
+  if (column.type === "index") return t("table.index");
+  return;
+}
+function getColumnsEditable(column, index) {
+  const { editable, type, prop } = column;
+  if (is.isBoolean(editable)) {
+    return {
+      index,
+      lock: false,
+      edit: !type || type === "default",
+      checked: !!editable
+    };
+  }
+  return {
+    index,
+    lock: false,
+    edit: !type || type === "default",
+    checked: !type || type !== "default" || prop === "operator",
+    ...editable || {}
+  };
+}
+const useAppTable = (config = {}) => {
+  const { columns, filterColumns } = config || {};
+  const tableColumns = [];
+  try {
+    for (let i = 0; i < (columns == null ? void 0 : columns.length); i++) {
+      const column = columns[i];
+      if (is.isEmpty(column.prop) && column.type === "default") {
+        throw Error("\u3010column.prop\u3011\u4E0D\u80FD\u4E3A\u7A7A");
+      }
+      tableColumns.push({
+        prop: column.type !== "default" ? `${column.type}_prop` : column.prop,
+        ...column,
+        type: column.type || "default",
+        width: getColumnDefaultWidth(column),
+        label: getColumnDefaultLabel(column),
+        editable: getColumnsEditable(column, i)
+      });
+    }
+  } catch (err) {
+    console.error(err);
+  }
+  return {
+    tableColumns: vue.toRef(tableColumns),
+    filterColumns: vue.toRef(filterColumns)
+  };
+};
+
+exports.useAppTable = useAppTable;
+//# sourceMappingURL=useAppTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAppTable.js","sources":["../../../../packages/components/appTable/js/useAppTable.js"],"sourcesContent":["import { toRef } from 'vue'\nimport { useLocale } from '@hy-dispatch-ui-v3/hooks'\nimport { isBoolean, isEmpty } from '@hy-dispatch-ui-v3/utils'\n\nfunction getColumnDefaultWidth(column) {\n  if (column.width) return column.width\n  if (column.type === 'index') return 80\n  if (column.prop === 'operator') return 132\n  return\n}\n\nfunction getColumnDefaultLabel(column) {\n  const { t } = useLocale()\n  if (column.label) return column.label\n  if (column.type === 'index') return t('table.index')\n  return\n}\n\nfunction getColumnsEditable(column, index) {\n  const { editable, type, prop } = column\n  if (isBoolean(editable)) {\n    return {\n      index,\n      lock: false,\n      edit: !type || type === 'default',\n      checked: !!editable,\n    }\n  }\n  return {\n    index,\n    lock: false,\n    edit: !type || type === 'default',\n    checked: !type || type !== 'default' || prop === 'operator',\n    ...(editable || {}),\n  }\n}\n\n// 生成表单配置\nexport const useAppTable = (config = {}) => {\n  const { columns, filterColumns } = config || {}\n  const tableColumns = []\n\n  try {\n    for (let i = 0; i < columns?.length; i++) {\n      const column = columns[i]\n      if (isEmpty(column.prop) && column.type === 'default') {\n        throw Error('【column.prop】不能为空')\n      }\n      tableColumns.push({\n        prop: column.type !== 'default' ? `${column.type}_prop` : column.prop,\n        ...column,\n        type: column.type || 'default',\n        width: getColumnDefaultWidth(column),\n        label: getColumnDefaultLabel(column),\n        editable: getColumnsEditable(column, i),\n      })\n    }\n  } catch (err) {\n    console.error(err)\n  }\n\n  return {\n    tableColumns: toRef(tableColumns),\n    filterColumns: toRef(filterColumns),\n  }\n}\n"],"names":["useLocale","isBoolean","isEmpty","toRef"],"mappings":";;;;;;AAGA,SAAS,qBAAqB,CAAC,MAAM,EAAE;AACvC,EAAE,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,MAAM,CAAC,KAAK;AACvC,EAAE,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE,OAAO,EAAE;AACxC,EAAE,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,EAAE,OAAO,GAAG;AAC5C,EAAE;AACF;AACA,SAAS,qBAAqB,CAAC,MAAM,EAAE;AACvC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAGA,mBAAS,EAAE;AAC3B,EAAE,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,MAAM,CAAC,KAAK;AACvC,EAAE,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE,OAAO,CAAC,CAAC,aAAa,CAAC;AACtD,EAAE;AACF;AACA,SAAS,kBAAkB,CAAC,MAAM,EAAE,KAAK,EAAE;AAC3C,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,MAAM;AACzC,EAAE,IAAIC,YAAS,CAAC,QAAQ,CAAC,EAAE;AAC3B,IAAI,OAAO;AACX,MAAM,KAAK;AACX,MAAM,IAAI,EAAE,KAAK;AACjB,MAAM,IAAI,EAAE,CAAC,IAAI,IAAI,IAAI,KAAK,SAAS;AACvC,MAAM,OAAO,EAAE,CAAC,CAAC;AACjB,KAAK;AACL,EAAE;AACF,EAAE,OAAO;AACT,IAAI,KAAK;AACT,IAAI,IAAI,EAAE,KAAK;AACf,IAAI,IAAI,EAAE,CAAC,IAAI,IAAI,IAAI,KAAK,SAAS;AACrC,IAAI,OAAO,EAAE,CAAC,IAAI,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,UAAU;AAC/D,IAAI,GAAG,QAAQ,IAAI;AACnB,GAAG;AACH;AACY,MAAC,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,KAAK;AAC5C,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,MAAM,IAAI,EAAE;AACjD,EAAE,MAAM,YAAY,GAAG,EAAE;AACzB,EAAE,IAAI;AACN,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,OAAO,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE;AAC1E,MAAM,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC;AAC/B,MAAM,IAAIC,UAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS,EAAE;AAC7D,QAAQ,MAAM,KAAK,CAAC,iDAAiD,CAAC;AACtE,MAAM;AACN,MAAM,YAAY,CAAC,IAAI,CAAC;AACxB,QAAQ,IAAI,EAAE,MAAM,CAAC,IAAI,KAAK,SAAS,GAAG,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,IAAI;AAC7E,QAAQ,GAAG,MAAM;AACjB,QAAQ,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,SAAS;AACtC,QAAQ,KAAK,EAAE,qBAAqB,CAAC,MAAM,CAAC;AAC5C,QAAQ,KAAK,EAAE,qBAAqB,CAAC,MAAM,CAAC;AAC5C,QAAQ,QAAQ,EAAE,kBAAkB,CAAC,MAAM,EAAE,CAAC;AAC9C,OAAO,CAAC;AACR,IAAI;AACJ,EAAE,CAAC,CAAC,OAAO,GAAG,EAAE;AAChB,IAAI,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AACtB,EAAE;AACF,EAAE,OAAO;AACT,IAAI,YAAY,EAAEC,SAAK,CAAC,YAAY,CAAC;AACrC,IAAI,aAAa,EAAEA,SAAK,CAAC,aAAa;AACtC,GAAG;AACH;;;;"}

package/lib/components/appTable/style/appTable.scss

@@ -0,0 +1,15 @@
+.el-table {
+  &.hideSelect {
+    /* 禁用全选 */
+    .el-table__header-wrapper .el-checkbox {
+      display: none !important;
+    }
+  }
+  .el-table__cell .cell {
+    display: flex;
+    align-items: center;
+    .el-table__expand-icon {
+      flex-shrink: 0;
+    }
+  }
+}