@dazhicheng/ui 1.5.198 → 1.5.201

package/dist/components/tt-table/src/hooks/useTableRender.js

@@ -0,0 +1,33 @@
+import { useStore as i } from "@tanstack/vue-store";
+import { defineComponent as s, h as p } from "vue";
+import f from "../Table.vue.js";
+/* empty css            */
+import u from "../TableForm.vue.js";
+import { TableApi as c } from "../utils/table-api.js";
+import { TableFormApi as d } from "../utils/table-form-api.js";
+function S(r) {
+  const t = new d(r), e = t;
+  return e.useStore = (n) => i(t.store, n), [s(
+    (n, { attrs: a, slots: o }) => () => p(u, { ...r, ...n, ...a, tableFormApi: e }, o),
+    {
+      name: "TtTableFormRender",
+      inheritAttrs: !1
+    }
+  ), e];
+}
+function w(r) {
+  const t = new c(r), e = t;
+  e.useStore = (o) => i(t.store, o);
+  const { testId: m } = r, n = m ? { testId: m } : {};
+  return [s(
+    (o, { attrs: l, slots: b }) => () => p(f, { ...n, ...o, ...l, tableApi: e }, b),
+    {
+      name: "TtTableRender",
+      inheritAttrs: !1
+    }
+  ), e];
+}
+export {
+  S as useTableFormRender,
+  w as useTableRender
+};

package/dist/components/tt-table/src/hooks/useTableSlot.js

@@ -0,0 +1,17 @@
+import { useTemplateSlot as e } from "@dazhicheng-ui/hooks/useTemplateSlot";
+function c() {
+  const { getSlotKeys: t, replaceSlotKey: o } = e("t-"), { getSlotKeys: l, replaceSlotKey: r } = e("form-");
+  return {
+    replaceTableSlotKey: o,
+    // 表格插槽key前缀替换方法
+    replaceFormSlotKey: r,
+    // 表单插槽key前缀替换方法
+    getTableSlotKeysFunc: t,
+    // 获取表格插槽key的方法
+    getFormSlotKeysFunc: l
+    // 获取表单插槽key的方法
+  };
+}
+export {
+  c as useTableSlot
+};

package/dist/components/tt-table/src/props.js

@@ -0,0 +1,482 @@
+import { isFunction as f } from "@dazhicheng/utils";
+import { propTypes as t } from "@dazhicheng/hooks";
+import { GlobalConfig as l } from "@dazhicheng-ui/hooks/useSetup";
+const r = {
+  /** 是否显示分页 */
+  showPager: t.bool.def(!0),
+  /** 数据总数 */
+  total: t.number.def(0),
+  /** 当前页数 field */
+  currentPageField: {
+    type: String,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.currentPageField;
+    }
+  },
+  /** 当前页的大小 field */
+  pageSizeField: {
+    type: String,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.pageSizeField;
+    }
+  },
+  /** 总数 field */
+  totalField: {
+    type: String,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.totalField;
+    }
+  },
+  /** 数据的 field */
+  dataField: {
+    type: String,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.dataField;
+    }
+  }
+}, n = {
+  /** 是否显示复选框 */
+  showCheckbox: t.bool.def(!1),
+  /** 是否显示单选框 */
+  showRadio: t.bool.def(!1),
+  /** 是否显示展开列 */
+  showExpand: t.bool.def(!1),
+  /** 是否显示序号 */
+  showIndex: t.bool.def(!1),
+  /** 是否需要列拖拽 */
+  isCellResize: t.bool.def(!1),
+  /**
+   * 是否拖动列
+   * @deprecated 请使用 column-config drag 配合column-drag-config配置 支持的版本看官方文档，后续不在维护列拖拽
+   * @default true
+   */
+  isColumnsDrag: t.bool.def(!1),
+  /** 是否列排序 */
+  isCellSort: t.bool.def(!1),
+  /**
+   * 是否checkbox区域选择 选中数据
+   * @deprecated
+   */
+  isAreaCheckData: t.bool.def(!1),
+  /** 是否显示操作列 */
+  showAction: t.bool.def(!1),
+  /** 操作列宽度 */
+  actionWidth: t.number.def(0),
+  /** 操作列列名 */
+  actionTitle: t.string.def(""),
+  /** 操作列Props */
+  actionProps: {
+    type: Object,
+    default: () => ({})
+  },
+  /** 序号列Props */
+  indexColumnProps: {
+    type: Object,
+    default: () => ({})
+  },
+  /** 复选框列Props */
+  checkboxColumnProps: {
+    type: Object,
+    default: () => ({})
+  },
+  /** 展开行props */
+  expandColumnProps: {
+    type: Object,
+    default: () => ({})
+  },
+  /** 单选框列Props */
+  radioColumnProps: {
+    type: Object,
+    default: () => ({})
+  },
+  /** 表格行id */
+  tableRowId: {
+    type: String,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.tableRowId;
+    }
+  },
+  /** 自定义Column函数 */
+  customizeColumn: {
+    type: Function
+    // default: () => GlobalConfig.table?.customizeColumn,
+  }
+}, i = {
+  /** api请求方法 */
+  api: {
+    type: Function,
+    default: null
+  },
+  /** 表格额外参数 */
+  searchInfo: {
+    type: Object,
+    default: () => ({})
+  },
+  /** 是否初始化加载数据 */
+  immediate: t.bool.def(!0),
+  /**
+   * 请求的状态吗
+   * @deprecated
+   */
+  resultCode: {
+    type: [String, Number],
+    default: 200
+  },
+  /** 请求后的回调 */
+  afterFetch: {
+    type: Function,
+    default: null
+  },
+  /** 请求前的回调 */
+  beforeFetch: {
+    type: Function,
+    default: null
+  },
+  /** data */
+  data: {
+    type: Array,
+    default: []
+  },
+  /** 是否滚动加载数据 */
+  isScrollFetch: {
+    type: Boolean,
+    default: !1
+  },
+  /** 滚动加载数据是否显示loading */
+  showScrollFetchLoading: {
+    type: Boolean,
+    default: !0
+  }
+}, u = {
+  /** 是否显示toolbar */
+  showToolbar: t.bool.def(!1),
+  /** 具体某些列排序 field数组 */
+  columnsFieldSort: t.array.def([]),
+  /** 具体某些列不排序 field数组 */
+  columnsFieldNoSort: t.array.def([]),
+  /** 是否显示右边刷新按钮 */
+  showRefresh: {
+    type: Boolean,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.showRefresh;
+    }
+  },
+  /** 是否显示右边设置 */
+  showSetting: {
+    type: Boolean,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.showSetting;
+    }
+  },
+  /** 是否显示自定义列 */
+  showSetColumn: {
+    type: Boolean,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.showSetColumn;
+    }
+  },
+  /** 是否显示自定义行距 */
+  showLineHeight: {
+    type: Boolean,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.showLineHeight;
+    }
+  },
+  /** 不可自定义列数组 field数组 */
+  notSetColumnField: t.array.def([]),
+  /** 需要对不显示的字段进行过滤 主要针对于自定义  field数组 */
+  filterNoVisibleField: t.array.def([]),
+  /** 是否显示表格上方 alert */
+  showTableAlert: t.bool.def(!1)
+}, b = {
+  modelValue: {
+    type: Array,
+    default: () => []
+  },
+  /** 标题内容 */
+  title: t.string.def(""),
+  /** 是否显示标题 */
+  showTitle: t.bool.def(!1),
+  /** 是否自适应高度 */
+  autoHeight: t.bool.def(!0),
+  /**
+   * 额外减去的高度
+   * @deprecated
+   */
+  offsetHeight: t.number.def(12),
+  /** 左侧插槽的宽度 */
+  leftSlotWidth: t.number.def(0),
+  /** 右侧插槽的宽度 */
+  rightSlotWidth: t.number.def(0),
+  /** loading text */
+  loadingText: {
+    type: String,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.loadingText;
+    }
+  },
+  /** 暂无数据的样式 */
+  emptyImageStyle: t.object.def({}),
+  /** 暂无数据 */
+  emptyText: {
+    type: String,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.emptyText;
+    }
+  },
+  /**
+   * 空数据图片状态, 对于不传api的默认展示情况
+   * @default 'no-data'
+   */
+  emptyImageStatus: {
+    type: String,
+    default: "no-data"
+  },
+  /** 未查询时文字 */
+  noSearchText: {
+    type: String,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.noSearchText;
+    }
+  },
+  /** 是否手动触发查询事件 */
+  isHanderSubmit: t.bool.def(!1),
+  /** 储存的key值，支持函数动态获取 */
+  columnsKey: {
+    type: [String, Function],
+    default: ""
+  },
+  /** 是否开启服务端缓存 */
+  useHttpCache: {
+    type: Boolean,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.useHttpCache;
+    }
+  },
+  /** 开启服务端缓存时默认展示的列 用户列为null时默认展示的列 */
+  defaultDisplayFields: {
+    type: Array,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.defaultDisplayFields;
+    }
+  },
+  /**
+   * 是否需要行拖拽-树形表格
+   * @deprecated 请使用 row-config drag 配合row-drag-config配置 支持的版本看官方文档，后续不在维护行拖拽
+   * @default false
+   */
+  treeNode: t.bool.def(!1),
+  /** 外部插槽 */
+  getSyncSlotComponent: {
+    type: Function
+  },
+  /** 是否清空树形展开状态 */
+  clearTreeExpand: t.bool.def(!0),
+  /** 是否进行国际化 */
+  isI18n: t.bool.def(!0),
+  /**
+   * 外部数据是否拷贝一份
+   * 设置为 false 时，会有性能问题
+   * @default true
+   */
+  isDataCloneDeep: t.bool.def(!0),
+  /** 表格的api */
+  tableApi: {
+    type: Object
+  },
+  /** 表格的api */
+  formApi: {
+    type: Object
+  },
+  /** 是否使用搜索form */
+  useSearchForm: t.bool.def(!1),
+  /** 是否禁用Teleport将节点输送至body */
+  disabledTeleport: t.bool.def(!1),
+  /** 表格 testId，用于生成测试标识 */
+  testId: {
+    type: String,
+    default: void 0
+  },
+  ...r,
+  ...n,
+  ...i,
+  ...u
+}, s = {
+  /** 按键配置项 */
+  keyboardConfig: {
+    type: Object,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.keyboardConfig;
+    }
+  },
+  /** 右键菜单配置项 */
+  menuConfig: {
+    type: Object,
+    default: () => ({})
+  },
+  /** 鼠标配置项 */
+  mouseConfig: {
+    type: Object,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.mouseConfig;
+    }
+  },
+  /** 复选框配置项 */
+  checkboxConfig: {
+    type: Object,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.checkboxConfig;
+    }
+  },
+  /** 单选框配置项 */
+  radioConfig: {
+    type: Object,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.radioConfig;
+    }
+  }
+}, p = Object.entries(b).reduce((e, a) => {
+  if (a) {
+    const [d, o] = a;
+    f(o.default) ? e[d] = o.default() : e[d] = o.default;
+  }
+  return e;
+}, {}), h = {
+  tableData: {
+    type: Array,
+    default: () => []
+  },
+  /** table参数 */
+  table: {
+    type: Object,
+    default: p
+  },
+  /** 是否使用搜索form */
+  useSearchForm: t.bool.def(!0),
+  /** BasicFormProps 的配置 */
+  form: {
+    type: Object,
+    default: () => ({})
+  },
+  /** 查询条件请求之前处理 */
+  handleSearchInfoFn: {
+    type: Function,
+    default: null
+  },
+  /** 刷新前的调用方法 */
+  tableRefreshBefore: {
+    type: Function,
+    default: null
+  },
+  /** TtTableTools的props */
+  toolConfig: {
+    type: Object,
+    default: null
+  },
+  /** 表格行id */
+  tableRowId: {
+    type: String,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.tableRowId;
+    }
+  },
+  /** 表格 testId，用于生成测试标识 */
+  testId: {
+    type: String,
+    default: void 0
+  },
+  /** 表格的api */
+  tableFormApi: {
+    type: Object
+  }
+}, m = {
+  /** 列配置 */
+  columns: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * 表格的高度；支持铺满父容器或者固定高度，如果设置 auto 为铺满父容器（如果设置为 auto，则必须确保存在父节点且不允许存在相邻元素）
+   */
+  height: {
+    type: [Number, String],
+    default: void 0
+  },
+  /**
+   * 设置所有内容过长时显示为省略号（如果是固定列建议设置该值，提升渲染速度
+   * @default true
+   */
+  showOverflow: {
+    type: [String, Boolean],
+    default: !0
+  },
+  /**
+   * @description 内部使用插槽重写title内容。true 和 'tooltip' 都会有 tooltip 效果，false 和其他的值会显示省略号不会有 tooltip 效果
+   * @default true
+   */
+  showHeaderOverflow: {
+    type: [String, Boolean],
+    default: !0
+  },
+  /** 分页配置 */
+  pagerConfig: {
+    type: Object,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.pagerConfig;
+    }
+  },
+  /** toolbar 配置 */
+  toolbarConfig: {
+    type: Object,
+    default: () => null
+  },
+  /** 缩放配置项 */
+  zoomConfig: {
+    type: Object,
+    default: () => null
+  },
+  /** 表格大小 */
+  size: {
+    type: String,
+    default: () => {
+      var e;
+      return (e = l.table) == null ? void 0 : e.size;
+    }
+  },
+  /**
+   * tooltip错误提示方向，用于控制错误信息提示的显示位置
+   * 可选值: 'top', 'bottom', 'left', 'right'
+   * @default 'right'
+   */
+  toolTipErrorPlacement: {
+    type: String,
+    default: "right"
+  },
+  ...s
+};
+export {
+  h as tableFormProps,
+  m as tableOtherProps,
+  s as tableProProps,
+  b as tableProps
+};

package/dist/components/tt-table/src/toolProps.js

@@ -0,0 +1,30 @@
+const e = {
+  /** 是否显示设置 */
+  showSetting: {
+    type: Boolean,
+    default: !0
+  },
+  /** 是否显示刷新按钮 */
+  showRefresh: {
+    type: Boolean,
+    default: !0
+  },
+  /** 是否显示导出按钮 */
+  showExport: {
+    type: Boolean,
+    default: !1
+  },
+  /** 是否显示列设置按钮 */
+  showSetColumn: {
+    type: Boolean,
+    default: !0
+  },
+  /** 储存的key，支持函数动态获取 */
+  columnsKey: {
+    type: [String, Function],
+    default: ""
+  }
+};
+export {
+  e as toolProps
+};

package/dist/components/tt-table/src/utils/context.js

@@ -0,0 +1,17 @@
+import { inject as r, provide as c } from "vue";
+function s(t, u) {
+  const i = `${t}Context`, e = Symbol(i);
+  return [(n) => {
+    const o = r(e, n);
+    if (o || o === null) return o;
+    throw new Error(
+      `Injection \`${e.toString()}\` not found. Component must be used within ${Array.isArray(t) ? `one of the following components: ${t.join(", ")}` : `\`${t}\``}`
+    );
+  }, (n) => (c(e, n), n)];
+}
+const [d, l] = s("FormActionTestIds");
+export {
+  s as createContext,
+  d as injectFormActionTestIds,
+  l as provideFormActionTestIds
+};