@fangzhongya/fang-ui 0.0.29 → 0.0.30

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

@@ -1,111 +1,172 @@
-import { defineComponent, useSlots, ref, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, mergeProps, toHandlers, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { ElTables } from "../../el-tables/index.js";
-import { VxeTables } from "../../vxe-tables/index.js";
-import { Pagin } from "../../pagin/index.js";
-import { dataEmit, dataProps, useInit } from "../common/pagin.js";
+import { defineComponent, useSlots, useAttrs, provide, ref, computed, watch, onMounted, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, withModifiers, withCtx, createVNode, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass } from "vue";
+import { dataEmits, dataProps, dataExpose } from "./data.js";
+import { ElTable } from "element-plus/es/components/table/index";
+import { vLoading } from "element-plus/es/components/loading/index";
+import _sfc_main$1 from "./columns.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { uesObjComponSelected } from "../../common/use.js";
+import { getCompons } from "../../common/compons.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
-  emits: dataEmit,
+  emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = useCssName("tables-pag");
+    const cs = useCssName("tables");
     const slots = useSlots();
+    const attrs = useInherit(useAttrs());
     const props = __props;
+    provide("tables-compons", getCompons(props.compons));
+    const tableRef = ref();
     const emit = __emit;
-    const refTable = ref();
-    const {
-      getSelection,
-      initData,
-      getData,
-      empty,
-      loading,
-      tableList,
-      tableConfig,
-      onRadioChange,
-      onSortChange,
-      onListEvents,
-      onSelect,
-      onRowClick,
-      onChange,
-      pagconfig,
-      formEvent,
-      onSizeChange,
-      onCurrentChange,
-      paginat,
-      data
-    } = useInit(props, emit, refTable);
+    const rowObj = ref();
+    const isfocus = ref(false);
+    function onClick() {
+      isfocus.value = true;
+    }
+    function isComponSelected(obj, scope) {
+      if (uesObjComponSelected(obj, props)) {
+        if (rowObj.value === scope.row) {
+          if (isfocus.value) {
+            return true;
+          } else {
+            return false;
+          }
+        } else {
+          return false;
+        }
+      } else {
+        return true;
+      }
+    }
+    let isSort = false;
+    const tableDefaultSort = computed(() => {
+      return {
+        prop: props.defaultSort?.prop,
+        order: props.defaultSort?.order
+      };
+    });
+    const rowStyle = computed(() => {
+      const height = props.lineHeight;
+      const rowStyle2 = attrs.assem.rowStyle;
+      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
+        };
+      }
+    });
+    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 sortChange(obj) {
+      if (isSort) {
+        isSort = false;
+        return false;
+      }
+      emit("sort-change", obj);
+    }
+    function onListEvents(...arr) {
+      emit("list-events", ...arr);
+    }
+    function onRowClick(row, column, ...arr) {
+      isfocus.value = true;
+      rowObj.value = row;
+      emit("row-click", row, column, ...arr);
+    }
+    function toggleRowSelection(...arr) {
+      tableRef.value.toggleRowSelection(...arr);
+    }
+    function clearSelection() {
+      tableRef.value.clearSelection();
+    }
+    onMounted(() => {
+      if (window) {
+        window.addEventListener("click", () => {
+          isfocus.value = false;
+        });
+      }
+    });
     __expose({
-      getSelection,
-      initData,
-      getList: getData,
-      empty
+      ...dataExpose,
+      clearSelection,
+      toggleRowSelection
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs).z())
-      }, [
-        unref(tableConfig).type == 1 ? (openBlock(), createBlock(unref(VxeTables), mergeProps({ key: 0 }, unref(tableConfig).config, toHandlers(unref(formEvent)), {
-          ref_key: "refTable",
-          ref: refTable,
-          class: [unref(cs).z("main")],
-          size: unref(tableConfig).config?.size,
-          value: unref(data).list,
-          list: unref(tableList),
-          paginat: unref(paginat),
-          loading: unref(loading),
-          options: props.options,
-          compons: props.compons,
-          onSortChange: unref(onSortChange),
-          onRadioChange: unref(onRadioChange),
-          onSelectionChange: unref(onChange),
-          onListEvents: unref(onListEvents)
-        }), createSlots({ _: 2 }, [
-          renderList(Object.keys(unref(slots)), (k, i) => {
-            return {
-              name: k,
-              fn: withCtx((scope) => [
-                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
-              ])
-            };
-          })
-        ]), 1040, ["class", "size", "value", "list", "paginat", "loading", "options", "compons", "onSortChange", "onRadioChange", "onSelectionChange", "onListEvents"])) : (openBlock(), createBlock(unref(ElTables), mergeProps({ key: 1 }, unref(tableConfig).config, toHandlers(unref(formEvent)), {
-          ref_key: "refTable",
-          ref: refTable,
-          class: [
-            unref(cs).z("main"),
-            unref(cs).is("radio", unref(tableConfig).config?.isradio)
-          ],
-          value: unref(data).list,
-          list: unref(tableList),
-          size: unref(tableConfig).config?.size,
-          paginat: unref(paginat),
-          loading: unref(loading),
-          options: props.options,
-          compons: props.compons,
-          onSortChange: unref(onSortChange),
-          onListEvents: unref(onListEvents),
-          onSelect: unref(onSelect),
-          onRowClick: unref(onRowClick),
-          onSelectionChange: unref(onChange)
-        }), createSlots({ _: 2 }, [
-          renderList(Object.keys(unref(slots)), (k, i) => {
-            return {
-              name: k,
-              fn: withCtx((scope) => [
-                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
-              ])
-            };
-          })
-        ]), 1040, ["class", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])),
-        unref(tableConfig).paginat?.is ? (openBlock(), createBlock(unref(Pagin), mergeProps({ key: 2 }, unref(pagconfig), {
-          class: unref(cs).z("paginat"),
-          paginat: unref(paginat),
-          total: unref(data).total,
-          onSizeChange: unref(onSizeChange),
-          onCurrentChange: unref(onCurrentChange)
-        }), null, 16, ["class", "paginat", "total", "onSizeChange", "onCurrentChange"])) : createCommentVNode("", true)
-      ], 2);
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: unref(cs).z()
+      }, unref(attrs).root), [
+        withDirectives((openBlock(), createBlock(unref(ElTable), mergeProps(unref(attrs).assem, {
+          align: "left",
+          ref_key: "tableRef",
+          ref: tableRef,
+          class: [unref(cs).z("table"), unref(cs).is("absolute", props.adaptive)],
+          height: props.height,
+          "scroll-selector": ".el-scrollbar .el-scrollbar__wrap",
+          "row-style": rowStyle.value,
+          data: props.value,
+          "default-sort": tableDefaultSort.value,
+          onRowClick,
+          onSortChange: sortChange,
+          onClick: withModifiers(onClick, ["stop"])
+        }), {
+          empty: withCtx(() => [
+            renderSlot(_ctx.$slots, "no-data", {}, () => [
+              createElementVNode("div", {
+                class: normalizeClass(unref(cs).z("no-data"))
+              }, _cache[0] || (_cache[0] = [
+                createElementVNode("span", null, "暂无数据", -1)
+              ]), 2)
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(_sfc_main$1, {
+              table: unref(attrs).assem,
+              value: props.value,
+              list: props.list,
+              options: props.options,
+              isComponSelected,
+              onListEvents
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(unref(slots)).filter(
+                (v) => !["empty", "no-data"].includes(v)
+              ), (k, i) => {
+                return {
+                  name: k,
+                  fn: withCtx((scope) => [
+                    renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+                  ])
+                };
+              })
+            ]), 1032, ["table", "value", "list", "options"])
+          ]),
+          _: 3
+        }, 16, ["class", "height", "row-style", "data", "default-sort"])), [
+          [unref(vLoading), props.loading]
+        ])
+      ], 16);
     };
   }
 });

package/dist/components/tables/style/index2.scss

@@ -0,0 +1,5 @@
+@use 'element-plus/theme-chalk/src/loading.scss' as *;
+@use 'element-plus/theme-chalk/src/table-column.scss' as *;
+@use 'element-plus/theme-chalk/src/table.scss' as *;
+
+@use '../index.scss' as *;

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("./style/index.scss.cjs");
 const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
 const TablesForm = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "TablesForm");

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

@@ -1,3 +1,4 @@
+import "./style/index.scss.js";
 import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index.js";
 const TablesForm = withInstall(_sfc_main, "TablesForm");

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

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

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

@@ -0,0 +1 @@
+

package/dist/components/{el-tables → tablesp}/index.cjs

@@ -3,6 +3,6 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
 const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
-const ElTables = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "ElTables");
-exports.ElTables = ElTables;
-exports.default = ElTables;
+const Tablesp = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Tablesp");
+exports.Tablesp = Tablesp;
+exports.default = Tablesp;

package/dist/components/{tables-pagin → tablesp}/index.css

@@ -32,39 +32,40 @@
   left: 0;
 }
 
-.pags {
+.paging {
   padding: 10px;
 }
-.pags-slot {
+.paging-slot {
   padding-left: 10px;
   font-size: 14px;
   font-weight: 400;
   color: #9b9b9b;
+  white-space: pre-wrap;
 }
-.pags .el-pagination__total {
+.paging .el-pagination__total {
   font-size: 14px;
   font-weight: 400;
   color: #9b9b9b;
 }
 
-.tables-pagin {
+.tablesp {
   width: 100%;
-  height: var(--tables-pagin-height);
+  height: var(--tablesp-height);
   display: flex;
   flex-direction: column;
 }
-.tables-pagin-main {
+.tablesp-main {
   display: flex;
   flex-direction: column;
   flex: 1;
   width: 100%;
 }
-.tables-pagin-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+.tablesp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
   display: none;
 }
-.tables-pagin-paginat {
+.tablesp-paginat {
   overflow: hidden;
 }
-.tables-pagin-paginat .el-pagination {
+.tablesp-paginat .el-pagination {
   justify-content: flex-end;
 }