@fangzhongya/fang-ui 0.0.29 → 0.0.31

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: {};

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

@@ -1,91 +0,0 @@
-import { buildProps } from "../../../utils/vues/buildProps.js";
-import { definePropType } from "../../../utils/vues/definePropType.js";
-const dataProps = buildProps({
-  /**
-   * @props { Object } defaultSort 排序
-   */
-  defaultSort: {
-    type: 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 = {};
-export {
-  dataEmits,
-  dataExpose,
-  dataProps,
-  dataSlot
-};

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

@@ -1,247 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const data = require("./data.cjs");
-const elementPlus = require("element-plus");
-const columns_vue_vue_type_script_lang = require("./columns.cjs");
-const use = require("../../common/use.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-require("@fangzhongya/utils/basic/string/splitUpper");
-require("@fangzhongya/utils/basic/array/isArray");
-require("@fangzhongya/utils/basic/object/isObject");
-require("@fangzhongya/utils/basic/string/firstLower");
-require("@fangzhongya/utils/basic/object/hasOwn");
-require("@fangzhongya/utils/basic/string/firstUpper");
-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");
-require("../../../hooks/global-config/index.cjs");
-const index$2 = require("../../../hooks/locale/index.cjs");
-const index = require("../../../hooks/inherit/index.cjs");
-const index$3 = require("../../../directives/scroll/index.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: data.dataProps,
-  emits: data.dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = index.useInherit();
-    const cs = index$1.useCssName("tables-form");
-    index$2.useLocale();
-    const props = __props;
-    const tableRef = vue.ref();
-    const formRef = vue.ref();
-    const refFTableColumns = vue.ref();
-    const dataFormValue = vue.ref({});
-    vue.watch(
-      () => props.formValue,
-      () => {
-        dataFormValue.value = props.formValue || {};
-      },
-      { immediate: true, deep: true }
-    );
-    const emit = __emit;
-    let isSort = false;
-    setTimeout(() => {
-      isSort = false;
-    }, 400);
-    const tableDefaultSort = vue.computed(() => {
-      return {
-        prop: props.defaultSort?.prop,
-        order: props.defaultSort?.order
-      };
-    });
-    const rowStyle = vue.computed(() => {
-      const height = props.lineHeight;
-      const rowStyle2 = attrs.assem["row-style"];
-      if (height) {
-        if (rowStyle2) {
-          if (typeof rowStyle2 == "object") {
-            rowStyle2["height"] = height + "px";
-            return rowStyle2;
-          } else {
-            return rowStyle2;
-          }
-        } else {
-          return {
-            height: height + "px"
-          };
-        }
-      } else {
-        return {
-          height: "",
-          ...rowStyle2
-        };
-      }
-    });
-    const rowClassName = vue.computed(() => {
-      const rowStyle2 = attrs.assem["row-class-name"];
-      if (rowStyle2) {
-        return rowStyle2;
-      } else {
-        return (scope) => {
-          const prop = props.form.prop;
-          if (scope.row[prop]) {
-            return "row-form-item";
-          } else {
-            return "";
-          }
-        };
-      }
-    });
-    function setList(arr, list) {
-      arr.forEach((obj) => {
-        if (obj.children && obj.children.length > 0) {
-          setList(obj.children, list);
-        } else {
-          if (use.useHide(obj)) {
-            list.push(obj);
-          }
-        }
-      });
-    }
-    const lists = vue.computed(() => {
-      const arr = [];
-      setList(props.list, arr);
-      return arr;
-    });
-    const cellClassName = vue.computed(() => {
-      const rowStyle2 = attrs.assem["cell-class-name"];
-      if (rowStyle2) {
-        return rowStyle2;
-      } else {
-        return (scope) => {
-          const prop = props.form?.prop;
-          const obj = lists.value[scope.columnIndex];
-          const defaultFormfilter = () => {
-            return obj.isform && obj.compon && prop && scope.row[prop];
-          };
-          const formfilter = obj.formfilter || defaultFormfilter;
-          if (formfilter(scope, obj, props.form, dataFormValue.value)) {
-            return "cell-form-item";
-          } else {
-            return "";
-          }
-        };
-      }
-    });
-    vue.watch(tableDefaultSort, (newValue, oldValue) => {
-      let prop = tableDefaultSort.value.prop;
-      let order = tableDefaultSort.value.order;
-      if (tableRef.value) {
-        if (prop) {
-          isSort = true;
-          tableRef.value.sort(prop, order);
-        } else {
-          tableRef.value.clearSort();
-        }
-      }
-    });
-    function validate() {
-      formRef.value?.validate((valid) => {
-        if (valid) {
-          emit("submit", dataFormValue.value);
-        }
-      });
-    }
-    function sortChange(obj) {
-      if (isSort) {
-        isSort = false;
-        return false;
-      }
-      emit("sort-change", obj);
-    }
-    function onListEvents(...arr) {
-      emit("list-events", ...arr);
-    }
-    function onRowClick(row) {
-      toggleRowSelection(row);
-    }
-    function toggleRowSelection(row) {
-      tableRef.value.toggleRowSelection(row);
-    }
-    function toggleRowSelectionList(...arr) {
-      refFTableColumns.value.toggleRowSelection(...arr);
-    }
-    function clearSelection() {
-      tableRef.value.clearSelection();
-    }
-    function clearSelectionList() {
-      refFTableColumns.value.clearSelection();
-    }
-    function getRowSelectionsCheckList(...arr) {
-      return refFTableColumns.value.getRowSelectionsCheck(...arr);
-    }
-    function onScroll() {
-      emit("scroll-bottom");
-    }
-    __expose({
-      ...data.dataExpose,
-      form: formRef,
-      validate,
-      clearSelection,
-      toggleRowSelectionList,
-      clearSelectionList,
-      getRowSelectionsCheckList
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        class: [vue.unref(cs).z()]
-      }, vue.unref(attrs).root), [
-        vue.createVNode(vue.unref(elementPlus.ElForm), {
-          inline: true,
-          ref_key: "formRef",
-          ref: formRef,
-          model: dataFormValue.value,
-          "label-width": "0"
-        }, {
-          default: vue.withCtx(() => [
-            vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTable), vue.mergeProps({
-              height: "100%",
-              class: [vue.unref(cs).z("table")],
-              ref_key: "tableRef",
-              ref: tableRef
-            }, vue.unref(attrs).assem, {
-              "row-class-name": rowClassName.value,
-              "cell-class-name": cellClassName.value,
-              "scroll-selector": ".el-scrollbar .el-scrollbar__wrap",
-              onRowClick,
-              "row-style": rowStyle.value,
-              data: props.value,
-              onSortChange: sortChange,
-              "default-sort": tableDefaultSort.value
-            }), {
-              empty: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).empty, {}, () => [
-                  _cache[0] || (_cache[0] = vue.createElementVNode("div", { style: { "width": "217px", "height": "154px", "line-height": "20px" } }, [
-                    vue.createElementVNode("span", { style: { "line-height": "20px" } }, "暂无数据")
-                  ], -1))
-                ])
-              ]),
-              default: vue.withCtx(() => [
-                vue.createVNode(columns_vue_vue_type_script_lang.default, {
-                  "selection-all": props.selectionAll,
-                  ref_key: "refFTableColumns",
-                  ref: refFTableColumns,
-                  table: vue.unref(attrs).assem,
-                  form: props.form,
-                  formValue: dataFormValue.value,
-                  data: props.value,
-                  list: props.list,
-                  onListEvents
-                }, null, 8, ["selection-all", "table", "form", "formValue", "data", "list"])
-              ]),
-              _: 3
-            }, 16, ["class", "row-class-name", "cell-class-name", "row-style", "data", "default-sort"])), [
-              [vue.unref(index$3.default), onScroll]
-            ])
-          ]),
-          _: 3
-        }, 8, ["model"])
-      ], 16);
-    };
-  }
-});
-exports.default = _sfc_main;