@dazhicheng/ui 1.5.199 → 1.5.202

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

@@ -0,0 +1,386 @@
+var K = Object.defineProperty;
+var A = (a, e, t) => e in a ? K(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var s = (a, e, t) => A(a, typeof e != "symbol" ? e + "" : e, t);
+import { mergeWithArrayOverride as r, StateHandler as H, bindMethods as I, isFunction as k } from "@dazhicheng/utils";
+import { GlobalConfig as o } from "../../../../hooks/useSetup.js";
+import { Store as z } from "@tanstack/vue-store";
+import { reactive as n, computed as l } from "vue";
+function M() {
+  var a, e, t, i, d, h, m, u, c, g, w, p, b, f, y, S, C, x, R, T, v, E, P, D, F;
+  return {
+    showPager: !0,
+    total: 0,
+    showCheckbox: !1,
+    showExpand: !1,
+    showRadio: !1,
+    showIndex: !1,
+    isCellResize: !1,
+    isColumnsDrag: !1,
+    isCellSort: !1,
+    showAction: !1,
+    actionWidth: 0,
+    actionTitle: "",
+    actionProps: {},
+    indexColumnProps: {},
+    checkboxColumnProps: {},
+    expandColumnProps: {},
+    radioColumnProps: {},
+    searchInfo: {},
+    immediate: !0,
+    loading: !1,
+    showToolbar: !1,
+    columnsFieldSort: [],
+    columnsFieldNoSort: [],
+    notSetColumnField: [],
+    filterNoVisibleField: [],
+    showTableAlert: !1,
+    modelValue: [],
+    title: "",
+    showTitle: !1,
+    autoHeight: !1,
+    leftSlotWidth: 0,
+    rightSlotWidth: 0,
+    emptyImageStyle: {},
+    isHanderSubmit: !1,
+    treeNode: !1,
+    clearTreeExpand: !0,
+    isI18n: !0,
+    isDataCloneDeep: !0,
+    showOverflow: !0,
+    height: void 0,
+    showHeaderOverflow: !0,
+    isScrollFetch: !1,
+    showScrollFetchLoading: !0,
+    toolbarConfig: void 0,
+    zoomConfig: void 0,
+    formApi: void 0,
+    useHttpCache: (a = o.table) == null ? void 0 : a.useHttpCache,
+    defaultDisplayFields: (e = o.table) == null ? void 0 : e.defaultDisplayFields,
+    loadingText: (t = o.table) == null ? void 0 : t.loadingText,
+    emptyText: (i = o.table) == null ? void 0 : i.emptyText,
+    emptyImageStatus: "no-data",
+    noSearchText: (d = o.table) == null ? void 0 : d.noSearchText,
+    showSetColumn: (h = o.table) == null ? void 0 : h.showSetColumn,
+    showSetting: (m = o.table) == null ? void 0 : m.showSetting,
+    showRefresh: (u = o.table) == null ? void 0 : u.showRefresh,
+    tableRowId: (c = o.table) == null ? void 0 : c.tableRowId,
+    currentPageField: (g = o.table) == null ? void 0 : g.currentPageField,
+    pageSizeField: (w = o.table) == null ? void 0 : w.pageSizeField,
+    totalField: (p = o.table) == null ? void 0 : p.totalField,
+    dataField: (b = o.table) == null ? void 0 : b.dataField,
+    pagerConfig: (f = o.table) == null ? void 0 : f.pagerConfig,
+    size: (y = o.table) == null ? void 0 : y.size,
+    keyboardConfig: (S = o.table) == null ? void 0 : S.keyboardConfig,
+    menuConfig: {},
+    mouseConfig: (C = o.table) == null ? void 0 : C.mouseConfig,
+    checkboxConfig: (x = o.table) == null ? void 0 : x.checkboxConfig,
+    radioConfig: (R = o.table) == null ? void 0 : R.radioConfig,
+    stripe: (T = o.table) == null ? void 0 : T.stripe,
+    border: (v = o.table) == null ? void 0 : v.border,
+    updateColumnsApi: (E = o.table) == null ? void 0 : E.updateColumnsApi,
+    getColumnsApi: (P = o.table) == null ? void 0 : P.getColumnsApi,
+    setColumnsApi: (D = o.table) == null ? void 0 : D.setColumnsApi,
+    columnsKey: (F = o.table) == null ? void 0 : F.columnsKey
+  };
+}
+class V {
+  /**
+   * 构造函数，初始化 store、状态等
+   * @param options 表格配置项
+   */
+  constructor(e = {}) {
+    /** vxe-grid 表格实例 */
+    s(this, "grid", n({}));
+    /** 表格操作方法集合（TtTableMethods） */
+    s(this, "methods", n({}));
+    /** 当前表格的 props 状态 */
+    s(this, "state", null);
+    /** 响应式 store，存储表格的状态 */
+    s(this, "store");
+    /** 响应式代理状态（loading、selectedKeys） */
+    s(this, "proxyState", n({
+      loading: !1,
+      selectedKeys: [],
+      isTableEvent: !1,
+      selectedRows: []
+    }));
+    s(this, "isMounted", !1);
+    s(this, "stateHandler");
+    /**
+     * @description: 获取表格选中数据
+     * @return {DT[]}
+     */
+    s(this, "selectedKeys", l(() => this.proxyState.selectedKeys));
+    /**
+     * @description: 获取表格选中数据
+     * @return {DT[]}
+     */
+    s(this, "selectedRows", l(() => this.proxyState.selectedRows));
+    /**
+     * 获取表格 loading 状态（响应式）
+     */
+    s(this, "getLoading", l(() => this.proxyState.loading));
+    /**
+     * 是否使用表格的event
+     */
+    s(this, "getIsTableEvent", l(() => this.proxyState.isTableEvent));
+    const t = { ...e }, i = M();
+    this.store = new z(r(t, i), {
+      onUpdate: () => {
+        this.state = this.store.state;
+      }
+    }), this.state = this.store.state, this.stateHandler = new H(), I(this);
+  }
+  /**
+   * 组件挂载时调用，注入表格实例和方法
+   * @param instance vxe-grid 实例
+   * @param methods 表格操作方法
+   */
+  mount(e, t) {
+    !this.isMounted && e && (Object.setPrototypeOf(this.grid, e), Object.setPrototypeOf(this.methods, t), this.stateHandler.setConditionTrue(), this.isMounted = !0);
+  }
+  /**
+   * 更新表格的状态
+   * @param stateOrFn 新状态或返回新状态的函数
+   */
+  setState(e) {
+    k(e) ? this.store.setState((t) => {
+      const i = e(t);
+      return r(i, t, ["searchInfo"]);
+    }) : this.store.setState((t) => r(e, t, ["searchInfo"]));
+  }
+  /**
+   * 组件卸载时调用，重置挂载状态
+   */
+  unmount() {
+    this.isMounted = !1, this.stateHandler.reset();
+  }
+  /**
+   * @description: 表格重载数据
+   * @param {FetchParams | undefined} data 加载的params
+   * @return {*}
+   */
+  async reload(e) {
+    try {
+      this.methods.reload(e);
+    } catch {
+    }
+  }
+  /**
+   * @description: 设置表格props
+   * @param {Partial<TtTableProps>} props 表格props
+   */
+  setProps(e) {
+    this.methods.setProps(e);
+  }
+  /**
+   * @description: 重新计算高度
+   * @return {*}
+   */
+  redoHeight() {
+    this.methods.redoHeight();
+  }
+  /**
+   * @description: 设置表格columns
+   * @param {VxeGridPropTypes.Columns<DT>} columns columns
+   * @return {*}
+   */
+  setTableColumns(e) {
+    this.methods.setTableColumns(e);
+  }
+  /**
+   * @description: 获取表格columns
+   * @return {VxeGridPropTypes.Columns<DT> | undefined}
+   */
+  getTableColumns() {
+    return this.methods.getTableColumns();
+  }
+  /**
+   * @description: 获取表格数据
+   * @return {DT[]}
+   */
+  getDataSource() {
+    return this.methods.getDataSource();
+  }
+  /**
+   * @description: 设置表格loading
+   * @param {boolean} loading
+   */
+  setLoading(e) {
+    this.methods.setLoading(e);
+  }
+  /**
+   * @description: 获取表格pagination
+   * @return {VxeGridPropTypes.PagerConfig | undefined}
+   */
+  getPagination() {
+    return this.methods.getPagination();
+  }
+  /**
+   * @description: 设置表格pagination
+   * @param {Partial<VxeGridPropTypes.PagerConfig>} props 表格pagination
+   */
+  setPagination(e) {
+    this.methods.setPagination(e);
+  }
+  /**
+   * @description: 获取选中数据的keys集合
+   * @return {Array<string>}
+   */
+  getSelectRowKeys() {
+    return this.methods.getSelectRowKeys();
+  }
+  /**
+   * @description: 获取选中数据
+   * @return {Array<string>}
+   */
+  getSelectRows() {
+    return this.methods.getSelectRows();
+  }
+  /**
+   * @description: 设置表格选中数据
+   * @param {TtSelectRowsType[]} rows 选中的数据
+   * @param {TtSelectRowKeysType[]} keys 选中的数据keys
+   */
+  setSelectedRowKeys(e, t) {
+    this.methods.setSelectedRowKeys(e, t);
+  }
+  /**
+   * @description: 清除全部行选择
+   */
+  clearSelectedRowKeys() {
+    this.methods.clearSelectedRowKeys();
+  }
+  /**
+   * 往表格插入临时数据，从第一行新增一行或多行新数据
+   * @param records 新数据
+   */
+  async insert(e) {
+    return await this.methods.insert(e);
+  }
+  /**
+   * 往表格指定行中插入临时数据
+   * 如果 row 为空则从插入到顶部，如果为树结构，则插入到目标节点顶部
+   * 如果 row 为 -1 则从插入到底部，如果为树结构，则插入到目标节点底部
+   * 如果 row 为有效行则插入到该行的位置，如果为树结构，则有插入到效的目标节点该行的位置
+   * @param {Object/Array} records 新的数据
+   * @param {Row} row 指定行
+   */
+  async insertAt(e, t) {
+    return await this.methods.insertAt(e, t);
+  }
+  /**
+   * 删除指定行数据，指定 row 或 [row, ...] 删除多条数据，如果为空则删除所有数据
+   * @param rows 指定行
+   */
+  async remove(e) {
+    return await this.methods.remove(e);
+  }
+  /**
+   * 删除复选框选中的行数据
+   */
+  async removeCheckboxRow() {
+    return await this.methods.removeCheckboxRow();
+  }
+  /**
+   * 删除单选框选中的行数据
+   */
+  async removeRadioRow() {
+    return await this.methods.removeRadioRow();
+  }
+  /**
+   * 删除当前行选中的行数据
+   */
+  async removeCurrentRow() {
+    return await this.methods.removeCurrentRow();
+  }
+  /**
+   * 清除编辑状态并重置数据
+   */
+  clearEditRevertData(e) {
+    this.methods.clearEditRevertData(e);
+  }
+  /**
+   * 指定行激活编辑
+   * @param {VxeTablePropTypes.Row} row 行数据
+   * @param {string | VxeTableDefines.ColumnInfo} fieldOrColumn 列配置可以时field
+   */
+  setEditRow(e, t) {
+    this.methods.setEditRow(e, t);
+  }
+  /**
+   * 指定单元格激活编辑
+   * @param {VxeTablePropTypes.Row} row 当前行数据
+   * @param {string | VxeTableDefines.ColumnInfo} fieldOrColumn 列配置可以时field
+   */
+  setEditCell(e, t) {
+    this.methods.setEditCell(e, t);
+  }
+  /**
+   * 加载数据
+   * @param data 数据
+   */
+  async loadData(e) {
+    return await this.methods.loadData(e);
+  }
+  /**
+   * 加载数据并恢复到初始状态
+   * @param data 数据
+   */
+  async reloadData(e) {
+    return await this.methods.reloadData(e);
+  }
+  /**
+   * 重新加载列
+   * @param columns 列对象
+   */
+  async reloadColumn(e) {
+    return await this.methods.reloadColumn(e);
+  }
+  /**
+   * 局部加载行数据并恢复到初始状态
+   * @param rows 行对象
+   * @param record 新数据
+   * @param field 指定字段名
+   */
+  async reloadRow(e, t, i) {
+    return await this.methods.reloadRow(e, t, i);
+  }
+  /**
+   * 手动清空单元格内容，如果不传参数，则清空整个表格内容，如果传了行则清空指定行内容，如果传了指定字段，则清空该字段内容
+   * @param data 指定行
+   * @param field 字段名
+   */
+  async clearData(e, t) {
+    return await this.methods.clearData(e, t);
+  }
+  /**
+   * 重新懒加载展开行，并展开内容
+   * @param row 指定行
+   */
+  reloadRowExpand(e) {
+    this.methods.reloadRowExpand(e);
+  }
+  /**
+   * 重新懒加载树节点，并展开该节点
+   * @param row 指定行
+   */
+  reloadTreeExpand(e) {
+    this.methods.reloadRowExpand(e);
+  }
+  /** 获取表格实例 */
+  getTableInstance() {
+    return this.grid;
+  }
+  /**
+   * 设置代理状态（loading、selectedKeys）
+   * @param state 代理状态对象
+   */
+  setProxyState(e) {
+    this.proxyState.selectedKeys = e.selectedKeys ?? this.proxyState.selectedKeys, this.proxyState.loading = e.loading ?? this.proxyState.loading, this.proxyState.isTableEvent = e.isTableEvent ?? this.proxyState.isTableEvent, this.proxyState.selectedRows = e.selectedRows ?? this.proxyState.selectedRows;
+  }
+}
+export {
+  V as TableApi,
+  M as getDefaultState
+};

package/dist/components/tt-table/src/utils/table-form-api.js

@@ -0,0 +1,122 @@
+var d = Object.defineProperty;
+var p = (r, t, e) => t in r ? d(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var s = (r, t, e) => p(r, typeof t != "symbol" ? t + "" : t, e);
+import { mergeWithArrayOverride as a, StateHandler as u, bindMethods as b, isFunction as m } from "@dazhicheng/utils";
+import { Store as c, useStore as f } from "@tanstack/vue-store";
+import { reactive as o, computed as S, toValue as A } from "vue";
+import { getDefaultState as y, TableApi as O } from "./table-api.js";
+class I {
+  /**
+   * 构造函数，初始化 store、tableApi、状态等
+   * @param options 表单+表格配置项
+   */
+  constructor(t = {}) {
+    /** form 表单实例（FormApi） */
+    s(this, "formApi", o({}));
+    /** 表格 API 实例（TableApi） */
+    s(this, "tableApi", o({}));
+    /** vxe-grid 表格实例 */
+    s(this, "grid", o({}));
+    /** 当前表单+表格的 props 状态 */
+    s(this, "state", null);
+    /** 表单操作方法集合（TableFormActionType） */
+    s(this, "tableForm", o({}));
+    /** 响应式 store，存储表单+表格的状态 */
+    s(this, "store");
+    s(this, "isMounted", !1);
+    s(this, "stateHandler");
+    /**
+     * 当前选中的行 key 数组（响应式）
+     */
+    s(this, "selectedKeys", S(() => A(this.tableApi.selectedKeys) ?? []));
+    const e = { ...t }, i = y();
+    this.store = new c(
+      a(e, {
+        useSearchForm: !0,
+        table: i,
+        tableRowId: i.tableRowId || "id"
+      }),
+      {
+        onUpdate: () => {
+          this.state = this.store.state;
+        }
+      }
+    ), this.state = this.store.state, this.stateHandler = new u();
+    const l = new O({
+      ...this.state.table,
+      useSearchForm: this.state.useSearchForm || !1
+    }), n = l;
+    n.useStore = (h) => f(l.store, h), Object.setPrototypeOf(this.tableApi, n), b(this);
+  }
+  /**
+   * 组件挂载时调用，注入表单和表格实例
+   * @param instance 表单操作方法实例
+   * @param formApi 表单实例
+   */
+  mount(t, e) {
+    var i;
+    !this.isMounted && t && (Object.setPrototypeOf(this.grid, this.tableApi.grid), Object.setPrototypeOf(this.formApi, e), Object.setPrototypeOf(this.tableForm, t), (i = this.tableApi) == null || i.setState({ formApi: e }), this.stateHandler.setConditionTrue(), this.isMounted = !0);
+  }
+  /**
+   * 更新表单+表格的数据
+   * @param stateOrFn 新状态或返回新状态的函数
+   */
+  setState(t) {
+    m(t) ? this.store.setState((e) => a(t(e), e)) : this.store.setState((e) => a(t, e));
+  }
+  /**
+   * 重新加载表格数据
+   * @param data 可选的查询参数
+   */
+  async reload(t) {
+    this.tableForm.reload(t);
+  }
+  /**
+   * 获取表单实例
+   */
+  formInstance() {
+    return this.formApi;
+  }
+  /**
+   * 获取 vxe-grid 表格实例
+   */
+  vxeGridInstance() {
+    return this.tableApi.grid;
+  }
+  /**
+   * 获取表格 API 实例
+   */
+  tableInstance() {
+    return this.tableApi;
+  }
+  /**
+   * 设置表格属性
+   * @param props 表格属性
+   */
+  setTableProps(t) {
+    this.tableApi.setState(t);
+  }
+  /**
+   * 设置表单属性
+   * @param props 表单属性
+   */
+  setFormProps(t) {
+    this.formApi.setState(t);
+  }
+  /**
+   * 设置表单+表格属性
+   * @param props 属性
+   */
+  setProps(t) {
+    this.setState(t);
+  }
+  /**
+   * 组件卸载时调用，重置挂载状态
+   */
+  unmount() {
+    this.isMounted = !1, this.stateHandler.reset();
+  }
+}
+export {
+  I as TableFormApi
+};

package/dist/components/tt-text/index.js

@@ -0,0 +1,7 @@
+import { withInstall as t } from "@dazhicheng/utils";
+import o from "./index.vue.js";
+const m = t(o);
+export {
+  m as TtText,
+  m as default
+};

package/dist/components/tt-text/index.vue.js

@@ -0,0 +1,7 @@
+import t from "./index.vue2.js";
+/* empty css           */
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-d6305864"]]);
+export {
+  s as default
+};

package/dist/components/tt-text/index.vue2.js

@@ -0,0 +1,73 @@
+import { defineComponent as c, computed as s, withDirectives as u, createCommentVNode as d, createElementBlock as m, openBlock as f, normalizeStyle as y, renderSlot as T, createTextVNode as h, toDisplayString as b, unref as k } from "vue";
+import x from "../../directives/auto-tip/index.js";
+import { ElMessage as C } from "element-plus";
+const V = /* @__PURE__ */ c({
+  name: "TtText",
+  __name: "index",
+  props: {
+    modelValue: {},
+    toolTip: { type: Boolean, default: !0 },
+    placement: { default: "top" },
+    toolTipLine: { default: 1 },
+    toolTipMaxWidth: { default: 400 },
+    toolTipMaxHeight: { default: 600 },
+    lineHeight: {},
+    visible: { type: Boolean, default: !0 },
+    copy: { type: Boolean, default: !1 }
+  },
+  setup(n) {
+    const i = n, p = s(() => i.visible);
+    let o = 0, l = null;
+    function r() {
+      if (i.copy)
+        if (o++, l && clearTimeout(l), o === 3) {
+          const e = i.modelValue || "--";
+          navigator.clipboard ? navigator.clipboard.writeText(e).then(() => {
+            C({
+              message: "复制成功",
+              type: "success",
+              plain: !0
+            });
+          }).catch(() => {
+            a(e);
+          }) : a(e), o = 0;
+        } else
+          l = setTimeout(() => {
+            o = 0, l = null;
+          }, 300);
+    }
+    function a(e) {
+      try {
+        const t = document.createElement("textarea");
+        t.value = e, t.style.position = "fixed", t.style.opacity = "0", document.body.appendChild(t), t.select(), document.execCommand("copy"), document.body.removeChild(t);
+      } catch {
+      }
+    }
+    return (e, t) => p.value ? u((f(), m("span", {
+      key: 0,
+      class: "tool-tip-text",
+      style: y({
+        whiteSpace: "pre-line",
+        "-webkit-line-clamp": e.toolTipLine,
+        "word-break": "break-all"
+      }),
+      onClick: r
+    }, [
+      T(e.$slots, "default", {}, () => [
+        h(b(e.modelValue || "--"), 1)
+      ], !0)
+    ], 4)), [
+      [
+        k(x),
+        e.toolTip ? {
+          placement: e.placement,
+          toolTipMaxWidth: e.toolTipMaxWidth,
+          toolTipMaxHeight: e.toolTipMaxHeight
+        } : !1
+      ]
+    ]) : d("", !0);
+  }
+});
+export {
+  V as default
+};

package/dist/components/tt-upload/index.js

@@ -0,0 +1,9 @@
+import { withInstall as o } from "@dazhicheng/utils";
+import t from "./src/TtUpload.vue.js";
+import { ttUploadProps as l } from "./src/typing.js";
+const a = o(t);
+export {
+  a as TtUpload,
+  a as default,
+  l as ttUploadProps
+};