@ditari/bsui 1.1.4 → 1.1.6

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/dist/components/components.d.ts

@@ -1,11 +0,0 @@
-export { default as DForm } from "./form";
-export * from "./layout";
-export { default as DTable } from "./table";
-export { DGrid, DGridItem } from "./grid";
-export { default as DSelect } from "./select";
-export { default as DDesensitize } from "./desensitize";
-export { default as DicReplace } from "./dic";
-export { default as DModal } from "./modal";
-export { DQueryForm } from "./form";
-export { DJsonSchemeRender } from "./json-scheme-render";
-export { DRangePicker } from "./date";

package/src/dist/components/date/index.d.ts

@@ -1,53 +0,0 @@
-export declare const DRangePicker: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
-    value: {
-        type: import("vue").PropType<{
-            [name: string]: unknown;
-        }>;
-    };
-    field: {
-        required: true;
-        default: string[];
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {
-        type: import("vue").PropType<{
-            [name: string]: unknown;
-        }>;
-    };
-    field: {
-        required: true;
-        default: string[];
-    };
-}>> & {
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
-    field: string[];
-}>>;
-declare const _default: {
-    DRangePicker: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
-        value: {
-            type: import("vue").PropType<{
-                [name: string]: unknown;
-            }>;
-        };
-        field: {
-            required: true;
-            default: string[];
-        };
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        value: {
-            type: import("vue").PropType<{
-                [name: string]: unknown;
-            }>;
-        };
-        field: {
-            required: true;
-            default: string[];
-        };
-    }>> & {
-        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    }, {
-        field: string[];
-    }>>;
-};
-export default _default;

package/src/dist/components/form/index.d.ts

@@ -1,89 +0,0 @@
-export declare const DQueryForm: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
-    scheme: {
-        type: () => any[] | Record<string, any>;
-        default: () => never[];
-    };
-    value: {
-        type: () => Record<string, unknown>;
-        default: () => {};
-    };
-    labelWidth: {
-        type: StringConstructor;
-        default: string;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("query" | "reset")[], "query" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    scheme: {
-        type: () => any[] | Record<string, any>;
-        default: () => never[];
-    };
-    value: {
-        type: () => Record<string, unknown>;
-        default: () => {};
-    };
-    labelWidth: {
-        type: StringConstructor;
-        default: string;
-    };
-    loading: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    onReset?: ((...args: any[]) => any) | undefined;
-    onQuery?: ((...args: any[]) => any) | undefined;
-}, {
-    value: Record<string, unknown>;
-    loading: boolean;
-    scheme: any[] | Record<string, any>;
-    labelWidth: string;
-}>>;
-declare const _default: {
-    DQueryForm: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
-        scheme: {
-            type: () => any[] | Record<string, any>;
-            default: () => never[];
-        };
-        value: {
-            type: () => Record<string, unknown>;
-            default: () => {};
-        };
-        labelWidth: {
-            type: StringConstructor;
-            default: string;
-        };
-        loading: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("query" | "reset")[], "query" | "reset", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        scheme: {
-            type: () => any[] | Record<string, any>;
-            default: () => never[];
-        };
-        value: {
-            type: () => Record<string, unknown>;
-            default: () => {};
-        };
-        labelWidth: {
-            type: StringConstructor;
-            default: string;
-        };
-        loading: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & {
-        onReset?: ((...args: any[]) => any) | undefined;
-        onQuery?: ((...args: any[]) => any) | undefined;
-    }, {
-        value: Record<string, unknown>;
-        loading: boolean;
-        scheme: any[] | Record<string, any>;
-        labelWidth: string;
-    }>>;
-};
-export default _default;

package/src/dist/components/json-scheme-render/index.d.ts

@@ -1,47 +0,0 @@
-export declare const DJsonSchemeRender: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
-    layout: {
-        type: () => any[] | Record<string, any>;
-        default: () => never[];
-    };
-    value: {
-        type: () => Record<string, unknown>;
-        default: () => {};
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    layout: {
-        type: () => any[] | Record<string, any>;
-        default: () => never[];
-    };
-    value: {
-        type: () => Record<string, unknown>;
-        default: () => {};
-    };
-}>>, {
-    value: Record<string, unknown>;
-    layout: any[] | Record<string, any>;
-}>>;
-declare const _default: {
-    DJsonSchemeRender: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
-        layout: {
-            type: () => any[] | Record<string, any>;
-            default: () => never[];
-        };
-        value: {
-            type: () => Record<string, unknown>;
-            default: () => {};
-        };
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        layout: {
-            type: () => any[] | Record<string, any>;
-            default: () => never[];
-        };
-        value: {
-            type: () => Record<string, unknown>;
-            default: () => {};
-        };
-    }>>, {
-        value: Record<string, unknown>;
-        layout: any[] | Record<string, any>;
-    }>>;
-};
-export default _default;

package/src/dist/components/layout/Breadcrumb.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/src/dist/components/layout/FuckMain.vue.d.ts

@@ -1,23 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    showConfig: {
-        type: import("vue").PropType<any>;
-        default: any;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    showConfig: {
-        type: import("vue").PropType<any>;
-        default: any;
-    };
-}>>, {
-    showConfig: any;
-}>, {
-    logo?(_: {}): any;
-    operation?(_: {}): any;
-    micro?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/src/dist/components/layout/List.vue.d.ts

@@ -1,18 +0,0 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    refresh: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
-    onRefresh?: (() => any) | undefined;
-}, {}>, {
-    form?(_: {}): any;
-    tools?(_: {}): any;
-    table?(_: {
-        height: number;
-    }): any;
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};