@fangzhongya/fang-ui 0.0.30 → 0.0.32

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/columns2.cjs

@@ -1,4 +0,0 @@
-"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/tables-form/src/columns2.js

@@ -1,4 +0,0 @@
-import _sfc_main from "./columns.js";
-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;

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

@@ -1,52 +0,0 @@
-import { h } from "vue";
-import { useHide } from "../../common/use.js";
-import { setMinWidth } from "../../tables/common/util.js";
-import { ElTableColumn } from "element-plus";
-import { setProps, setHeader, columnRender } from "./column.js";
-function getLists(arrs, emit, table, form, formValue) {
-  const arr = [];
-  arrs?.forEach((obj, index) => {
-    if (obj.children && obj.children.length > 0) {
-      if (useHide(obj)) {
-        arr.push(
-          h(
-            ElTableColumn,
-            {
-              ...setProps(obj, table),
-              className: obj.class,
-              minWidth: setMinWidth(obj)
-            },
-            {
-              default: () => {
-                return getLists(
-                  obj.children,
-                  emit,
-                  table,
-                  form,
-                  formValue
-                );
-              },
-              header: () => {
-                return setHeader(obj);
-              }
-            }
-          )
-        );
-      }
-    } else {
-      const dom = 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);
-}
-export {
-  render
-};

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

@@ -1,91 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const buildProps = require("../../../utils/vues/buildProps.cjs");
-const definePropType = require("../../../utils/vues/definePropType.cjs");
-const dataProps = buildProps.buildProps({
-  /**
-   * @props { Object } defaultSort 排序
-   */
-  defaultSort: {
-    type: definePropType.definePropType(Object),
-    default() {
-      return {};
-    }
-  },
-  /**
-   * {String} selectionAll 支持横排全部的列
-   */
-  selectionAll: {
-    type: String
-  },
-  /**
-   * @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 [];
-    }
-  },
-  form: {
-    type: Object,
-    default() {
-      return {};
-    }
-  },
-  formValue: {
-    type: Object,
-    default() {
-      return {};
-    }
-  },
-  /**
-   * 行高度
-   */
-  lineHeight: {
-    type: Number
-  }
-  /**
-   * 分页数据
-   */
-  // paginat: {
-  // 	type: definePropType<Paginat>(Object),
-  // },
-});
-const dataEmits = [
-  "submit",
-  "sort-change",
-  "scroll-bottom",
-  "scope-click",
-  "selection-list",
-  "list-events"
-];
-const dataSlot = {
-  empty: "empty"
-};
-const dataExpose = {};
-exports.dataEmits = dataEmits;
-exports.dataExpose = dataExpose;
-exports.dataProps = dataProps;
-exports.dataSlot = dataSlot;

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

@@ -1,112 +0,0 @@
-import { ExtractPropTypes, PropType } from 'vue';
-import { ObjAny } from '../../../types/index';
-export type DefaultSort = {
-    prop: string;
-    order: 'ascending' | 'descending';
-};
-export declare const dataProps: {
-    /**
-     * @props { Object } defaultSort 排序
-     */
-    defaultSort: {
-        type: PropType<DefaultSort>;
-        default(): {};
-    };
-    /**
-     * {String} selectionAll 支持横排全部的列
-     */
-    selectionAll: {
-        type: StringConstructor;
-    };
-    /**
-     * @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: {
-            (arrayLength: number): ObjAny[];
-            (...items: ObjAny[]): ObjAny[];
-            new (arrayLength: number): ObjAny[];
-            new (...items: ObjAny[]): ObjAny[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            of<T>(...items: T[]): T[];
-            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        default(): never[];
-    };
-    /**
-     * @props { Array } value table列表数据
-     */
-    value: {
-        type: {
-            (arrayLength: number): ObjAny[];
-            (...items: ObjAny[]): ObjAny[];
-            new (arrayLength: number): ObjAny[];
-            new (...items: ObjAny[]): ObjAny[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            of<T>(...items: T[]): T[];
-            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        default(): never[];
-    };
-    form: {
-        type: ObjectConstructor;
-        default(): {};
-    };
-    formValue: {
-        type: ObjectConstructor;
-        default(): {};
-    };
-    /**
-     * 行高度
-     */
-    lineHeight: {
-        type: NumberConstructor;
-    };
-};
-export type DataProps = ExtractPropTypes<typeof dataProps>;
-/**
- * @emits scroll-bottom 滚动到列表底部触发事件
- */
-export declare const dataEmits: string[];
-export type DataEmits = typeof dataEmits;
-/**
- * @slot empty 没有数据的插槽
- */
-export declare const dataSlot: {
-    empty: string;
-};
-/**
- * @expose clearSelection ( ) 清除多选
- * @expose toggleRowSelectionList (row, selected, key ) 切换选择
- * @expose clearSelectionList ( ) 清空选中
- * @expose { Object: {  value: 值,
-                    list: 当前列,
-                    key: key的名称,} } getRowSelectionsCheckList (row, key ) 获取选中的值
- */
-export declare const dataExpose: {};