@ditari/bsui 1.0.7 → 1.0.8

package/dist/esm/components/table/Table.esm.js

@@ -0,0 +1,214 @@
+import { defineComponent as q, ref as y, computed as S, watchEffect as $, nextTick as A, watch as F, createVNode as p, Fragment as J, withDirectives as Q, vShow as U } from "vue";
+import { Table as I, Space as L, Pagination as V } from "ant-design-vue";
+import { useEleHeight as k } from "../../utils/html.esm.js";
+import { prefixName as W } from "../theme/index.esm.js";
+const X = () => ({
+  data: {
+    type: Object,
+    required: !0
+  },
+  height: {
+    type: Number,
+    default: 300
+  },
+  keys: Array,
+  rowKey: {
+    type: String,
+    required: !0,
+    default: "id"
+  },
+  loading: {
+    type: Boolean,
+    default: !1
+  },
+  pagination: {
+    type: Object,
+    default: () => ({})
+  },
+  config: {
+    type: Object,
+    default: () => ({})
+  }
+}), m = {
+  defaultPageSize: 20,
+  hideOnSinglePage: !1,
+  pageSizeOptions: ["10", "20", "30", "40"],
+  responsive: !0,
+  showQuickJumper: !0,
+  showLessItems: !0,
+  showTotal: (a) => `总共 ${a} 条`
+}, N = `${W}-pagination`, Z = /* @__PURE__ */ q({
+  name: "DTable",
+  props: X(),
+  // emits: {  "update:keys": (keys: []) => void }
+  // TODO 需要做调整
+  emits: {
+    "update:keys": (a) => null
+  },
+  setup(a, {
+    emit: v,
+    slots: w
+  }) {
+    console.log(w);
+    const e = y(a.keys), T = S(() => a.data), z = S(() => {
+      var t;
+      return ((t = a.config) == null ? void 0 : t.columns) ?? [];
+    }), d = S(() => {
+      var t;
+      return ((t = a.config) == null ? void 0 : t.pagination) ?? {};
+    }), {
+      tableRef: P,
+      tableHeight: R,
+      onPageChange: x,
+      onRowClassName: O
+    } = E();
+    function E() {
+      const {
+        rowClassName: t,
+        keepSelected: n,
+        selection: f,
+        onPageChange: r
+      } = a.config, i = y(null), l = y(), u = y(null), o = (s) => {
+        var C;
+        const g = (C = i == null ? void 0 : i.value) == null ? void 0 : C.$el, D = k(g.getElementsByClassName("ant-table-header")[0]);
+        let b = 0;
+        a.config.pagination && (b = k(document.getElementsByClassName(N)[0])), l.value = s - (D + b), g.getElementsByClassName("ant-table-body")[0].style.height = l.value - 10 + "px", u.value = g.getElementsByClassName("ant-table-body")[0];
+      };
+      return $(() => {
+        a.height !== 0 && A(() => {
+          o(a.height);
+        });
+      }), {
+        tableRef: i,
+        tableHeight: l,
+        onPageChange: (s, g) => {
+          r && r({
+            page: s,
+            size: g
+          }), u.value.scrollTop = 0, (f === "S" || !n) && (e.value = [], v("update:keys", e.value));
+        },
+        onRowClassName: (s, g) => t ? t(s, g) : void 0
+      };
+    }
+    const B = H();
+    function H() {
+      const {
+        rowKey: t,
+        config: {
+          selection: n,
+          getCheckboxProps: f
+        }
+      } = a;
+      if (n === "N")
+        return;
+      const r = (l, u) => {
+        n === "S" ? (e.value = [], e.value = u ? [l[t]] : []) : e.value = u ? e.value.concat(l[t]) : e.value.filter((o) => o !== l[t]), v("update:keys", e.value);
+      }, i = (l, u, o) => {
+        const h = o.map((c) => c[t]);
+        e.value = l ? e.value.concat(h) : e.value.filter((c) => !h.includes(c)), v("update:keys", e.value);
+      };
+      return F(() => a.keys, (l) => {
+        e.value = l;
+      }), {
+        selectedRowKeys: e,
+        onSelect: r,
+        onSelectAll: i,
+        fixed: !0,
+        columnTitle: n === "S" ? "选择" : null,
+        columnWidth: n === "S" ? 60 : 40,
+        getCheckboxProps: f
+      };
+    }
+    const K = j();
+    function j() {
+      return (t) => {
+        let n;
+        const {
+          rowKey: f,
+          config: {
+            click: r,
+            dbClick: i,
+            selection: l,
+            getCheckboxProps: u
+          }
+        } = a, o = t[f], h = () => {
+          if (l === "N")
+            return;
+          e.value.some((s) => s === o) ? e.value = e.value.filter((s) => s !== o) : (l === "S" && (e.value = []), e.value.push(o)), v("update:keys", e.value);
+        };
+        return {
+          onClick: () => {
+            if (!r)
+              return;
+            const c = u ? u(t) : null;
+            c && c.value === o || (clearTimeout(n), n = setTimeout(() => {
+              h(), r(t);
+            }, 200));
+          },
+          // 点击行
+          onDblclick: () => {
+            i && (clearTimeout(n), i(t));
+          }
+          // onContextmenu: (event) => {
+          //   //TODO
+          // },
+          // onMouseenter: (event) => {
+          //   //TODO
+          // }, // 鼠标移入行
+          // onMouseleave: (event) => {
+          //   //TODO
+          // }
+        };
+      };
+    }
+    return () => {
+      var t;
+      return p(J, null, [p(I, {
+        ref: P,
+        "row-key": a.rowKey,
+        bordered: a.config.bordered,
+        columns: z.value,
+        dataSource: T.value,
+        loading: a.loading,
+        size: ((t = a.config) == null ? void 0 : t.size) ?? "small",
+        scroll: {
+          scrollToFirstRowOnChange: !0,
+          x: "100%",
+          y: R.value + "px"
+        },
+        pagination: !1,
+        customRow: K,
+        rowSelection: B,
+        rowClassName: O
+      }, {
+        bodyCell: ({
+          column: n
+        }) => {
+          if (n.slot === "action")
+            return p(L, null, {
+              default: () => [w.action && w.action()]
+            });
+        }
+      }), Q(p(V, {
+        class: [N],
+        current: d.value.current,
+        "onUpdate:current": (n) => d.value.current = n,
+        pageSize: d.value.pageSize,
+        "onUpdate:pageSize": (n) => d.value.pageSize = n,
+        disabled: a.loading,
+        "show-size-changer": !0,
+        size: "default",
+        "hide-on-single-page": m.hideOnSinglePage,
+        "show-quick-jumper": m.showQuickJumper,
+        "default-page-size": m.defaultPageSize,
+        "page-size-options": m.pageSizeOptions,
+        "show-total": m.showTotal,
+        total: d.value.total,
+        onChange: x
+      }, null), [[U, d.value]])]);
+    };
+  }
+});
+export {
+  Z as default
+};

package/dist/esm/components/table/index.d.ts

@@ -1,139 +1,66 @@
 export declare const DTable: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
-    bordered: {
-        type: import("vue").PropType<boolean | undefined>;
-        required: false;
-        default: boolean;
-    };
-    keys: {
-        type: import("vue").PropType<import("vue").Ref<(string | number)[]> | undefined>;
-        required: false;
-        default: undefined;
-    };
-    size: {
-        type: import("vue").PropType<string | undefined>;
-        required: false;
-        default: string;
-    };
-    columns: {
-        type: import("vue").PropType<any>;
-        required: true;
-        default: never[];
-    };
     data: {
         type: import("vue").PropType<any>;
-        required: true;
-        default: never[];
+        required: boolean;
+    };
+    height: {
+        type: import("vue").PropType<number>;
+        default: number;
     };
+    keys: import("vue").PropType<import("./interface/table").Key[] | undefined>;
     rowKey: {
-        type: import("vue").PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
+        required: boolean;
         default: string;
     };
     loading: {
         type: import("vue").PropType<false | undefined>;
-        required: false;
         default: boolean;
     };
-    height: {
-        type: import("vue").PropType<number>;
-        required: true;
-        default: number;
-    };
     pagination: {
         type: import("vue").PropType<any>;
-        required: false;
-        default: boolean;
-    };
-    selection: {
-        type: import("vue").PropType<"M" | "N" | "S" | undefined>;
-        required: false;
-        default: string;
+        default: () => {};
     };
     config: {
-        type: import("vue").PropType<any>;
-        required: false;
-        default: {};
-    };
-    keepSelected: {
-        type: import("vue").PropType<boolean | undefined>;
-        required: false;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:keys"[], "update:keys", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    bordered: {
-        type: import("vue").PropType<boolean | undefined>;
-        required: false;
-        default: boolean;
-    };
-    keys: {
-        type: import("vue").PropType<import("vue").Ref<(string | number)[]> | undefined>;
-        required: false;
-        default: undefined;
-    };
-    size: {
-        type: import("vue").PropType<string | undefined>;
-        required: false;
-        default: string;
-    };
-    columns: {
-        type: import("vue").PropType<any>;
-        required: true;
-        default: never[];
+        type: import("vue").PropType<import("./interface/table").Config>;
+        default: () => {};
     };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:keys": (keys: []) => null;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: import("vue").PropType<any>;
-        required: true;
-        default: never[];
+        required: boolean;
     };
+    height: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    keys: import("vue").PropType<import("./interface/table").Key[] | undefined>;
     rowKey: {
-        type: import("vue").PropType<string | undefined>;
-        required: false;
+        type: import("vue").PropType<string>;
+        required: boolean;
         default: string;
     };
     loading: {
         type: import("vue").PropType<false | undefined>;
-        required: false;
         default: boolean;
     };
-    height: {
-        type: import("vue").PropType<number>;
-        required: true;
-        default: number;
-    };
     pagination: {
         type: import("vue").PropType<any>;
-        required: false;
-        default: boolean;
-    };
-    selection: {
-        type: import("vue").PropType<"M" | "N" | "S" | undefined>;
-        required: false;
-        default: string;
+        default: () => {};
     };
     config: {
-        type: import("vue").PropType<any>;
-        required: false;
-        default: {};
-    };
-    keepSelected: {
-        type: import("vue").PropType<boolean | undefined>;
-        required: false;
-        default: boolean;
+        type: import("vue").PropType<import("./interface/table").Config>;
+        default: () => {};
     };
 }>> & {
-    "onUpdate:keys"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:keys"?: ((keys: []) => any) | undefined;
 }, {
-    keys: import("vue").Ref<(string | number)[]> | undefined;
-    data: any;
-    loading: false | undefined;
-    config: any;
-    size: string | undefined;
-    bordered: boolean | undefined;
-    columns: any;
-    rowKey: string | undefined;
     height: number;
+    loading: false | undefined;
+    rowKey: string;
     pagination: any;
-    selection: "M" | "N" | "S" | undefined;
-    keepSelected: boolean | undefined;
+    config: import("./interface/table").Config;
 }>>;
 export default DTable;

package/dist/esm/components/table/index.esm.js

@@ -1,8 +1,7 @@
 import t from "../../utils/install.esm.js";
-import o from "./Table.vue.esm.js";
-import "./Table.vue.esm2.js";
-const i = t(o);
+import o from "./Table.esm.js";
+const r = t(o);
 export {
-  i as DTable,
-  i as default
+  r as DTable,
+  r as default
 };

package/dist/esm/components/table/interface/table.d.ts

@@ -0,0 +1,33 @@
+export type Key = string | number;
+export type SelectionType = "N" | "S" | "M";
+export type SizeType = "small" | "middle" | "middle";
+export interface Config {
+    bordered?: boolean;
+    columns: any;
+    size?: SizeType;
+    selection?: SelectionType;
+    keepSelected?: boolean;
+    pagination?: Pagination;
+    onPageChange?: (paging: {
+        page: number;
+        size: number;
+    }) => void;
+    rowClassName?: (record: any, index: number) => any;
+    click?: (record: unknown) => void;
+    dbClick?: (record: any) => void;
+    getCheckboxProps: (record: any) => any;
+}
+export interface Pagination {
+    total: number;
+    current: number;
+    pageSize: number;
+}
+export interface TableProps {
+    keys?: Key[];
+    data: any;
+    rowKey: string;
+    loading?: false;
+    height: number;
+    pagination?: any;
+    config: Config;
+}

package/dist/esm/hooks/http/index.d.ts

@@ -8,12 +8,8 @@ interface Options {
     params?: Ref;
     pagination?: Pagination;
     dataKey?: string;
+    onSuccess?: any;
 }
-/**
- * 请求分页数据列表
- * @param service 请求后台服务的接口
- * @param options 配置
- */
 declare const useRequestList: (service: any, options?: Options) => {
     data: import("vue").ComputedRef<any>;
     pagination: import("vue").ComputedRef<{
@@ -23,7 +19,8 @@ declare const useRequestList: (service: any, options?: Options) => {
     }>;
     loading: Ref<boolean>;
     run: (...arg: any) => void;
-    onPaginationChange: (paging: any) => void;
+    onPageChange: (paging: any) => void;
     onQuery: (p: any) => void;
 };
-export { useRequestList };
+declare const useDoneXIRequest: () => void;
+export { useRequestList, useDoneXIRequest };

package/dist/esm/hooks/http/index.esm.js

@@ -1,49 +1,50 @@
-import { ref as y, computed as i } from "vue";
+import { ref as y, computed as r } from "vue";
 import { usePagination as K } from "vue-request";
-import { get as f } from "../../utils/get.esm.js";
-const Q = (r, t = {}) => {
-  t.pagination || (t.pagination = {
+import { get as S } from "../../utils/get.esm.js";
+const Q = (i, e = {}) => {
+  e.pagination || (e.pagination = {
     currentKey: "page",
     pageSizeKey: "limit",
     totalKey: "data.total"
   });
   const {
-    dataKey: u,
-    pagination: { currentKey: o, pageSizeKey: l }
-  } = t, a = t.params || y({}), {
+    dataKey: l,
+    pagination: { currentKey: u, pageSizeKey: c }
+  } = e, t = e.params || y({}), {
     total: g,
-    pageSize: c,
+    pageSize: s,
     current: p,
-    loading: s,
-    data: m,
+    loading: v,
+    data: d,
     run: n
-  } = K(r, {
+  } = K(i, {
     manual: !0,
-    pagination: t.pagination,
+    pagination: e.pagination,
     loadingDelay: 400,
     loadingKeep: 100,
-    onSuccess: () => {
+    onSuccess: (a, o) => {
+      e.onSuccess && e.onSuccess(a, o);
     },
-    onError: (e, d) => {
-      console.log(d, e);
+    onError: (a, o) => {
+      console.log(o, a);
     }
-  }), v = i(() => ({
+  }), m = r(() => ({
     total: g.value,
     current: p.value,
-    pageSize: c.value
+    pageSize: s.value
   }));
   return {
-    data: i(
-      () => f(m.value, u || "data", [])
+    data: r(
+      () => S(d.value, l || "data", [])
     ),
-    pagination: v,
-    loading: s,
+    pagination: m,
+    loading: v,
     run: n,
-    onPaginationChange: (e) => {
-      a.value[o] = e.page, a.value[l] = e.size, n(a.value || {});
+    onPageChange: (a) => {
+      t.value[u] = a.page, t.value[c] = a.size, n(t.value || {});
     },
-    onQuery: (e) => {
-      a.value = { ...a.value, ...e }, a.value[o] = 1, n(a.value || {});
+    onQuery: (a) => {
+      t.value = { ...t.value, ...a }, t.value[u] = 1, n(t.value || {});
     }
   };
 };

package/dist/esm/utils/html.d.ts

@@ -0,0 +1 @@
+export declare const useEleHeight: (node: Element) => number;

package/dist/esm/utils/html.esm.js

@@ -0,0 +1,15 @@
+const p = (e) => {
+  const o = [
+    "margin-top",
+    "margin-bottom",
+    "border-top",
+    "border-bottom",
+    "padding-top",
+    "padding-bottom",
+    "height"
+  ], r = getComputedStyle(e);
+  return o.map((t) => parseInt(r.getPropertyValue(t), 10)).reduce((t, n) => t + n);
+};
+export {
+  p as useEleHeight
+};

package/dist/esm/utils/index.d.ts

@@ -1,2 +1,3 @@
 export { default as withInstall } from "./install";
 export { get } from "./get";
+export { useEleHeight } from "./html";

package/dist/style/desensitize/style/index.scss

@@ -0,0 +1,7 @@
+@import "../../theme/variable.scss";
+
+.#{$prefix-name}-desensitize {
+  .value {
+    padding: 0 4px;
+  }
+}

package/dist/style/grid/style/index.scss

@@ -1,5 +1,11 @@
 @import "../../theme/variable.scss";
 
+/*输入框获取焦点时候的影响边框*/
+@mixin input-focus {
+  &:focus {
+    box-shadow: 0 0 0 $grid-input-border-width $grid-input-focus-border-color;
+  }
+}
 .#{$prefix-name}-grid {
   position: relative;
   display: grid;
@@ -20,13 +26,16 @@
       border-right: $gird-border-width solid $grid-border-color;
     }
     .ant-input,
-    .ant-select-selector {
+    .ant-select-selector,
+    .ant-input-number {
       border: 0;
       border-radius: 0;
-
-      &:focus {
-        box-shadow: 0 0 0 $grid-input-border-width
-          $grid-input-focus-border-color;
+      @include input-focus;
+      // 数字输入框要单独处理
+      .ant-input-number-input {
+        border: 0;
+        border-radius: 0;
+        @include input-focus;
       }
     }
     .ant-input[disabled] {
@@ -40,7 +49,7 @@
       }
     }
     .ant-form-item-explain {
-      display: none;
+      display: $gird-error-display;
     }
   }
   .ant-select-focused:not(.ant-select-disabled).ant-select:not(

package/dist/style/index.scss

@@ -2,6 +2,8 @@
 @import "./grid/style";
 @import "./menu/style";
 @import "./layout/style";
+@import "./table/style";
+@import "./desensitize/style";
 html,
 body,
 #app {

package/dist/style/table/style/index.scss

@@ -0,0 +1,10 @@
+@import "../../theme/variable.scss";
+
+.#{$prefix-name}-pagination {
+  margin-top: 24px;
+  text-align: center;
+}
+
+.ant-table.ant-table-bordered > .ant-table-container {
+  border-bottom: 1px solid #f0f0f0;
+}

package/dist/style/theme/variable.scss

@@ -15,6 +15,7 @@ $grid-input-error-border-color: #ff4d4f !default;
 $grid-input-border-width: 2px !default;
 // 网格边框宽度
 $gird-border-width: 1px !default;
+// 网格里的输入框校验结果是否显示
 $gird-error-display: block !default;
 // show头部阴影
 $box-shadow-color: #e0e0e0 !default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditari/bsui",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "files": [
     "dist/**",
     "src"

package/src/components/components.ts

@@ -3,3 +3,5 @@ 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";