@fangzhongya/fang-ui 0.0.29 → 0.0.31

package/dist/components/tables-form/src/column.cjs

@@ -1,270 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const common = require("../../../utils/vues/common.cjs");
-require("../../../utils/vues/getBuildProps.cjs");
-require("../../../utils/vues/withInstall.cjs");
-require("@fangzhongya/utils/css/setObjStyle");
-require("@fangzhongya/utils/css/getCss");
-require("@fangzhongya/utils/basic/string/splitUpper");
-const isArray = require("@fangzhongya/utils/basic/array/isArray");
-require("@fangzhongya/utils/basic/object/isObject");
-const firstLower = require("@fangzhongya/utils/basic/string/firstLower");
-require("@fangzhongya/utils/basic/object/hasOwn");
-require("@fangzhongya/utils/basic/string/firstUpper");
-const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
-require("@fangzhongya/utils/name/lineToSmallHump");
-require("@fangzhongya/utils/name/humpToLine");
-require("@fangzhongya/utils/basic/object/deepCopy");
-require("@fangzhongya/utils/basic/Array/toggleArray");
-require("@fangzhongya/utils/basic/object/objValue");
-const elementPlus = require("element-plus");
-const noProps = ["children", "class", "minWidth", "label"];
-function setProps(obj, table) {
-  const robj = {};
-  const issort = table["sort"];
-  robj["header-align"] = table["align"];
-  robj["align"] = obj["header-align"] || table["align"];
-  Object.keys(obj).forEach((key) => {
-    if (!noProps.includes(key)) {
-      if (obj[key] !== "") {
-        robj[key] = obj[key];
-        if (key == "sortable") {
-          if (issort && obj[key]) {
-            robj[key] = "custom";
-          }
-        }
-      }
-    }
-  });
-  return robj;
-}
-function getOnObjs(list, scope, emit) {
-  const obj = {};
-  const es = list.events || {};
-  Object.keys(es).forEach((key) => {
-    let ml = key;
-    if (!/on[A-Z]/.test(key)) {
-      ml = "on" + lineToLargeHump.lineToLargeHump(key);
-    }
-    ml = firstLower.firstLower(lineToLargeHump.lineToLargeHump(ml));
-    obj[ml] = (...data) => {
-      if (es[key] && typeof es[key] == "function") {
-        es[key](...data, scope, list);
-      } else {
-        emit("list-events", key, ...data, scope, list);
-      }
-    };
-  });
-  return obj;
-}
-function getFormValue(obj, scope) {
-  const prop = obj.prop || "";
-  const row = scope.row;
-  const cellValue = row[prop];
-  if (obj.formvalue) {
-    return obj.formvalue(row, scope.column, cellValue, scope.$index);
-  } else if (obj.formatter) {
-    return obj.formatter(row, scope.column, cellValue, scope.$index);
-  } else {
-    return cellValue;
-  }
-}
-function setSslot(obj, scope, emit, table, index, form, formValue) {
-  if (obj.isform) {
-    const prop = form.prop;
-    const defaultFormfilter = () => {
-      return obj.compon && prop && scope.row[prop];
-    };
-    const formfilter = obj.formfilter || defaultFormfilter;
-    if (formfilter(scope, obj, form, formValue)) {
-      const key = scope.row[prop];
-      const fv = { ...scope, row: formValue[key] || {} };
-      const componValueName = obj.componValueName || "modelValue";
-      const componObj = {
-        ...obj.config,
-        ...getOnObjs(obj, fv, emit),
-        [componValueName]: getFormValue(obj, fv),
-        "onUpdate:modelValue": (value) => {
-          formValue[key] = formValue[key] || {};
-          formValue[key][obj.prop] = value;
-        },
-        tableList: obj,
-        tableScope: fv
-      };
-      let rules = obj.rules || [];
-      if (!(rules instanceof Array)) {
-        rules = [rules];
-      }
-      if (obj.required) {
-        rules.unshift({
-          required: true,
-          message: obj.label + "不能为空",
-          trigger: ["blur", "change"]
-        });
-      }
-      return vue.h(
-        elementPlus.ElFormItem,
-        {
-          class: "table-form-item",
-          "inline-message": true,
-          prop: key + "." + obj.prop,
-          rules
-        },
-        {
-          default: () => {
-            if (typeof obj.compon == "string") {
-              return vue.h(vue.resolveComponent(obj.compon), componObj);
-            } else {
-              return vue.h(obj.compon, componObj);
-            }
-          }
-        }
-      );
-    } else {
-      return defaultDom(obj, scope, table, index);
-    }
-  } else if (obj.compon) {
-    const componValueName = obj.componValueName || "modelValue";
-    const componObj = {
-      ...obj.config,
-      ...getOnObjs(obj, scope, emit),
-      [componValueName]: getValue(obj, scope),
-      "onUpdate:modelValue": (value) => scope.row[obj.prop] = value,
-      tableList: obj,
-      tableScope: scope
-    };
-    if (typeof obj.compon == "string") {
-      return vue.h(vue.resolveComponent(obj.compon), componObj);
-    } else {
-      return vue.h(obj.compon, componObj);
-    }
-  } else {
-    return defaultDom(obj, scope, table, index);
-  }
-}
-function getValue(obj, scope) {
-  const prop = obj.prop || "";
-  const row = scope.row;
-  const cellValue = row[prop];
-  if (obj.formatter) {
-    return obj.formatter(row, scope.column, cellValue, scope.$index);
-  } else {
-    return cellValue;
-  }
-}
-function defaultDom(obj, scope, table, index) {
-  let domValue = "";
-  const prop = obj.prop || "";
-  const row = scope.row;
-  const cellValue = row[prop];
-  if (obj.type == "index") {
-    if (obj.index) {
-      domValue = obj.index(scope.$index, table.paginat);
-    } else {
-      if (table.paginat && table.paginat.current && table.paginat.size) {
-        domValue = (table.paginat.current - 1) * table.paginat.size + scope.$index + 1;
-      } else {
-        domValue = scope.$index + 1;
-      }
-    }
-  } else if (obj.type == "selection") {
-    return;
-  } else if (obj.formatter) {
-    domValue = obj.formatter(row, scope.column, cellValue, scope.$index);
-  } else if (obj.asynccall) {
-    const key = "_async_" + (prop || "_" + index);
-    if (!row[key] || typeof row[key].value == "undefined") {
-      row[key] = vue.reactive({
-        value: cellValue || ""
-      });
-      obj.asynccall(scope, (v) => {
-        row[key].value = v;
-      });
-    }
-    return vue.h(
-      "span",
-      {
-        class: "text"
-      },
-      row[key].value
-    );
-  } else {
-    domValue = cellValue;
-  }
-  domValue = domValue ?? "";
-  return vue.h(
-    "span",
-    {
-      class: "text",
-      onClick(event) {
-        if (obj.click) {
-          obj.click(event, scope, obj);
-        }
-      }
-    },
-    domValue
-  );
-}
-function setHeader(obj) {
-  if (isArray.isArray(obj.label)) {
-    return vue.h(
-      "span",
-      {
-        class: "th-header " + (obj.required ? "is-required " : "") + (obj.class || "")
-      },
-      obj.label.map((v) => {
-        return vue.h("span", { class: "th-header-span" }, v);
-      })
-    );
-  } else if (obj.required) {
-    return vue.h(
-      "span",
-      { class: "th-header is-required " + (obj.class || "") },
-      obj.label
-    );
-  } else {
-    return obj.label;
-  }
-}
-function getDom(obj, emit, table, index, form, formValue) {
-  if (common.setHide(obj)) {
-    const props = setProps(obj, table);
-    return vue.h(
-      elementPlus.ElTableColumn,
-      {
-        ...props,
-        className: obj.class,
-        minWidth: common.setMinWidth(obj)
-      },
-      {
-        default: (scope) => {
-          if (obj.compon) {
-            return setSslot(
-              obj,
-              scope,
-              emit,
-              table,
-              index,
-              form,
-              formValue
-            );
-          }
-          return defaultDom(obj, scope, table, index);
-        },
-        header: () => {
-          return setHeader(obj);
-        }
-      }
-    );
-  } else {
-    return;
-  }
-}
-function columnRender(obj, emit, table, index, form, formValue) {
-  return getDom(obj, emit, table, index, form, formValue);
-}
-exports.columnRender = columnRender;
-exports.getOnObjs = getOnObjs;
-exports.setHeader = setHeader;
-exports.setProps = setProps;

package/dist/components/tables-form/src/column.d.ts

@@ -1,9 +0,0 @@
-import { VNode, RendererNode, RendererElement } from 'vue';
-export declare function setProps(obj: ObjAny, table: ObjAny): ObjAny;
-export declare function getOnObjs(list: ObjAny, scope: any, emit: any): {
-    [key: string]: () => void;
-};
-export declare function setHeader(obj: any): any;
-export declare function columnRender(obj: ObjAny, emit: any, table: ObjAny, index: number, form: ObjAny, formValue: ObjAny): VNode<RendererNode, RendererElement, {
-    [key: string]: any;
-}> | undefined;

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

@@ -1,270 +0,0 @@
-import { h, resolveComponent, reactive } from "vue";
-import { setHide, setMinWidth } from "../../../utils/vues/common.js";
-import "../../../utils/vues/getBuildProps.js";
-import "../../../utils/vues/withInstall.js";
-import "@fangzhongya/utils/css/setObjStyle";
-import "@fangzhongya/utils/css/getCss";
-import "@fangzhongya/utils/basic/string/splitUpper";
-import { isArray } from "@fangzhongya/utils/basic/array/isArray";
-import "@fangzhongya/utils/basic/object/isObject";
-import { firstLower } from "@fangzhongya/utils/basic/string/firstLower";
-import "@fangzhongya/utils/basic/object/hasOwn";
-import "@fangzhongya/utils/basic/string/firstUpper";
-import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
-import "@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 { ElTableColumn, ElFormItem } from "element-plus";
-const noProps = ["children", "class", "minWidth", "label"];
-function setProps(obj, table) {
-  const robj = {};
-  const issort = table["sort"];
-  robj["header-align"] = table["align"];
-  robj["align"] = obj["header-align"] || table["align"];
-  Object.keys(obj).forEach((key) => {
-    if (!noProps.includes(key)) {
-      if (obj[key] !== "") {
-        robj[key] = obj[key];
-        if (key == "sortable") {
-          if (issort && obj[key]) {
-            robj[key] = "custom";
-          }
-        }
-      }
-    }
-  });
-  return robj;
-}
-function getOnObjs(list, scope, emit) {
-  const obj = {};
-  const es = list.events || {};
-  Object.keys(es).forEach((key) => {
-    let ml = key;
-    if (!/on[A-Z]/.test(key)) {
-      ml = "on" + lineToLargeHump(key);
-    }
-    ml = firstLower(lineToLargeHump(ml));
-    obj[ml] = (...data) => {
-      if (es[key] && typeof es[key] == "function") {
-        es[key](...data, scope, list);
-      } else {
-        emit("list-events", key, ...data, scope, list);
-      }
-    };
-  });
-  return obj;
-}
-function getFormValue(obj, scope) {
-  const prop = obj.prop || "";
-  const row = scope.row;
-  const cellValue = row[prop];
-  if (obj.formvalue) {
-    return obj.formvalue(row, scope.column, cellValue, scope.$index);
-  } else if (obj.formatter) {
-    return obj.formatter(row, scope.column, cellValue, scope.$index);
-  } else {
-    return cellValue;
-  }
-}
-function setSslot(obj, scope, emit, table, index, form, formValue) {
-  if (obj.isform) {
-    const prop = form.prop;
-    const defaultFormfilter = () => {
-      return obj.compon && prop && scope.row[prop];
-    };
-    const formfilter = obj.formfilter || defaultFormfilter;
-    if (formfilter(scope, obj, form, formValue)) {
-      const key = scope.row[prop];
-      const fv = { ...scope, row: formValue[key] || {} };
-      const componValueName = obj.componValueName || "modelValue";
-      const componObj = {
-        ...obj.config,
-        ...getOnObjs(obj, fv, emit),
-        [componValueName]: getFormValue(obj, fv),
-        "onUpdate:modelValue": (value) => {
-          formValue[key] = formValue[key] || {};
-          formValue[key][obj.prop] = value;
-        },
-        tableList: obj,
-        tableScope: fv
-      };
-      let rules = obj.rules || [];
-      if (!(rules instanceof Array)) {
-        rules = [rules];
-      }
-      if (obj.required) {
-        rules.unshift({
-          required: true,
-          message: obj.label + "不能为空",
-          trigger: ["blur", "change"]
-        });
-      }
-      return h(
-        ElFormItem,
-        {
-          class: "table-form-item",
-          "inline-message": true,
-          prop: key + "." + obj.prop,
-          rules
-        },
-        {
-          default: () => {
-            if (typeof obj.compon == "string") {
-              return h(resolveComponent(obj.compon), componObj);
-            } else {
-              return h(obj.compon, componObj);
-            }
-          }
-        }
-      );
-    } else {
-      return defaultDom(obj, scope, table, index);
-    }
-  } else if (obj.compon) {
-    const componValueName = obj.componValueName || "modelValue";
-    const componObj = {
-      ...obj.config,
-      ...getOnObjs(obj, scope, emit),
-      [componValueName]: getValue(obj, scope),
-      "onUpdate:modelValue": (value) => scope.row[obj.prop] = value,
-      tableList: obj,
-      tableScope: scope
-    };
-    if (typeof obj.compon == "string") {
-      return h(resolveComponent(obj.compon), componObj);
-    } else {
-      return h(obj.compon, componObj);
-    }
-  } else {
-    return defaultDom(obj, scope, table, index);
-  }
-}
-function getValue(obj, scope) {
-  const prop = obj.prop || "";
-  const row = scope.row;
-  const cellValue = row[prop];
-  if (obj.formatter) {
-    return obj.formatter(row, scope.column, cellValue, scope.$index);
-  } else {
-    return cellValue;
-  }
-}
-function defaultDom(obj, scope, table, index) {
-  let domValue = "";
-  const prop = obj.prop || "";
-  const row = scope.row;
-  const cellValue = row[prop];
-  if (obj.type == "index") {
-    if (obj.index) {
-      domValue = obj.index(scope.$index, table.paginat);
-    } else {
-      if (table.paginat && table.paginat.current && table.paginat.size) {
-        domValue = (table.paginat.current - 1) * table.paginat.size + scope.$index + 1;
-      } else {
-        domValue = scope.$index + 1;
-      }
-    }
-  } else if (obj.type == "selection") {
-    return;
-  } else if (obj.formatter) {
-    domValue = obj.formatter(row, scope.column, cellValue, scope.$index);
-  } else if (obj.asynccall) {
-    const key = "_async_" + (prop || "_" + index);
-    if (!row[key] || typeof row[key].value == "undefined") {
-      row[key] = reactive({
-        value: cellValue || ""
-      });
-      obj.asynccall(scope, (v) => {
-        row[key].value = v;
-      });
-    }
-    return h(
-      "span",
-      {
-        class: "text"
-      },
-      row[key].value
-    );
-  } else {
-    domValue = cellValue;
-  }
-  domValue = domValue ?? "";
-  return h(
-    "span",
-    {
-      class: "text",
-      onClick(event) {
-        if (obj.click) {
-          obj.click(event, scope, obj);
-        }
-      }
-    },
-    domValue
-  );
-}
-function setHeader(obj) {
-  if (isArray(obj.label)) {
-    return h(
-      "span",
-      {
-        class: "th-header " + (obj.required ? "is-required " : "") + (obj.class || "")
-      },
-      obj.label.map((v) => {
-        return h("span", { class: "th-header-span" }, v);
-      })
-    );
-  } else if (obj.required) {
-    return h(
-      "span",
-      { class: "th-header is-required " + (obj.class || "") },
-      obj.label
-    );
-  } else {
-    return obj.label;
-  }
-}
-function getDom(obj, emit, table, index, form, formValue) {
-  if (setHide(obj)) {
-    const props = setProps(obj, table);
-    return h(
-      ElTableColumn,
-      {
-        ...props,
-        className: obj.class,
-        minWidth: setMinWidth(obj)
-      },
-      {
-        default: (scope) => {
-          if (obj.compon) {
-            return setSslot(
-              obj,
-              scope,
-              emit,
-              table,
-              index,
-              form,
-              formValue
-            );
-          }
-          return defaultDom(obj, scope, table, index);
-        },
-        header: () => {
-          return setHeader(obj);
-        }
-      }
-    );
-  } else {
-    return;
-  }
-}
-function columnRender(obj, emit, table, index, form, formValue) {
-  return getDom(obj, emit, table, index, form, formValue);
-}
-export {
-  columnRender,
-  getOnObjs,
-  setHeader,
-  setProps
-};

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

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const columns = require("./columns3.cjs");
-const _sfc_main = vue.defineComponent({
-  emits: ["list-events"],
-  expose: [],
-  props: {
-    list: Array,
-    //展示数据列表
-    /**
-     * @props { Array } value table列表数据
-     */
-    data: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    /**
-     * @props {String} selectionAll 支持横排全部的列
-     */
-    selectionAll: {
-      type: String
-    },
-    /**
-     * table的配置
-     */
-    table: {
-      type: [Object]
-    },
-    form: {
-      type: [Object]
-    },
-    formValue: {
-      type: [Object]
-    }
-  },
-  setup(props, { emit }) {
-    const v = vue.computed(() => {
-      return props;
-    });
-    return () => columns.render(v, emit);
-  },
-  // render,
-  methods: {}
-});
-exports.default = _sfc_main;

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

@@ -1 +0,0 @@
-export declare function render(this: any, p: any, emit: any): any[];

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

@@ -1,48 +0,0 @@
-import { defineComponent, computed } from "vue";
-import { render } from "./columns3.js";
-const _sfc_main = defineComponent({
-  emits: ["list-events"],
-  expose: [],
-  props: {
-    list: Array,
-    //展示数据列表
-    /**
-     * @props { Array } value table列表数据
-     */
-    data: {
-      type: Array,
-      default() {
-        return [];
-      }
-    },
-    /**
-     * @props {String} selectionAll 支持横排全部的列
-     */
-    selectionAll: {
-      type: String
-    },
-    /**
-     * table的配置
-     */
-    table: {
-      type: [Object]
-    },
-    form: {
-      type: [Object]
-    },
-    formValue: {
-      type: [Object]
-    }
-  },
-  setup(props, { emit }) {
-    const v = computed(() => {
-      return props;
-    });
-    return () => render(v, emit);
-  },
-  // render,
-  methods: {}
-});
-export {
-  _sfc_main as default
-};

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

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const use = require("../../common/use.cjs");
-const util = require("../../tables/common/util.cjs");
-const elementPlus = require("element-plus");
-const column = require("./column.cjs");
-function getLists(arrs, emit, table, form, formValue) {
-  const arr = [];
-  arrs?.forEach((obj, index) => {
-    if (obj.children && obj.children.length > 0) {
-      if (use.useHide(obj)) {
-        arr.push(
-          vue.h(
-            elementPlus.ElTableColumn,
-            {
-              ...column.setProps(obj, table),
-              className: obj.class,
-              minWidth: util.setMinWidth(obj)
-            },
-            {
-              default: () => {
-                return getLists(
-                  obj.children,
-                  emit,
-                  table,
-                  form,
-                  formValue
-                );
-              },
-              header: () => {
-                return column.setHeader(obj);
-              }
-            }
-          )
-        );
-      }
-    } else {
-      const dom = column.columnRender(obj, emit, table, index, form, formValue);
-      if (dom) {
-        index++;
-        arr.push(dom);
-      }
-    }
-  });
-  return arr;
-}
-function render(p, emit) {
-  const porps = p.value;
-  return getLists(porps.list, emit, porps.table, porps.form, porps.formValue);
-}
-exports.render = render;