@ditari/bsui 1.1.3 → 1.1.5

package/src/components/table/TableBak.vue

@@ -1,407 +0,0 @@
-<script setup lang="ts">
-/**
- * 表单组件
- */
-import { computed, ref, Ref, watch, inject } from "vue";
-import Field from "./Field.vue";
-import { prefixName } from "../theme";
-type Key = string | number;
-
-interface Props {
-  bordered?: boolean;
-  keys?: Key[];
-  size?: string;
-  columns: any; //表格配置
-  data: any; //数据源
-  rowKey?: string; //主键id
-  loading?: false; //加载状态
-  height: number; //表格高度
-  pagination?: any; //分页
-  selection?: "N" | "S" | "M"; // 无选择/单选/多选
-  config?: any; // 配置
-  keepSelected?: boolean; //切换页码保留选中的数据
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  bordered: false,
-  keys: undefined,
-  size: "small",
-  columns: [],
-  data: [],
-  rowKey: "id",
-  loading: false,
-  height: 0,
-  pagination: false,
-  selection: "N",
-  config: {},
-  keepSelected: false
-});
-
-interface Emits {
-  /**
-   * 更新选择的id
-   * @param e
-   * @param rowKeys
-   */
-  (e: "update:keys", rowKeys: Ref<Key[]>): void;
-}
-
-const emits = defineEmits<Emits>();
-
-//class名称
-const basePageClassName = `${prefixName}-pagination`;
-
-//antdv配置组件注入的变量
-const configProvider = inject("configProvider") as any;
-
-//表格对象
-const tableRef = ref();
-const tableHeight = ref(0);
-const selectedRowKeys = ref<any>(props.keys);
-const dataSource = ref(props.data);
-//表体对象
-const antTableBody = ref();
-//分页配置 监听查询页码页数变化
-const paginationState = computed(() => props.pagination);
-
-//分页
-const { onPageChange } = usePaging();
-function usePaging() {
-  const {
-    keepSelected,
-    selection,
-    config: { pagingChange }
-  } = props;
-
-  //监听页码切换
-  const onPageChange = (page: number, size: number) => {
-    if (selection === "S" || !keepSelected) {
-      // 如果当前为单选或未开启分页保留数据选中的数据都会被清除
-      // 清空历史选中数据
-      selectedRowKeys.value = [];
-      emits("update:keys", selectedRowKeys.value);
-    }
-    pagingChange({ page: page, size: size });
-    // 切换分页的时候，表体滚动到顶部
-    antTableBody.value.scrollTop = 0;
-  };
-  return {
-    onPageChange
-  };
-}
-
-//表格
-const { rowClassName, customRow, rowSelection } = useTable();
-
-function useTable() {
-  const {
-    config: { rowClassName }
-  } = props;
-  // 表格行事件
-  const customRow = useCustomRow();
-  // 表格选项
-  const rowSelection = useRowSelection();
-  return {
-    rowClassName,
-    customRow,
-    rowSelection
-  };
-}
-
-//表格行配置
-function useCustomRow() {
-  const { rowKey } = props;
-
-  return (record: { [x: string]: any }) => {
-    //当前数据的唯一id
-    const id = record[rowKey];
-    const { $OnClick, $OnDblclick } = useSelection(id);
-    try {
-      if (!rowKey) {
-        console.warn("未指定rowKey");
-      }
-    } catch (error) {
-      console.warn();
-    }
-
-    /**
-     * 单击
-     */
-    const onClick = () => {
-      $OnClick(record);
-    };
-    /**
-     * 双击
-     */
-    const onDblclick = () => {
-      $OnDblclick(record);
-    };
-
-    return {
-      onClick,
-      onDblclick
-    };
-  };
-}
-
-//表格选中配置
-function useRowSelection() {
-  const {
-    selection,
-    rowKey,
-    config: { disabledData }
-  } = props;
-  if (selection === "N") return undefined;
-  const onSelect = (record: any, selected: any) => {
-    if (selection === "S") {
-      selectedRowKeys.value = [];
-      selectedRowKeys.value = selected ? [record[rowKey]] : [];
-    } else {
-      selectedRowKeys.value = selected
-        ? selectedRowKeys.value.concat(record[rowKey])
-        : selectedRowKeys.value.filter((key: Key) => key !== record[rowKey]);
-    }
-    emits("update:keys", selectedRowKeys.value);
-  };
-
-  const onSelectAll = (selected: any, selectedRows: any, changeRows: any) => {
-    const _ids = changeRows.map((record: any) => record[rowKey]);
-    selectedRowKeys.value = selected
-      ? selectedRowKeys.value.concat(_ids)
-      : selectedRowKeys.value.filter((key: Key) => !_ids.includes(key));
-
-    emits("update:keys", selectedRowKeys.value);
-  };
-
-  // 监听父组件手动改变keys 重新赋值给 表格选中变量selectedRowKeys
-  watch(
-    () => props.keys,
-    (val) => {
-      selectedRowKeys.value = val;
-    }
-  );
-
-  const disabled = computed(() => {
-    //const disabled = disabledData?.value?.includes("1");
-    return false; //disabledData.value.value;
-  });
-
-  return {
-    selectedRowKeys,
-    onSelect,
-    onSelectAll,
-    fixed: true,
-    columnTitle: selection === "S" ? "选择" : null,
-    columnWidth: selection === "S" ? 60 : 40,
-    getCheckboxProps: (record: any) => {
-      return {
-        disabled: disabled.value,
-        name: disabledData?.key
-      };
-    }
-  };
-}
-
-//单击事件处理
-function useSelection(id: Key) {
-  const {
-    selection,
-    config: {
-      click,
-      dbClick,
-      // value 为禁用的数据值
-      // key 为匹配那个属性
-      // { value:[], key:string }
-      disabledData
-    }
-  } = props;
-  let timeoutID: any = null;
-  /**
-   * 单击
-   */
-  const $OnClick = (record: any) => {
-    clearTimeout(timeoutID);
-    timeoutID = setTimeout(() => {
-      click ? click(record) : undefined;
-      if (
-        selection === "N" ||
-        disabledData?.value?.includes(record[disabledData?.key])
-      ) {
-        // 1.未开启复选框 则不处理数据选中操作
-        // 2. 如果当前点击的行 包含在禁用的数据项目里面 则不进行选中操作
-        return;
-      }
-      const haveState = selectedRowKeys.value.some((key: Key) => key === id);
-      if (haveState) {
-        //如果 当前点击行的ID 已存在 那么直接过滤掉当前的id
-        selectedRowKeys.value = selectedRowKeys.value.filter(
-          (key: Key) => key !== id
-        );
-      } else {
-        if (selection === "S") {
-          //单选的时候 清空选中的数据 再赋值新的ID
-          selectedRowKeys.value = [];
-          selectedRowKeys.value.push(id);
-        } else {
-          //多选直接追加ID
-          selectedRowKeys.value.push(id);
-        }
-      }
-      emits("update:keys", selectedRowKeys.value);
-    }, 200);
-  };
-  /**
-   * 双击
-   */
-  const $OnDblclick = (record: any) => {
-    clearTimeout(timeoutID);
-    dbClick ? dbClick(record) : null;
-  };
-  return {
-    $OnClick,
-    $OnDblclick
-  };
-}
-
-// 监听父容器计算出来的表格高度
-watch(
-  () => props.height,
-  (val) => {
-    if (val !== 0) {
-      setTimeout(() => {
-        initTable();
-      }, 100);
-    }
-  }
-);
-
-// 临时解决方案 如果不通过监听赋值 无法触发rowClass函数
-watch(
-  () => props.data,
-  (val) => {
-    dataSource.value = val;
-  }
-);
-
-/**
- * 监听loading加载状态
- *
- */
-watch(
-  () => props.loading,
-  (val) => {
-    if (val && props.selection === "S") {
-      //临时解决方案 单选的时候 重新请求数据，清空已选中的数据
-      selectedRowKeys.value = [];
-      emits("update:keys", selectedRowKeys.value);
-    }
-    if (val && props.selection === "M" && !props.keepSelected) {
-      // 临时解决方案 多选的时候未开启分页保存选中的数据;重新请求清空已选中的数据
-      selectedRowKeys.value = [];
-      emits("update:keys", selectedRowKeys.value);
-    }
-  }
-);
-
-if (props.height > 0) {
-  setTimeout(() => {
-    initTable();
-  }, 100);
-}
-
-function initTable() {
-  const { height } = props;
-  const rootElement = tableRef.value.$el;
-  const headerHeight = useEleHeight(
-    rootElement.getElementsByClassName("ant-table-header")[0]
-  );
-
-  let paginationHeight = 0;
-  if (props.pagination) {
-    paginationHeight = useEleHeight(
-      document.getElementsByClassName(basePageClassName)[0]
-    );
-  }
-  //56 为分页高度
-  tableHeight.value = height - (headerHeight + paginationHeight);
-
-  rootElement.getElementsByClassName("ant-table-body")[0].style.height =
-    tableHeight.value - 10 + "px";
-
-  antTableBody.value = rootElement.getElementsByClassName("ant-table-body")[0];
-}
-
-function useEleHeight(node: Element) {
-  const list = [
-    "margin-top",
-    "margin-bottom",
-    "border-top",
-    "border-bottom",
-    "padding-top",
-    "padding-bottom",
-    "height"
-  ];
-  const style = getComputedStyle(node);
-  return list
-    .map((k) => parseInt(style.getPropertyValue(k), 10))
-    .reduce((prev, cur) => prev + cur);
-}
-</script>
-<script lang="ts">
-export default {
-  name: "DTable"
-};
-</script>
-<template>
-  <a-table
-    ref="tableRef"
-    :bordered="bordered"
-    :columns="columns"
-    :data-source="dataSource"
-    :row-key="rowKey"
-    :pagination="false"
-    :custom-row="customRow"
-    :loading="loading"
-    :row-selection="rowSelection"
-    :row-class-name="rowClassName"
-    :size="size ?? 'small'"
-    :scroll="{
-      scrollToFirstRowOnChange: true,
-      x: '100%',
-      y: tableHeight + 'px'
-    }"
-  >
-    <template #bodyCell="{ column, text, record, index }">
-      <template v-if="column.config">
-        <Field :text="text" :config="column.config" />
-      </template>
-      <!--操作-->
-      <template v-if="column.slot === 'action'">
-        <a-space @click.stop @dblclick.stop>
-          <slot name="action" :index="index" :record="record"></slot>
-        </a-space>
-      </template>
-      <!--操作-->
-      <template v-if="column.slot && column.slot !== 'action'">
-        <slot :name="column.slot" :index="index" :record="record"></slot>
-      </template>
-    </template>
-  </a-table>
-  <a-pagination
-    v-show="pagination"
-    v-model:current="paginationState.current"
-    v-model:pageSize="paginationState.pageSize"
-    :class="basePageClassName"
-    :disabled="loading"
-    show-size-changer
-    :size="configProvider.componentSize ?? 'middle '"
-    :hide-on-single-page="paginationConfig.hideOnSinglePage"
-    :show-quick-jumper="paginationConfig.showQuickJumper"
-    :default-page-size="paginationConfig.defaultPageSize"
-    :page-size-options="paginationConfig.pageSizeOptions"
-    :show-total="paginationConfig.showTotal"
-    :total="paginationState.total"
-    @change="onPageChange"
-  />
-</template>
-<style></style>

package/src/components/table/index.ts

@@ -1,4 +0,0 @@
-import { withInstall } from "../../utils/index";
-import Table from "./Table";
-export const DTable = withInstall(Table);
-export default DTable;

package/src/directive/trim.ts

@@ -1,21 +0,0 @@
-import { DirectiveBinding } from "vue";
-
-const vTrim = {
-  // mounted(el: HTMLInputElement) {
-  //   // 监听 input 事件
-  //   el.addEventListener("input", () => {
-  //     // 修改 input 的值为去除空格后的值
-  //     el.value = el.value.trim().replace(/\s+/g, "");
-  //   });
-  // },
-  mounted(el: HTMLInputElement, binding: DirectiveBinding<any>) {
-    el.addEventListener("input", () => {
-      const value = el.value.trim().replace(/\s+/g, "");
-      el.value = value;
-      binding.value = value;
-      binding?.instance?.$emit?.("onUpdate:modelValue", value);
-    });
-  }
-};
-
-export default vTrim;

package/src/hooks/http/index.ts

@@ -1,121 +0,0 @@
-import { computed, onMounted, Ref, ref } from "vue";
-import { usePagination } from "vue-request";
-import { get } from "../../utils/get";
-
-interface Pagination {
-  currentKey: string;
-  pageSizeKey: string;
-  totalKey: string;
-}
-
-interface Options {
-  //请求参数
-  params?: Ref;
-  // 分页配置
-  pagination?: Pagination;
-  // 内容key
-  dataKey?: string;
-  // 执行成功后的回调
-  onSuccess?: any;
-  // 是否默认触发
-  manual?: boolean;
-}
-
-const useRequestList = (service: any, options: Options = {}) => {
-  if (!options.pagination) {
-    options.pagination = {
-      currentKey: "page",
-      pageSizeKey: "limit",
-      totalKey: "data.total"
-    };
-  }
-  if (options.manual === undefined) {
-    options.manual = true;
-  }
-  const {
-    dataKey,
-    pagination: { currentKey, pageSizeKey }
-  } = options;
-
-  const params = options.params || ref({});
-
-  const {
-    total,
-    pageSize,
-    current,
-    loading,
-    data: listData,
-    run
-  } = usePagination(service, {
-    manual: true,
-    pagination: options.pagination,
-    loadingDelay: 400,
-    loadingKeep: 100,
-    onSuccess: (data: any, params: any) => {
-      options.onSuccess ? options.onSuccess(data, params) : undefined;
-    },
-    onError: (error: Error, params: any) => {
-      //错误处理
-      console.warn(params, error);
-      loading.value = false;
-    }
-  });
-
-  /**
-   * 分页组件属性
-   */
-  const pagination = computed(() => ({
-    total: total.value,
-    current: current.value,
-    pageSize: pageSize.value
-  }));
-
-  /**
-   * 列表查询数据
-   */
-  const data = computed<any>(
-    () => get((listData as any).value, dataKey || "data", []) || []
-  );
-
-  /**
-   * page和size改变时触发事件
-   * @param paging 页码对象
-   */
-  const onPageChange = (paging: any) => {
-    params.value[currentKey] = paging.page;
-    params.value[pageSizeKey] = paging.size;
-    run(params.value || {});
-  };
-
-  /**
-   * 查询事件
-   */
-  const onQuery = (p: any) => {
-    params.value = { ...params.value, ...p };
-    params.value[currentKey] = 1;
-    run(params.value || {});
-  };
-
-  onMounted(() => {
-    // TODO 会执行两次onMounted需要研究就下
-    if (options.manual) {
-      run(params.value);
-    }
-  });
-
-  return {
-    data,
-    pagination,
-    loading,
-    total,
-    run,
-    onPageChange,
-    onQuery
-  };
-};
-
-const useDoneXIRequest = () => {
-  //
-};
-
-export { useRequestList, useDoneXIRequest };

package/src/hooks/index.ts

@@ -1,2 +0,0 @@
-export { useRequestList } from "./http";
-export { useDitariRoute } from "./route";

package/src/hooks/route/index.ts

@@ -1,90 +0,0 @@
-import { ref } from "vue";
-import {
-  createRouterMatcher,
-  RouteLocationMatched,
-  RouteLocationNormalized,
-  RouteRecord,
-  RouterMatcher
-} from "vue-router";
-import { useBreadcrumbStore } from "../../store";
-
-/**
- * 路由处理
- */
-export const useDitariRoute = () => {
-  const { saveBreadcrumb } = useBreadcrumbStore();
-  // 路由匹配器
-  const routerMatcher = ref<RouterMatcher | null>(null);
-
-  const setMatched = (
-    to: RouteLocationNormalized,
-    from: RouteLocationNormalized
-  ) => {
-    // 匹配到的路由数据
-    const matched = ref<RouteLocationMatched[]>([]);
-    try {
-      const rs = routerMatcher.value?.resolve(to, from).matched ?? [];
-      matched.value = rs.reduce((preValue: any[], curValue) => {
-        const flag = preValue.some(
-          (item: RouteRecord) => item.path === curValue.path
-        );
-        if (!flag) {
-          preValue.push({
-            path: curValue.path,
-            title: curValue.meta?.title ?? "未设置标题"
-          });
-        }
-        return preValue;
-      }, []);
-    } catch (e) {
-      console.log(e);
-      matched.value = [];
-    }
-    // 匹配到的数据保存到面包屑store
-    saveBreadcrumb(matched.value);
-  };
-
-  /**
-   * 获取路由信息
-   * @param routeFiles 路由文件
-   */
-  const getRoutes = async (
-    routeFiles: Record<string, () => Promise<unknown>>
-  ) => {
-    const routes: any[] = [];
-    // 遍历路由文件并将路由合并到 routes 数组中
-    for await (const routeFile of Object.values(routeFiles)) {
-      const routeModule: any = await routeFile();
-      routes.push(...routeModule.default);
-    }
-    // 创建路由匹配器
-    routerMatcher.value = createRouterMatcher(routes, {});
-    // 数组打平返回
-    return flattenRoutes(routes);
-  };
-
-  return {
-    getRoutes,
-    setMatched
-  };
-};
-
-function flattenRoutes(routes: any[], parentPath = ""): any {
-  const result = [];
-  for (const route of routes) {
-    if (route.path === "") {
-      // 如果path为空，则使用父级的path
-      route.path = parentPath;
-    } else if (!route.path.startsWith("/")) {
-      // 如果path不为空，但是不以/开头，则需要拼接父级的path
-      route.path = `${parentPath}/${route.path}`;
-    }
-    if (route.children) {
-      // 如果有子路由，则递归处理
-      result.push(...flattenRoutes(route.children, route.path));
-      delete route.children;
-    }
-    result.push(route);
-  }
-  return result;
-}

package/src/store/index.ts

@@ -1,7 +0,0 @@
-export { default as useBreadcrumbStore } from "./modules/Breadcrumb";
-export { default as useDataDicStore } from "./modules/DataDictionary";
-export { default as useKeepAliveStore } from "./modules/KeepAlive";
-export { default as useMenuStore } from "./modules/Menu";
-export { default as useNavTabsStore } from "./modules/NavTab";
-export { default as useSettingsStore } from "./modules/Settings";
-export { default as useUserStore } from "./modules/User";

package/src/store/modules/Breadcrumb.ts

@@ -1,25 +0,0 @@
-/**
- * 面包屑
- * @author 余春林
- */
-import { defineStore } from "pinia";
-import { BREADCRUMB_ID } from "../types";
-
-export interface State {
-  breadcrumbs: [];
-}
-// useBreadcrumbStore =
-export default defineStore(BREADCRUMB_ID, {
-  state: (): State => ({
-    breadcrumbs: []
-  }),
-  getters: {
-    getBreadcrumb: (state) => state.breadcrumbs
-  },
-  actions: {
-    saveBreadcrumb(data: any) {
-      this.breadcrumbs = data;
-    }
-  },
-  persist: true
-});