@fangzhongya/fang-ui 0.0.12 → 0.0.14

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

@@ -0,0 +1,449 @@
+import { ref, reactive, watch, computed } from "vue";
+import { executionMethod } from "../../../utils/util.js";
+import "../../../utils/vues/getBuildProps.js";
+import "@fangzhongya/utils/css/setObjStyle";
+import "@fangzhongya/utils/css/getCss";
+import { props, comHandle } from "../../common/urls.js";
+import { firstLower } from "@fangzhongya/utils/basic/string/firstLower";
+import { lineToSmallHump } from "@fangzhongya/utils/name/lineToSmallHump";
+import { setObjValue, getObjValue } from "@fangzhongya/utils/basic/object/objValue";
+const dataProps = {
+  ...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 = 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 = ref(mpagconfig);
+  const paginat = reactive({
+    current: 1,
+    pageSize: mpagconfig.pageSize,
+    order: "",
+    prop: ""
+  });
+  const data = reactive({
+    total: 0,
+    list: []
+  });
+  const orderMap = {
+    asc: "asc",
+    ascending: "asc",
+    desc: "desc",
+    descending: "desc"
+  };
+  const tableList = ref(((_a = props2.configs) == null ? void 0 : _a.list) ?? props2.list);
+  const tableConfig = 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;
+  };
+  watch(
+    [() => props2.configs, () => props2.config, () => props2.list],
+    () => {
+      setList();
+      setConfig();
+    },
+    { immediate: true }
+  );
+  const formEvent = computed(() => {
+    const obj = {};
+    const es = tableConfig.value.events || {};
+    Object.keys(es).forEach((key) => {
+      let ml = key;
+      if (/on[A-Z]/.test(key)) {
+        ml = firstLower(key.replace(/^on/, ""));
+      }
+      ml = lineToSmallHump(ml);
+      obj[ml] = (...data2) => {
+        executionMethod(es[key], ...data2);
+      };
+    });
+    return obj;
+  });
+  const istype = 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];
+      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;
+    }
+    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 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 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 = getObjValue(l, data2) ?? data2;
+      const total = t == "" ? list.length : getObjValue(t, data2);
+      return {
+        list,
+        total
+      };
+    }
+  }
+  if (props2.load || tableConfig.value.load) {
+    initData();
+  }
+  const height = 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
+  };
+};
+export {
+  dataEmit,
+  dataProps,
+  useInit
+};

package/dist/components/tables/common/table-but.cjs

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("vue");
+const elementPlus = require("element-plus");
+const util = require("./util.cjs");
+const isObject = require("@fangzhongya/utils/basic/object/isObject");
+const isArray = require("@fangzhongya/utils/basic/array/isArray");
+const _hoisted_1 = { class: "table-but" };
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  __name: "table-but",
+  props: {
+    /**
+     * table列表
+     * {
+     *      label:"列表名称"
+     *      prop:"列表取值"
+     *      type:"列表类型"
+     * }
+     *
+     */
+    tableListObj: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    tableScope: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["scope-click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function setValue(v) {
+      if (isArray.isArray(v)) {
+        return v;
+      } else if (isObject.isObject(v)) {
+        return [v];
+      } else {
+        return [
+          {
+            value: v
+          }
+        ];
+      }
+    }
+    function getValue(row, column, cellValue, index, formatter) {
+      if (formatter) {
+        const v = formatter(row, column, cellValue, index);
+        return setValue(v);
+      } else {
+        return setValue(cellValue);
+      }
+    }
+    function onClick(obj, $event) {
+      util.eventAliass(
+        (callback) => {
+          callback(obj, props.tableScope, props.tableListObj, "but");
+        },
+        "click",
+        props.tableListObj,
+        $event
+      );
+      emit("scope-click", obj, props.tableScope, props.tableListObj, "but");
+    }
+    const valueArr = require$$0.computed(() => {
+      var _a;
+      const prop = props.tableListObj.prop || "";
+      const row = props.tableScope.row || {};
+      const column = props.tableScope.column || {};
+      const cellValue = row[prop];
+      const index = props.tableScope.$index;
+      const formatter = props.tableListObj.formatter;
+      const configFormatter = (_a = props.tableListObj.config) == null ? void 0 : _a.formatter;
+      if (configFormatter) {
+        const arr = configFormatter(row, column, cellValue, index);
+        return setValue(arr);
+      } else {
+        return getValue(row, column, cellValue, index, formatter);
+      }
+    });
+    return (_ctx, _cache) => {
+      return require$$0.openBlock(), require$$0.createElementBlock("span", _hoisted_1, [
+        (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(valueArr.value, (item, index) => {
+          return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElButton), {
+            class: require$$0.normalizeClass(["table-but-li", item.class]),
+            key: index,
+            style: require$$0.normalizeStyle(item.style),
+            onClick: ($event) => onClick(item, $event),
+            type: item.type,
+            round: item.round,
+            text: typeof item.text == "undefined" ? true : item.text
+          }, {
+            default: require$$0.withCtx(() => [
+              require$$0.createTextVNode(require$$0.toDisplayString(item.value), 1)
+            ]),
+            _: 2
+          }, 1032, ["class", "style", "onClick", "type", "round", "text"]);
+        }), 128))
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/tables/common/table-but.d.ts

@@ -0,0 +1,55 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * table列表
+     * {
+     *      label:"列表名称"
+     *      prop:"列表取值"
+     *      type:"列表类型"
+     * }
+     *
+     */
+    tableListObj: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    tableScope: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "scope-click": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * table列表
+     * {
+     *      label:"列表名称"
+     *      prop:"列表取值"
+     *      type:"列表类型"
+     * }
+     *
+     */
+    tableListObj: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    /**
+     * table数据
+     * row, column, $index
+     *
+     */
+    tableScope: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+}>> & Readonly<{
+    "onScope-click"?: ((...args: any[]) => any) | undefined;
+}>, {
+    tableListObj: Record<string, any>;
+    tableScope: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+export default _default;