@wx-design/components 0.1.1

package/es/packages/components/core/Table/configs/table.mjs

@@ -0,0 +1,158 @@
+import d from "../../../../../node_modules/.pnpm/deepmerge@4.3.1/node_modules/deepmerge/dist/cjs.mjs";
+const h = {
+  // 带边框
+  border: !0,
+  // 展示头部
+  showHeader: !0,
+  // 尺寸
+  size: "mini",
+  // 超出省略
+  showOverflow: !0,
+  // 高度
+  height: "auto",
+  // 带有序号
+  withSeq: !0,
+  // 鼠标配置项
+  mouseConfig: {
+    // 开启单元格选中功能
+    selected: !0
+  },
+  // 点击清理选中
+  autoClearSelected: !0,
+  // 保持数据原始值状态，开启后影响性能
+  keepSource: !1,
+  // 复选框配置
+  checkboxConfig: {
+    // 开启复选框范围选择功能（启用后通过鼠标在复选框的列内滑动选中或取消指定行）
+    range: !0,
+    // 高亮勾选行
+    highlight: !0
+  },
+  // 开启编辑
+  editable: !0,
+  editConfig: {
+    // 触发编辑方式
+    trigger: "click",
+    // 编辑模式，单元格编辑模式
+    mode: "cell",
+    // 当点击表格之外或者非编辑列之后，是否自动清除单元格的激活状态
+    autoClear: !1,
+    // 只对 keep-source 开启有效，是否显示单元格新增与修改状态
+    showStatus: !0,
+    // 是否显示列头编辑图标
+    showIcon: !1
+  },
+  // 行配置信息
+  rowConfig: {
+    // 需要为每一行的 VNode 设置 key 属性
+    useKey: !0,
+    // 当鼠标点击行时，是否要高亮当前行
+    isCurrent: !0,
+    // 当鼠标移到行时，是否要高亮当前行
+    isHover: !0
+  },
+  // 键盘控制
+  keyboardConfig: {
+    // 开启方向键功能
+    isArrow: !0,
+    // 开启Esc键关闭编辑功能
+    isEsc: !0,
+    // 开启 Tab 键功能
+    isTab: !0,
+    // 开启回车键功能
+    isEnter: !0,
+    // 任意键进入编辑
+    isEdit: !0
+  },
+  // 列配置信息
+  columnConfig: {
+    // 每一列是否启用列宽调整
+    resizable: !0
+  },
+  // 排序配置
+  sortConfig: {
+    // 触发方式, 点击表头触发
+    trigger: "cell",
+    // 轮转顺序
+    orders: ["desc", "asc", null]
+  },
+  // 纵向虚拟滚动配置
+  scrollY: {
+    // 启用虚拟滚动
+    enabled: !0,
+    // 超过100行的时候生效
+    gt: 100
+  }
+}, b = (i, s = {}) => {
+  var o, r, l, t;
+  const e = d(i, s);
+  return e.editable === !1 ? delete e.editConfig : e.editable === !0 && (e.editConfig = d({}, e.editConfig || {})), e.withCheckbox === !0 && !((o = e.columns) != null && o.some((c) => c.field === "sab-table-checkbox")) && ((r = e.columns) == null || r.unshift({
+    type: "checkbox",
+    fixed: "left",
+    field: "sab-table-checkbox"
+  })), e.withSeq === !0 && !((l = e.columns) != null && l.some((c) => c.field === "sab-table-seq")) && ((t = e.columns) == null || t.unshift({
+    type: "checkbox",
+    fixed: "left",
+    field: "sab-table-seq",
+    slots: {
+      header: () => null,
+      checkbox: ({ rowIndex: c }) => c + 1
+    }
+  })), e;
+}, g = (i, s, e) => {
+  const o = {
+    "cell-click": ({ row: l, column: t }) => {
+      var c, a, n;
+      s.value.autoClearSelected && ((c = e.value) != null && c.isCheckedByCheckboxRow(l) || (a = e.value) == null || a.clearCheckboxRow()), t.type === "checkbox" && t.field === "sab-table-seq" && ((n = e.value) == null || n.toggleCheckboxRow(l));
+    }
+  }, r = {};
+  return [
+    "keydown-start",
+    "keydown",
+    "keydown-end",
+    "current-change",
+    "radio-change",
+    "checkbox-change",
+    "checkbox-all",
+    "checkbox-range-start",
+    "checkbox-range-change",
+    "checkbox-range-end",
+    "cell-click",
+    "cell-dblclick",
+    "cell-menu",
+    "cell-mouseenter",
+    "cell-mouseleave",
+    "header-cell-click",
+    "header-cell-dblclick",
+    "header-cell-menu",
+    "footer-cell-click",
+    "footer-cell-dblclick",
+    "footer-cell-menu",
+    "clear-merge",
+    "sort-change",
+    "clear-sort",
+    "filter-change",
+    "filter-visible",
+    "clear-filter",
+    "resizable-change",
+    "toggle-row-expand",
+    "toggle-tree-expand",
+    "menu-click",
+    "cell-selected",
+    "edit-closed",
+    "edit-actived",
+    "edit-disabled",
+    "valid-error",
+    "scroll",
+    "custom"
+  ].map((l) => {
+    r[l] = (...t) => {
+      i("event", ...t), typeof o[l] == "function" && o[l](...t);
+    };
+  }), r;
+};
+export {
+  h as defaultTableConfig,
+  g as listenTableEvents,
+  b as modifyTableConfig
+};

package/es/packages/components/core/Table/hooks/useSabTable.mjs

@@ -0,0 +1,16 @@
+const r = (c) => {
+  const o = c.tableRef;
+  return {
+    clearCheckboxRow: () => {
+      var e;
+      (e = o.value) == null || e.clearCheckboxRow();
+    },
+    getCheckboxRecords: () => {
+      var e;
+      return (e = o.value) == null ? void 0 : e.getCheckboxRecords();
+    }
+  };
+};
+export {
+  r as default
+};

package/es/packages/components/core/Table/index.mjs

@@ -0,0 +1,9 @@
+import * as t from "../../../../node_modules/.pnpm/vxe-table@4.5.14_vue@3.3.7_xe-utils@3.5.14/node_modules/vxe-table/es/all.mjs";
+import m from "./index.vue.mjs";
+import "./index.scss.mjs";
+m.install = (o) => {
+  o.component(m.name, m), o.use(t);
+};
+export {
+  m as default
+};

package/es/packages/components/core/Table/index.scss.mjs

@@ -0,0 +1,4 @@
+const _ = "";
+export {
+  _ as default
+};

package/es/packages/components/core/Table/index.vue.mjs

@@ -0,0 +1,162 @@
+import { defineComponent as w, mergeDefaults as v, ref as F, computed as p, openBlock as r, createElementBlock as u, Fragment as f, createBlock as g, withCtx as i, renderSlot as c, createCommentVNode as x, createVNode as R, unref as s, mergeProps as T, toHandlers as k, renderList as m, normalizeProps as O, guardReactiveProps as N, createSlots as _ } from "vue";
+import "../../../../node_modules/.pnpm/vxe-table@4.5.14_vue@3.3.7_xe-utils@3.5.14/node_modules/vxe-table/es/all.mjs";
+import H from "../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/flatten.mjs";
+import j from "./components/Toolbar/index.vue.mjs";
+import z from "./components/CellRender.mjs";
+import { defaultTableConfig as $, modifyTableConfig as M, listenTableEvents as E } from "./configs/table.mjs";
+import { setDefaultColumnConfigs as P } from "./configs/column.mjs";
+import { Table as q } from "../../../../node_modules/.pnpm/vxe-table@4.5.14_vue@3.3.7_xe-utils@3.5.14/node_modules/vxe-table/es/table/index.mjs";
+const G = /* @__PURE__ */ w({
+  name: "SabTable",
+  __name: "index",
+  props: v({
+    class: {},
+    columns: {},
+    editable: { type: Boolean },
+    withSeq: { type: Boolean },
+    withCheckbox: { type: Boolean },
+    showToolbar: { type: Boolean },
+    autoClearSelected: { type: Boolean },
+    size: {},
+    id: {},
+    data: {},
+    height: {},
+    minHeight: {},
+    maxHeight: {},
+    stripe: { type: Boolean },
+    round: { type: Boolean },
+    border: { type: [Boolean, String] },
+    loading: { type: Boolean },
+    align: {},
+    headerAlign: {},
+    footerAlign: {},
+    showHeader: { type: Boolean },
+    showFooter: { type: Boolean },
+    footerMethod: { type: Function },
+    rowClassName: { type: [String, Function] },
+    cellClassName: { type: [String, Function] },
+    headerRowClassName: { type: [String, Function] },
+    headerCellClassName: { type: [String, Function] },
+    footerRowClassName: { type: [String, Function] },
+    footerCellClassName: { type: [String, Function] },
+    cellStyle: { type: [Object, Function] },
+    rowStyle: { type: [Object, Function] },
+    headerCellStyle: { type: [Object, Function] },
+    headerRowStyle: { type: [Object, Function] },
+    footerRowStyle: { type: [Object, Function] },
+    footerCellStyle: { type: [Object, Function] },
+    mergeCells: {},
+    mergeFooterItems: {},
+    spanMethod: { type: Function },
+    footerSpanMethod: { type: Function },
+    showOverflow: { type: [Boolean, String, null] },
+    showHeaderOverflow: { type: [Boolean, String, null] },
+    showFooterOverflow: { type: [Boolean, String, null] },
+    keepSource: { type: Boolean },
+    autoResize: { type: Boolean },
+    syncResize: { type: [Boolean, String, Number] },
+    columnConfig: {},
+    rowConfig: {},
+    customConfig: {},
+    resizeConfig: {},
+    resizableConfig: {},
+    seqConfig: {},
+    sortConfig: {},
+    filterConfig: {},
+    radioConfig: {},
+    checkboxConfig: {},
+    tooltipConfig: {},
+    exportConfig: {},
+    importConfig: {},
+    printConfig: {},
+    expandConfig: {},
+    treeConfig: {},
+    menuConfig: {},
+    mouseConfig: {},
+    areaConfig: {},
+    fnrConfig: {},
+    keyboardConfig: {},
+    clipConfig: {},
+    editConfig: {},
+    validConfig: {},
+    editRules: {},
+    emptyText: {},
+    emptyRender: {},
+    loadingConfig: {},
+    scrollX: {},
+    scrollY: {},
+    params: {},
+    resizable: { type: Boolean },
+    highlightCurrentRow: { type: Boolean },
+    highlightHoverRow: { type: Boolean },
+    highlightCurrentColumn: { type: Boolean },
+    highlightHoverColumn: { type: Boolean },
+    highlightCell: { type: Boolean },
+    columnKey: { type: Boolean },
+    rowKey: { type: Boolean },
+    rowId: {},
+    fit: { type: Boolean },
+    animat: { type: Boolean },
+    delayHover: {}
+  }, $),
+  setup(y, { expose: C, emit: d }) {
+    const h = y, b = d, o = F(), t = p(() => {
+      const e = M(
+        {
+          keyboardConfig: {
+            editMethod({ row: n, column: l }) {
+              return o.value.setEditCell(n, l), !0;
+            }
+          }
+        },
+        h
+      );
+      return e.columns = P(e.columns || []), e;
+    }), B = p(() => {
+      var e;
+      return H(
+        (e = t.value.columns) == null ? void 0 : e.map((n) => n.slots ? Object.values(n.slots).filter(
+          (l) => typeof l == "string"
+        ) : [])
+      );
+    });
+    C({
+      xTable: o.value,
+      ...o.value
+    });
+    const S = E(b, t, o);
+    return (e, n) => (r(), u(f, null, [
+      e.showToolbar ? (r(), g(j, {
+        key: 0,
+        style: { "margin-bottom": "10px" },
+        "table-ref": o.value
+      }, {
+        default: i(() => [
+          c(e.$slots, "sab-toolbar")
+        ]),
+        _: 3
+      }, 8, ["table-ref"])) : x("", !0),
+      R(s(q), T({
+        ref_key: "xTable",
+        ref: o
+      }, t.value, k(s(S)), {
+        class: ["sab-table", t.value.class]
+      }), {
+        default: i(() => [
+          (r(!0), u(f, null, m(t.value.columns, (l) => (r(), g(s(z), O(N(l)), _({ _: 2 }, [
+            m(B.value, (a) => ({
+              name: a,
+              fn: i(() => [
+                c(e.$slots, a)
+              ])
+            }))
+          ]), 1040))), 256))
+        ]),
+        _: 3
+      }, 16, ["class"])
+    ], 64));
+  }
+});
+export {
+  G as default
+};

package/es/packages/components/core/Table/index.vue2.mjs

@@ -0,0 +1,5 @@
+import o from "./index.vue.mjs";
+import "./index.scss.mjs";
+export {
+  o as default
+};

package/es/packages/components/core/Table/types/column.mjs

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((r) => (r.Input = "input", r.InputNumber = "input-number", r.Select = "select", r.DatePciker = "date-picker", r.Image = "image", r.Color = "color", r.Boolean = "boolean", r))(t || {});
+export {
+  t as SabCellType
+};

package/es/packages/components/index.mjs

@@ -0,0 +1,5 @@
+import "./core/Table/index.mjs";
+import { SabCellType as r } from "./core/Table/types/column.mjs";
+export {
+  r as SabCellType
+};