@fangzhongya/fang-ui 0.0.11 → 0.0.13

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("vue");
+const columns = require("./columns3.cjs");
+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: { 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
+  },
+  setup(props, { emit, slots }) {
+    return () => columns.render(props, emit, slots);
+  }
+});
+exports.default = _sfc_main;

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

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

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

@@ -0,0 +1,39 @@
+import { defineComponent } from "vue";
+import { render } from "./columns3.js";
+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: { 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
+  },
+  setup(props, { emit, slots }) {
+    return () => render(props, emit, slots);
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/el-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/el-tables/src/columns2.js

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

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

@@ -0,0 +1,72 @@
+"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 elementPlus = require("element-plus");
+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;
+    }
+    if (!use.useHide(obj, props.value)) {
+      if (obj.children && obj.children.length > 0) {
+        if (obj.isdiv) {
+          arr.push(
+            ...getLists(
+              obj.children,
+              emit,
+              props,
+              slots,
+              obj
+            )
+          );
+        } else {
+          arr.push(
+            require$$0.h(
+              elementPlus.ElTableColumn,
+              {
+                ...column.setProps(obj, props),
+                className: obj.class,
+                minWidth: util.setMinWidth(obj, props)
+              },
+              {
+                default: (scope) => {
+                  return getLists(
+                    obj.children,
+                    emit,
+                    props,
+                    slots,
+                    obj
+                  );
+                },
+                header: (scope) => {
+                  return column.setHeader(
+                    obj,
+                    scope,
+                    slots,
+                    emit,
+                    props,
+                    index
+                  );
+                }
+              }
+            )
+          );
+        }
+      } 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/el-tables/src/columns3.js

@@ -0,0 +1,72 @@
+import { h } from "vue";
+import { setMinWidth } from "../../tables/common/util.js";
+import { useHide } from "../../common/use.js";
+import { ElTableColumn } from "element-plus";
+import { setProps, setHeader, columnRender } 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;
+    }
+    if (!useHide(obj, props.value)) {
+      if (obj.children && obj.children.length > 0) {
+        if (obj.isdiv) {
+          arr.push(
+            ...getLists(
+              obj.children,
+              emit,
+              props,
+              slots,
+              obj
+            )
+          );
+        } else {
+          arr.push(
+            h(
+              ElTableColumn,
+              {
+                ...setProps(obj, props),
+                className: obj.class,
+                minWidth: setMinWidth(obj, props)
+              },
+              {
+                default: (scope) => {
+                  return getLists(
+                    obj.children,
+                    emit,
+                    props,
+                    slots,
+                    obj
+                  );
+                },
+                header: (scope) => {
+                  return setHeader(
+                    obj,
+                    scope,
+                    slots,
+                    emit,
+                    props,
+                    index
+                  );
+                }
+              }
+            )
+          );
+        }
+      } 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/el-tables/src/data.cjs

@@ -0,0 +1,94 @@
+"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]
+  },
+  /**
+   * @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",
+  "row-click"
+];
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;

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

@@ -0,0 +1,125 @@
+import { ExtractPropTypes, Component } from 'vue';
+export type DefaultSort = {
+    prop: string;
+    order: 'ascending' | 'descending';
+};
+/**
+ * @title FTable 表格
+ * @author 方忠亚
+ * @description 对el-table进行二次封装，减少写html，自适应自身高度
+ * @date 2022年11月21日19点34分
+ */
+export declare const dataProps: {
+    /**
+     * @props { Object } defaultSort 排序
+     */
+    defaultSort: {
+        type: () => DefaultSort;
+        default(): {};
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default(): string;
+    };
+    /**
+     * 加载中
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    adaptive: BooleanConstructor;
+    /**
+     * @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): ListObj[];
+            (...items: ListObj[]): ListObj[];
+            new (arrayLength: number): ListObj[];
+            new (...items: ListObj[]): ListObj[];
+            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[];
+    };
+    /**
+     * 行高度
+     */
+    lineHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    /**
+     * @props { Object } options 选择数据集合
+     */
+    options: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    /**
+     * @props { Object } compons 外部组件集合
+     */
+    compons: {
+        type: () => {
+            [key: string]: Component;
+        };
+        default(): {};
+    };
+};
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+/**
+ * @emits scroll-bottom 滚动到列表底部触发事件
+ */
+export declare const dataEmits: string[];
+export type DataEmits = typeof dataEmits;
+/**
+ * @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/el-tables/src/data.js

@@ -0,0 +1,94 @@
+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]
+  },
+  /**
+   * @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",
+  "row-click"
+];
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps
+};