@fangzhongya/fang-ui 0.0.12 → 0.0.14

package/dist/components/vxe-tables/src/column.js

@@ -0,0 +1,283 @@
+import { h, inject } from "vue";
+import { useSetSlot, useSetCompon, useGetDomValue, useGetDomLabel } from "../../common/use.js";
+import { useAttrValue } from "../../../hooks/inherit/index.js";
+import { getCompons } from "../../common/compons.js";
+import { setMinWidth } from "../../tables/common/util.js";
+import "@fangzhongya/utils/basic/string/splitUpper";
+import "@fangzhongya/utils/basic/array/isArray";
+import "@fangzhongya/utils/basic/object/isObject";
+import "@fangzhongya/utils/basic/string/firstLower";
+import "@fangzhongya/utils/basic/object/hasOwn";
+import "@fangzhongya/utils/basic/string/firstUpper";
+import "@fangzhongya/utils/name/lineToLargeHump";
+import { lineToSmallHump } from "@fangzhongya/utils/name/lineToSmallHump";
+import "@fangzhongya/utils/name/humpToLine";
+import "@fangzhongya/utils/basic/object/deepCopy";
+import "@fangzhongya/utils/basic/Array/toggleArray";
+import "@fangzhongya/utils/basic/object/objValue";
+import "../../../utils/vues/getBuildProps.js";
+import "@fangzhongya/utils/css/setObjStyle";
+import "@fangzhongya/utils/css/getCss";
+import { VxeColumn } from "vxe-table/es/column";
+import { ElRadio, ElCheckbox } from "element-plus";
+function setBox(props, obj, emit, propss, slots, index) {
+  if (props.type == "radio") {
+    return h(
+      VxeColumn,
+      {
+        ...props,
+        className: obj.class,
+        minWidth: setMinWidth(obj, propss)
+      },
+      {
+        radio: (scope) => {
+          return h(
+            "span",
+            {
+              class: "fv-custom-radio " + props.align + " " + (scope.disabled ? "is-disabled" : ""),
+              onClick(event) {
+                emit("list-events", "radio", scope);
+              }
+            },
+            [
+              h(
+                ElRadio,
+                {
+                  modelValue: scope.checked,
+                  value: true,
+                  label: true,
+                  disabled: scope.disabled
+                },
+                {
+                  default() {
+                    return "";
+                  }
+                }
+              ),
+              h("span", {
+                class: "fv-custom-radio-mask"
+              })
+            ]
+          );
+        }
+      }
+    );
+  } else {
+    return h(
+      VxeColumn,
+      {
+        ...props,
+        className: obj.class,
+        minWidth: setMinWidth(obj, propss)
+      },
+      {
+        header: (scope) => {
+          return h(
+            "span",
+            {
+              class: "fv-custom-checkbox",
+              onClick(event) {
+                emit("list-events", "checkbox-all", scope);
+              }
+            },
+            [
+              h(
+                ElCheckbox,
+                {
+                  indeterminate: scope.indeterminate,
+                  modelValue: scope.checked
+                },
+                obj.label
+              ),
+              h("span", {
+                class: "fv-custom-checkbox-mask"
+              })
+            ]
+          );
+        },
+        checkbox: (scope) => {
+          return h(
+            "span",
+            {
+              class: "fv-custom-checkbox " + (scope.disabled ? "is-disabled" : ""),
+              onClick(event) {
+                emit("list-events", "checkbox", scope);
+              }
+            },
+            [
+              h(ElCheckbox, {
+                indeterminate: scope.indeterminate,
+                modelValue: scope.checked,
+                disabled: scope.disabled
+              }),
+              h("span", {
+                class: "fv-custom-checkbox-mask"
+              })
+            ]
+          );
+        }
+      }
+    );
+  }
+}
+const noProps = ["children", "class", "minWidth"];
+function setProps(obj, props) {
+  const table = props.table;
+  const vxeconfig = props.vxeconfig;
+  const robj = {};
+  robj["header-align"] = table["align"];
+  robj["align"] = useAttrValue(obj, "headerAlign") || table["align"];
+  const tooltip = useAttrValue(table, "showOverflowTooltip");
+  if (tooltip === "" || tooltip === true) {
+    robj["show-overflow"] = "tooltip";
+  }
+  Object.keys(obj).forEach((key) => {
+    const ckey = lineToSmallHump(key);
+    if (!noProps.includes(ckey)) {
+      if (obj[key] !== "") {
+        robj[key] = obj[key];
+        if (key == "label") {
+          robj["title"] = obj[key];
+        } else if (ckey == "showOverflowTooltip") {
+          if (obj[key]) {
+            robj["show-overflow"] = "tooltip";
+          }
+        } else if (key == "prop") {
+          robj["field"] = obj[key];
+        } else if (key == "fixed") {
+          robj["fixed"] = obj[key] === true ? "left" : obj[key];
+        } else if (key == "type") {
+          if (obj[key] == "selection") {
+            robj[key] = table.isradio ? "radio" : "checkbox";
+            if (obj.selectable) {
+              if (table.isradio) {
+                vxeconfig.radio = vxeconfig.checkbox || {};
+                vxeconfig.radio.checkMethod = function(scope) {
+                  return obj.selectable(
+                    scope.row,
+                    scope.$rowIndex
+                  );
+                };
+              } else {
+                vxeconfig.checkbox = vxeconfig.checkbox || {};
+                vxeconfig.checkbox.checkMethod = function(scope) {
+                  return obj.selectable(
+                    scope.row,
+                    scope.$rowIndex
+                  );
+                };
+              }
+            }
+          } else if (obj[key] == "index") {
+            robj[key] = "seq";
+          }
+        }
+      }
+    }
+  });
+  return robj;
+}
+function setSslot(obj, scope, emit, slots, props, index) {
+  const slot = useSetSlot(obj, scope.row, slots, index);
+  if (slot) {
+    return slot;
+  }
+  if (obj.compon) {
+    const isComponSelected = props.isComponSelected;
+    if (isComponSelected(obj, scope)) {
+      const optionss = props.options || {};
+      const compons = inject("tables-compons", {});
+      const column = useSetCompon(
+        obj,
+        scope.row,
+        optionss,
+        getCompons(compons),
+        emit,
+        index
+      );
+      if (column) {
+        return column;
+      }
+    }
+  }
+  return defaultDom(obj, scope, props);
+}
+function defaultDom(obj, scope, props, index) {
+  const table = props.table;
+  let domValue = "";
+  if (obj.type == "index") {
+    if (obj.index) {
+      domValue = obj.index(scope.$rowIndex, table.paginat);
+    } else {
+      if (table.paginat && table.paginat.current && table.paginat.pageSize) {
+        domValue = (table.paginat.current - 1) * table.paginat.pageSize + scope.$rowIndex + 1;
+      } else {
+        domValue = scope.$rowIndex + 1;
+      }
+    }
+    return domValue;
+  } else if (obj.type == "selection") {
+    return;
+  }
+  domValue = useGetDomValue(obj, scope.row, props.options, scope.$index);
+  return h(
+    "span",
+    {
+      class: "text",
+      onClick(event) {
+        if (obj.click) {
+          obj.click(event, scope, obj);
+        }
+      }
+    },
+    domValue ?? ""
+  );
+}
+function setHeader(obj, scope, slots, emit, props, index) {
+  const optionss = props.options || {};
+  const compons = inject("tables-compons", {});
+  return useGetDomLabel(
+    obj.label,
+    obj,
+    scope.row,
+    slots,
+    optionss,
+    compons,
+    emit,
+    index
+  );
+}
+function getDom(obj, emit, propss, slots, index) {
+  const props = setProps(obj, propss);
+  const vxeconfig = propss.vxeconfig;
+  if (!vxeconfig.nocustomize && obj.type == "selection") {
+    return setBox(props, obj, emit, propss);
+  }
+  const slotObj = {
+    default: (scope) => {
+      return setSslot(obj, scope, emit, slots, propss, index);
+    }
+  };
+  if (obj.type != "selection") {
+    slotObj.header = (scope) => {
+      return setHeader(obj, scope, slots, emit, propss, index);
+    };
+  }
+  return h(
+    VxeColumn,
+    {
+      ...props,
+      className: obj.class,
+      minWidth: setMinWidth(obj, propss)
+    },
+    slotObj
+  );
+}
+function columnRender(obj, emit, props, slots, index) {
+  return getDom(obj, emit, props, slots, index);
+}
+export {
+  columnRender,
+  setHeader,
+  setProps
+};

package/dist/components/vxe-tables/src/columns.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("vue");
+const columns = require("./columns3.cjs");
+const elementPlus = require("element-plus");
+const tableBut_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-but.cjs");
+const tableColor_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-color.cjs");
+const tableList_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-list.cjs");
+const _sfc_main = require$$0.defineComponent({
+  emits: ["list-events"],
+  components: { VxeTooltip: elementPlus.ElTooltip, But: tableBut_vue_vue_type_script_setup_true_lang.default, Color: tableColor_vue_vue_type_script_setup_true_lang.default, List: tableList_vue_vue_type_script_setup_true_lang.default },
+  expose: [],
+  props: {
+    list: Array,
+    //展示数据列表
+    /**
+     * @props { Array } value table列表数据
+     */
+    value: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    options: {
+      type: Object
+    },
+    /**
+     * table的配置
+     */
+    table: {
+      type: [Object]
+    },
+    isComponSelected: Function,
+    vxeconfig: {
+      type: Object
+    }
+  },
+  setup(props, { emit, slots }) {
+    return () => columns.render(props, emit, slots);
+  }
+});
+exports.default = _sfc_main;

package/dist/components/vxe-tables/src/columns.d.ts

@@ -0,0 +1 @@
+export declare function render(porps: ObjAny, emit: Function, slots: ObjAny): ObjAny[];

package/dist/components/vxe-tables/src/columns.js

@@ -0,0 +1,43 @@
+import { defineComponent } from "vue";
+import { render } from "./columns3.js";
+import { ElTooltip } from "element-plus";
+import _sfc_main$3 from "../../tables/common/table-but.js";
+import _sfc_main$2 from "../../tables/common/table-color.js";
+import _sfc_main$1 from "../../tables/common/table-list.js";
+const _sfc_main = defineComponent({
+  emits: ["list-events"],
+  components: { VxeTooltip: ElTooltip, But: _sfc_main$3, Color: _sfc_main$2, List: _sfc_main$1 },
+  expose: [],
+  props: {
+    list: Array,
+    //展示数据列表
+    /**
+     * @props { Array } value table列表数据
+     */
+    value: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    options: {
+      type: Object
+    },
+    /**
+     * table的配置
+     */
+    table: {
+      type: [Object]
+    },
+    isComponSelected: Function,
+    vxeconfig: {
+      type: Object
+    }
+  },
+  setup(props, { emit, slots }) {
+    return () => render(props, emit, slots);
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/vxe-tables/src/columns2.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const columns_vue_vue_type_script_lang = require("./columns.cjs");
+exports.default = columns_vue_vue_type_script_lang.default;

package/dist/components/vxe-tables/src/columns2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./columns.js";
+export {
+  _sfc_main as default
+};

package/dist/components/vxe-tables/src/columns3.cjs

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$0 = require("vue");
+const util = require("../../tables/common/util.cjs");
+const use = require("../../common/use.cjs");
+const colgroup = require("vxe-table/es/colgroup");
+const column = require("./column.cjs");
+function getLists(arrs, emit, props, slots, listobj) {
+  let arr = [];
+  arrs == null ? void 0 : arrs.forEach((obj, index) => {
+    if (listobj) {
+      obj.father = obj.father ?? {
+        ...listobj,
+        children: void 0
+      };
+    }
+    if (!use.useHide(obj, props.value)) {
+      if (obj.children && obj.children.length > 0) {
+        const slotObj = {
+          default: (scope) => {
+            return getLists(
+              obj.children,
+              emit,
+              props,
+              slots,
+              obj
+            );
+          }
+        };
+        if (obj.type != "selection") {
+          slotObj.header = (scope) => {
+            return column.setHeader(obj, scope, slots, emit, props, index);
+          };
+        }
+        arr.push(
+          require$$0.h(
+            colgroup.VxeColgroup,
+            {
+              ...column.setProps(obj, props),
+              className: obj.class,
+              minWidth: util.setMinWidth(obj, props)
+            },
+            slotObj
+          )
+        );
+      } else {
+        const dom = column.columnRender(obj, emit, props, slots, index);
+        if (dom) {
+          arr.push(dom);
+        }
+      }
+    }
+  });
+  return arr;
+}
+function render(porps, emit, slots) {
+  return getLists(porps.list, emit, porps, slots);
+}
+exports.render = render;

package/dist/components/vxe-tables/src/columns3.js

@@ -0,0 +1,59 @@
+import { h } from "vue";
+import { setMinWidth } from "../../tables/common/util.js";
+import { useHide } from "../../common/use.js";
+import { VxeColgroup } from "vxe-table/es/colgroup";
+import { setProps, columnRender, setHeader } from "./column.js";
+function getLists(arrs, emit, props, slots, listobj) {
+  let arr = [];
+  arrs == null ? void 0 : arrs.forEach((obj, index) => {
+    if (listobj) {
+      obj.father = obj.father ?? {
+        ...listobj,
+        children: void 0
+      };
+    }
+    if (!useHide(obj, props.value)) {
+      if (obj.children && obj.children.length > 0) {
+        const slotObj = {
+          default: (scope) => {
+            return getLists(
+              obj.children,
+              emit,
+              props,
+              slots,
+              obj
+            );
+          }
+        };
+        if (obj.type != "selection") {
+          slotObj.header = (scope) => {
+            return setHeader(obj, scope, slots, emit, props, index);
+          };
+        }
+        arr.push(
+          h(
+            VxeColgroup,
+            {
+              ...setProps(obj, props),
+              className: obj.class,
+              minWidth: setMinWidth(obj, props)
+            },
+            slotObj
+          )
+        );
+      } else {
+        const dom = columnRender(obj, emit, props, slots, index);
+        if (dom) {
+          arr.push(dom);
+        }
+      }
+    }
+  });
+  return arr;
+}
+function render(porps, emit, slots) {
+  return getLists(porps.list, emit, porps, slots);
+}
+export {
+  render
+};

package/dist/components/vxe-tables/src/data.cjs

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const dataProps = {
+  /**
+   * @props { Object } defaultSort 排序
+   */
+  defaultSort: {
+    type: Object,
+    default() {
+      return {};
+    }
+  },
+  height: {
+    type: [String, Number],
+    default() {
+      return "auto";
+    }
+  },
+  /**
+   * 加载中
+   */
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  // 高度自适应
+  adaptive: Boolean,
+  /**
+   * @props { Array<Object> } list table展示的列
+   * @props { String } list.class table展示的列class
+   * @props { String } list.label table展示的列头名称
+   * @props { Array<Object> } list.children 用来展示多级头
+   * @props { boolean } list.hide=false 当前列是否隐藏
+   * @props { function } list.sethide 当前列是否隐藏方法模式
+   * @props { function } list.formatter (row, column, cellValue, index) 用来格式化内容
+   * @props { String } list.align=left (left , center , right) 对齐方式
+   * @props { string , number } list.width table展示的宽度
+   * @props { string , number } list.minWidth table展示的最小宽度
+   * @props { string , boolean } list.fixed (true , 'left' , 'right') 列是否固定在左侧或者右侧。 true 表示固定在左侧
+   * @props { String } list.compon (component, color, list, but) table的扩展组件配置
+   * @props { Object } list.config table的扩展组件的配置对象
+   */
+  list: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
+  /**
+   * @props { Array } value table列表数据
+   */
+  value: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
+  /**
+   * 行高度
+   */
+  lineHeight: {
+    type: [String, Number]
+  },
+  size: {
+    type: String,
+    default() {
+      return "default";
+    }
+  },
+  /**
+   * @props { Object } options 选择数据集合
+   */
+  options: {
+    type: Object,
+    default() {
+      return {};
+    }
+  },
+  /**
+   * @props { Object } compons 外部组件集合
+   */
+  compons: {
+    type: Object,
+    default() {
+      return {};
+    }
+  }
+};
+const dataEmits = [
+  "sort-change",
+  "scroll-bottom",
+  "scope-click",
+  "selection-list",
+  "list-events",
+  "selection-change"
+];
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;