@fangzhongya/fang-ui 0.0.12 → 0.0.13

package/dist/components/tables/common/pagin.cjs

@@ -0,0 +1,449 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("vue");
+const util = require("../../../utils/util.cjs");
+require("../../../utils/vues/getBuildProps.cjs");
+require("@fangzhongya/utils/css/setObjStyle");
+require("@fangzhongya/utils/css/getCss");
+const urls = require("../../common/urls.cjs");
+const firstLower = require("@fangzhongya/utils/basic/string/firstLower");
+const lineToSmallHump = require("@fangzhongya/utils/name/lineToSmallHump");
+const objValue = require("@fangzhongya/utils/basic/object/objValue");
+const dataProps = {
+  ...urls.props,
+  // 总表格的配置
+  configs: {
+    type: Object
+  },
+  // 表格的配置
+  config: {
+    type: Object,
+    default() {
+      return {};
+    }
+  },
+  list: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
+  load: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @props { Object } options 选择数据集合
+   */
+  options: {
+    type: Object,
+    default() {
+      return {};
+    }
+  },
+  /**
+   * @props { Object } compons 外部组件集合
+   */
+  compons: {
+    type: Object,
+    default() {
+      return {};
+    }
+  }
+};
+const dataEmit = ["list-events", "selection"];
+const useInit = (props2, emit, refTable, isEl) => {
+  var _a, _b;
+  const loading = require$$0.ref(false);
+  const mpagconfig = {
+    pageSize: 10,
+    pageSizes: [10, 20, 30, 40, 50, 100],
+    layout: "total, slot,  ->, prev, pager, next, sizes, jumper",
+    // sizes, prev, pager, next, jumper, ->, total, slot
+    data: {
+      // 列表数据字段
+      list: "items",
+      // 总数据字段
+      total: "totalCount",
+      current: "pageNum",
+      pageSize: "pageSize",
+      prop: "sortField",
+      order: "sortType"
+    }
+  };
+  const pagconfig = require$$0.ref(mpagconfig);
+  const paginat = require$$0.reactive({
+    current: 1,
+    pageSize: mpagconfig.pageSize,
+    order: "",
+    prop: ""
+  });
+  const data = require$$0.reactive({
+    total: 0,
+    list: []
+  });
+  const orderMap = {
+    asc: "asc",
+    ascending: "asc",
+    desc: "desc",
+    descending: "desc"
+  };
+  const tableList = require$$0.ref(((_a = props2.configs) == null ? void 0 : _a.list) ?? props2.list);
+  const tableConfig = require$$0.ref(((_b = props2.configs) == null ? void 0 : _b.config) ?? props2.config);
+  const width = {
+    index: 66,
+    selection: 46
+  };
+  const setList = () => {
+    var _a2, _b2, _c, _d, _e, _f;
+    const configs = props2.configs;
+    const list = (configs == null ? void 0 : configs.list) ?? props2.list;
+    const config = (configs == null ? void 0 : configs.config) ?? props2.config;
+    if (((_a2 = config.config) == null ? void 0 : _a2.ischecked) || ((_b2 = config.config) == null ? void 0 : _b2.isserial)) {
+      let isx = (_c = config.config) == null ? void 0 : _c.ischecked;
+      let iss = (_d = config.config) == null ? void 0 : _d.isserial;
+      let i = -1;
+      for (let t = 0; t < list.length; t++) {
+        const obj = list[t];
+        if ((obj == null ? void 0 : obj.type) == "selection") {
+          if (!obj.width) {
+            obj.width = width.selection;
+          }
+          if (!obj.selectable) {
+            obj.selectable = (_e = config.config) == null ? void 0 : _e.selectable;
+          }
+          i = t;
+          isx = false;
+        }
+        if ((obj == null ? void 0 : obj.type) == "index") {
+          if (!obj.width) {
+            obj.width = width.index;
+          }
+          iss = false;
+        }
+        if (!isx && !iss) {
+          break;
+        }
+      }
+      if (iss) {
+        if (i != -1) {
+          list.splice(i + 1, 0, {
+            type: "index",
+            width: width.index,
+            label: "序号",
+            fixed: true
+          });
+        } else {
+          list.unshift({
+            type: "index",
+            width: width.index,
+            label: "序号",
+            fixed: true
+          });
+        }
+      }
+      if (isx) {
+        list.unshift({
+          type: "selection",
+          width: width.selection,
+          selectable: (_f = config.config) == null ? void 0 : _f.selectable,
+          fixed: true
+        });
+      }
+    }
+    tableList.value = list;
+  };
+  const setConfig = () => {
+    var _a2;
+    const configs = props2.configs;
+    const config = (configs == null ? void 0 : configs.config) ?? props2.config;
+    if ((_a2 = config.config) == null ? void 0 : _a2.defaultSort) {
+      const v = config.config.defaultSort;
+      paginat.order = orderMap[v.order] ?? "";
+      paginat.prop = v.prop;
+    }
+    const pagin = config.paginat ?? {};
+    paginat.pageSize = pagin.size || mpagconfig.pageSize;
+    pagconfig.value = Object.assign({}, mpagconfig, pagin.config || {});
+    tableConfig.value = config;
+  };
+  require$$0.watch(
+    [() => props2.configs, () => props2.config, () => props2.list],
+    () => {
+      setList();
+      setConfig();
+    },
+    { immediate: true }
+  );
+  const formEvent = require$$0.computed(() => {
+    const obj = {};
+    const es = tableConfig.value.events || {};
+    Object.keys(es).forEach((key) => {
+      let ml = key;
+      if (/on[A-Z]/.test(key)) {
+        ml = firstLower.firstLower(key.replace(/^on/, ""));
+      }
+      ml = lineToSmallHump.lineToSmallHump(ml);
+      obj[ml] = (...data2) => {
+        util.executionMethod(es[key], ...data2);
+      };
+    });
+    return obj;
+  });
+  const istype = require$$0.computed(() => {
+    if (isEl) {
+      return true;
+    } else {
+      return tableConfig.value.type == 1;
+    }
+  });
+  function onChange(arr) {
+    var _a2;
+    if (!((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio)) {
+      console.log("onChange");
+      emit("selection", arr);
+    }
+  }
+  function onRowClick(row, obj) {
+    var _a2, _b2, _c, _d;
+    if (!((_a2 = tableConfig.value.config) == null ? void 0 : _a2.noRowSelect)) {
+      const selectable = (_b2 = tableConfig.value.config) == null ? void 0 : _b2.selectable;
+      if (selectable) {
+        const index = data.list.findIndex((obj2) => {
+        });
+        if (selectable(row, index)) {
+          if ((_c = tableConfig.value.config) == null ? void 0 : _c.isradio) {
+            refTable.value.clearSelection();
+            refTable.value.toggleRowSelection(row, true);
+            console.log("onRowClick");
+            emit("selection", [row]);
+          } else {
+            refTable.value.toggleRowSelection(row);
+          }
+        }
+      } else {
+        if ((_d = tableConfig.value.config) == null ? void 0 : _d.isradio) {
+          refTable.value.clearSelection();
+          refTable.value.toggleRowSelection(row, true);
+          console.log("onRowClick");
+          emit("selection", [row]);
+        } else {
+          refTable.value.toggleRowSelection(row);
+        }
+      }
+    }
+  }
+  function empty() {
+    var _a2, _b2, _c;
+    if (istype.value && ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio)) {
+      (_b2 = refTable.value) == null ? void 0 : _b2.clearRadioRow();
+    }
+    (_c = refTable.value) == null ? void 0 : _c.clearSelection();
+    console.log("empty");
+    emit("selection", []);
+  }
+  function onSelect(s, row) {
+    var _a2;
+    if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio) {
+      refTable.value.clearSelection();
+      refTable.value.toggleRowSelection(row, true);
+      console.log("onSelect");
+      emit("selection", [row]);
+    }
+  }
+  function onRadioChange(obj) {
+    var _a2;
+    if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.isradio) {
+      console.log("onRadioChange");
+      emit("selection", [obj.row]);
+    }
+  }
+  function defaultSort(arr) {
+    var _a2, _b2, _c, _d, _e;
+    if (!((_a2 = tableConfig.value.config) == null ? void 0 : _a2.sort)) {
+      return arr;
+    } else {
+      const prop = (_c = (_b2 = tableConfig.value.config) == null ? void 0 : _b2.defaultSort) == null ? void 0 : _c.prop;
+      const order = orderMap[(_e = (_d = tableConfig.value.config) == null ? void 0 : _d.defaultSort) == null ? void 0 : _e.order] || "";
+      if (prop && order) {
+        const vs = arr.sort((ao, bo) => {
+          const a = ao[prop];
+          const b = bo[prop];
+          const c = Number(a) - Number(b);
+          if (isNaN(c)) {
+            return (a + "").length - (b + "").length;
+          } else {
+            return c;
+          }
+        });
+        if (order == "asc") {
+          return vs;
+        } else {
+          return vs.reverse();
+        }
+      } else {
+        return arr;
+      }
+    }
+  }
+  function onSortChange(obj) {
+    var _a2;
+    if (!((_a2 = tableConfig.value.config) == null ? void 0 : _a2.sort)) {
+      paginat.order = orderMap[obj.order] || "";
+      paginat.prop = obj.field || obj.prop;
+      paginat.current = 1;
+      getData();
+    }
+  }
+  function onSizeChange() {
+    paginat.current = 1;
+    getData();
+  }
+  function onCurrentChange() {
+    getData();
+  }
+  function onListEvents(...arr) {
+    console.log("onListEvents", arr);
+    emit("list-events", ...arr);
+  }
+  function initData(callback) {
+    paginat.current = 1;
+    getData({}, callback);
+  }
+  function clean() {
+    var _a2;
+    (_a2 = refTable.value) == null ? void 0 : _a2.clearSelection();
+    console.log("clean");
+    emit("selection", []);
+  }
+  function getParam(param) {
+    var _a2;
+    const arr = [
+      "current",
+      "pageSize",
+      "prop",
+      "order"
+    ];
+    let data2 = {};
+    if (typeof tableConfig.value.ajax === "object") {
+      data2 = ((_a2 = tableConfig.value.ajax) == null ? void 0 : _a2.data) ?? {};
+    }
+    for (const key of arr) {
+      const current = data2[key] ?? mpagconfig.data[key];
+      objValue.setObjValue(param, current, paginat[key]);
+    }
+    return param;
+  }
+  function getData(p = {}, callback) {
+    var _a2, _b2;
+    clean();
+    loading.value = true;
+    let ajaxConfig = props2.ajaxConfig;
+    let ajax = props2.ajax;
+    if (typeof tableConfig.value.ajax === "object") {
+      ajaxConfig = ajaxConfig ?? ((_a2 = tableConfig.value.ajax) == null ? void 0 : _a2.config);
+      ajax = ajax ?? ((_b2 = tableConfig.value.ajax) == null ? void 0 : _b2.url);
+    } else {
+      ajax = ajax ?? tableConfig.value.ajax;
+    }
+    urls.comHandle(
+      {
+        onRequestBefore: inParamFilter,
+        onRequestAfter: inDataFilter,
+        ajax,
+        ajaxConfig,
+        value: props2.value,
+        param: {}
+      },
+      getParam({
+        ...props2.param,
+        ...p
+      })
+    ).then((list) => {
+      var _a3;
+      let dlist = (list == null ? void 0 : list.list) || [];
+      if (dlist instanceof Array === false) {
+        dlist = [dlist];
+      }
+      if (((_a3 = tableConfig.value.paginat) == null ? void 0 : _a3.is) && dlist.length > paginat.pageSize) {
+        dlist = dlist.slice(0, paginat.pageSize);
+      }
+      data.list = defaultSort(dlist);
+      data.total = (list == null ? void 0 : list.total) || dlist.length;
+      loading.value = false;
+      if (callback) {
+        callback(data);
+      }
+    }).catch(() => {
+      loading.value = false;
+      if (callback) {
+        callback();
+      }
+    });
+  }
+  function inParamFilter(obj) {
+    var _a2;
+    let before = props2.onRequestBefore;
+    if (typeof tableConfig.value.ajax === "object") {
+      before = before ?? ((_a2 = tableConfig.value.ajax) == null ? void 0 : _a2.onRequestBefore);
+    }
+    if (before) {
+      return util.executionMethod(before, obj);
+    } else {
+      return obj;
+    }
+  }
+  function inDataFilter(data2, obj) {
+    var _a2, _b2;
+    let after = props2.onRequestAfter;
+    let ajaxData = {};
+    if (typeof tableConfig.value.ajax === "object") {
+      ajaxData = ((_a2 = tableConfig.value.ajax) == null ? void 0 : _a2.data) ?? {};
+      after = after ?? ((_b2 = tableConfig.value.ajax) == null ? void 0 : _b2.onRequestAfter);
+    }
+    if (after) {
+      return util.executionMethod(after, data2, obj);
+    } else {
+      const l = (ajaxData == null ? void 0 : ajaxData.list) ?? mpagconfig.data.list;
+      const t = (ajaxData == null ? void 0 : ajaxData.total) ?? mpagconfig.data.total;
+      const list = objValue.getObjValue(l, data2) ?? data2;
+      const total = t == "" ? list.length : objValue.getObjValue(t, data2);
+      return {
+        list,
+        total
+      };
+    }
+  }
+  if (props2.load || tableConfig.value.load) {
+    initData();
+  }
+  const height = require$$0.computed(() => {
+    var _a2;
+    return ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.height) ?? "auto";
+  });
+  return {
+    height,
+    tableConfig,
+    tableList,
+    onRadioChange,
+    getSelection,
+    initData,
+    getData,
+    empty,
+    loading,
+    onSortChange,
+    onListEvents,
+    onSelect,
+    onRowClick,
+    onChange,
+    pagconfig,
+    formEvent,
+    onSizeChange,
+    onCurrentChange,
+    paginat,
+    data
+  };
+};
+exports.dataEmit = dataEmit;
+exports.dataProps = dataProps;
+exports.useInit = useInit;