@fangzhongya/fang-ui 0.0.30 → 0.0.32

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;

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

@@ -1,247 +0,0 @@
-import { defineComponent, ref, watch, computed, createElementBlock, openBlock, mergeProps, unref, createVNode, withCtx, withDirectives, createBlock, renderSlot, createElementVNode } from "vue";
-import { dataEmits, dataProps, dataExpose, dataSlot } from "./data.js";
-import { ElForm, ElTable } from "element-plus";
-import _sfc_main$1 from "./columns.js";
-import { useHide } from "../../common/use.js";
-import { useCssName } from "../../../hooks/cssname/index.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 "@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 "../../../hooks/global-config/index.js";
-import { useLocale } from "../../../hooks/locale/index.js";
-import { useInherit } from "../../../hooks/inherit/index.js";
-import vScroll from "../../../directives/scroll/index.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: dataProps,
-  emits: dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = useInherit();
-    const cs = useCssName("tables-form");
-    useLocale();
-    const props = __props;
-    const tableRef = ref();
-    const formRef = ref();
-    const refFTableColumns = ref();
-    const dataFormValue = ref({});
-    watch(
-      () => props.formValue,
-      () => {
-        dataFormValue.value = props.formValue || {};
-      },
-      { immediate: true, deep: true }
-    );
-    const emit = __emit;
-    let isSort = false;
-    setTimeout(() => {
-      isSort = false;
-    }, 400);
-    const tableDefaultSort = computed(() => {
-      return {
-        prop: props.defaultSort?.prop,
-        order: props.defaultSort?.order
-      };
-    });
-    const rowStyle = 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 = 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 (useHide(obj)) {
-            list.push(obj);
-          }
-        }
-      });
-    }
-    const lists = computed(() => {
-      const arr = [];
-      setList(props.list, arr);
-      return arr;
-    });
-    const cellClassName = 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 "";
-          }
-        };
-      }
-    });
-    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({
-      ...dataExpose,
-      form: formRef,
-      validate,
-      clearSelection,
-      toggleRowSelectionList,
-      clearSelectionList,
-      getRowSelectionsCheckList
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        class: [unref(cs).z()]
-      }, unref(attrs).root), [
-        createVNode(unref(ElForm), {
-          inline: true,
-          ref_key: "formRef",
-          ref: formRef,
-          model: dataFormValue.value,
-          "label-width": "0"
-        }, {
-          default: withCtx(() => [
-            withDirectives((openBlock(), createBlock(unref(ElTable), mergeProps({
-              height: "100%",
-              class: [unref(cs).z("table")],
-              ref_key: "tableRef",
-              ref: tableRef
-            }, 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: withCtx(() => [
-                renderSlot(_ctx.$slots, unref(dataSlot).empty, {}, () => [
-                  _cache[0] || (_cache[0] = createElementVNode("div", { style: { "width": "217px", "height": "154px", "line-height": "20px" } }, [
-                    createElementVNode("span", { style: { "line-height": "20px" } }, "暂无数据")
-                  ], -1))
-                ])
-              ]),
-              default: withCtx(() => [
-                createVNode(_sfc_main$1, {
-                  "selection-all": props.selectionAll,
-                  ref_key: "refFTableColumns",
-                  ref: refFTableColumns,
-                  table: 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"])), [
-              [unref(vScroll), onScroll]
-            ])
-          ]),
-          _: 3
-        }, 8, ["model"])
-      ], 16);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

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

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

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

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

package/dist/components/tables-form/style/index.scss.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/components/tables-form/style/index.scss.js

@@ -1 +0,0 @@
-

package/dist/index2.css

@@ -1,4 +0,0 @@
-.lists-li-img[data-v-7ccddd13] {
-  width: 50px;
-  height: 50px;
-}