@fangzhongya/fang-ui 0.1.27 → 0.1.29

package/dist/components/tablesv/src/index2.js

@@ -1,5 +1,6 @@
-import { defineComponent, useSlots, useAttrs, ref, computed, watch, onMounted, createElementBlock, openBlock, mergeProps, unref, createVNode, withModifiers, withCtx, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, useSlots, useAttrs, ref, computed, watch, onMounted, createElementBlock, openBlock, mergeProps, unref, withDirectives, createBlock, withModifiers, withCtx, createVNode, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { VxeTable } from "vxe-table/es/table";
+import "../../loading/index.js";
 import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import { provides } from "../../tables/common/config.js";
 import "./columns.js";
@@ -7,9 +8,10 @@ import { NoData } from "../../no-data/index.js";
 import { useObjComponSelected } from "../../common/use.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import { useCompons } from "../../common/compons.js";
+import { useCompons } from "../../../hooks/compons/index.js";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import _sfc_main$1 from "./columns2.js";
+import { vLoading } from "element-plus/es/components/loading/index";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: getProps(dataProps),
@@ -21,9 +23,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
     viewProps(props, name);
-    useCompons(provides.compons, props.compons);
+    useCompons(provides.compons, props);
     const tableRef = ref();
     const emit = __emit;
+    console.log("props.maxHeight", props.maxHeight);
     const rowObj = ref();
     const isfocus = ref(false);
     function onClick() {
@@ -78,7 +81,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       nocustomize: attrs.assem.__B("nocustomize"),
       row: {
         isCurrent: setHover(),
-        isHover: setHover()
+        isHover: setHover(),
+        keyField: props.rowKey
       },
       column: {
         minWidth: attrs.assem.minWidth,
@@ -93,10 +97,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       seq: {},
       checkbox: {
-        trigger: attrs.assem.noRowSelect ? "cell" : "row"
+        trigger: attrs.assem.isRowSelect ? "row" : "cell"
       },
       radio: {
-        trigger: attrs.assem.noRowSelect ? "cell" : "row"
+        trigger: attrs.assem.isRowSelect ? "row" : "cell"
       }
     });
     const rowStyle = computed(() => {
@@ -164,9 +168,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function onCellClick(scope) {
       rowObj.value = scope.row;
+      emit("cell-click", scope.row, scope.row, scope);
     }
     function toggleRowSelection(row) {
-      tableRef.value.toggleRowSelection(row);
     }
     function clearSelection() {
       tableRef.value.clearCheckboxRow();
@@ -174,6 +178,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function clearRadioRow() {
       tableRef.value.clearRadioRow();
     }
+    function getSelections() {
+    }
+    function clearSort() {
+      tableRef.value.clearSort();
+    }
+    function setCurrentRow(row) {
+      tableRef.value.setRadioRow(row);
+    }
+    function clearCurrentRow() {
+      tableRef.value.clearRadioRow();
+      tableRef.value.clearCurrentRow();
+    }
     onMounted(() => {
       if (window) {
         window.addEventListener("click", () => {
@@ -184,19 +200,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     __expose({
       ...dataExpose,
       clearSelection,
-      clearRadioRow
+      clearRadioRow,
+      clearSort,
+      setCurrentRow,
+      clearCurrentRow,
+      getSelections,
+      toggleRowSelection
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({
         class: unref(cs).z()
       }, unref(attrs).root), [
-        createVNode(unref(VxeTable), mergeProps(unref(attrs).assem, {
+        withDirectives((openBlock(), createBlock(unref(VxeTable), mergeProps(unref(attrs).assem, {
+          size: size.value,
           ref_key: "tableRef",
           ref: tableRef,
-          height: unref(props).height == "auto" ? "" : unref(props).height,
           class: [unref(cs).z("table"), unref(cs).is("absolute", unref(props).adaptive)],
-          size: size.value,
-          loading: unref(props).loading,
+          height: unref(props).maxHeight ? void 0 : unref(props).height,
+          "max-height": unref(props).maxHeight,
           "column-config": config.value.column,
           "row-style": rowStyle.value,
           "row-config": config.value.row,
@@ -239,7 +260,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]), 1032, ["table", "vxeconfig", "value", "list", "options"])
           ]),
           _: 3
-        }, 16, ["height", "class", "size", "loading", "column-config", "row-style", "row-config", "seq-config", "sort-config", "checkbox-config", "radio-config", "data"])
+        }, 16, ["size", "class", "height", "max-height", "column-config", "row-style", "row-config", "seq-config", "sort-config", "checkbox-config", "radio-config", "data"])), [
+          [unref(vLoading), unref(props).loading]
+        ])
       ], 16);
     };
   }

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

@@ -1,5 +1,7 @@
-@use 'vxe-table/styles/index.scss' as *;
+@use 'vxe-table/es/style.css' as *;
 @use '../../tooltip/style/index2.scss' as *;
 @use '../../radio/style/index2.scss' as *;
 @use '../../checkbox/style/index2.scss' as *;
+@use '../../loading/style/index2.scss' as *;
+@use '../../button/style/index2.scss' as *;
 @use '../index.scss' as *;

package/dist/components/tablesvp/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .tablesv {
   width: 100%;
   min-height: 100px;
@@ -139,6 +143,12 @@
 .tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
   display: none;
 }
+.tablesvp-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+  background-color: #eee;
+}
 .tablesvp-paginat {
   overflow: hidden;
 }

package/dist/components/tablesvp/index.scss

@@ -23,6 +23,14 @@ $tablesvp: 'tablesvp';
 				}
 			}
 		}
+		&.#{is('scroll')} {
+			.v-scroll-add {
+				text-align: center;
+				padding: 10px;
+				color: #999;
+				background-color: #eee;
+			}
+		}
 	}
 	&-paginat {
 		overflow: hidden;

package/dist/components/tablesvp/src/index2.cjs

@@ -2,7 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const index$3 = require("../../tablesv/index.cjs");
-const index$4 = require("../../paging/index.cjs");
+const index$5 = require("../../paging/index.cjs");
+const index$4 = require("../../../directives/scroll/index.cjs");
 const data = require("./data.cjs");
 const pagin = require("../../tables/common/pagin.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
@@ -34,11 +35,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       onSortChange,
       onListEvents,
       onChange,
+      onCellClick,
       pagconfig,
       formEvent,
       onSizeChange,
       onCurrentChange,
       paginat,
+      scroll,
       data: data$1
     } = pagin.useInit(props, emit, refTable, getLocale);
     __expose({
@@ -53,11 +56,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(vue.unref(cs).z()),
         style: vue.normalizeStyle(vue.unref(cs).vdo({ height: vue.unref(height) }))
       }, [
-        vue.createVNode(vue.unref(index$3.Tablesv), vue.mergeProps(vue.unref(tableConfig).config, vue.toHandlers(vue.unref(formEvent)), {
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$3.Tablesv), vue.mergeProps(vue.unref(tableConfig).config, vue.toHandlers(vue.unref(formEvent)), {
           height: vue.unref(height) == "auto" ? "auto" : "100%",
           ref_key: "refTable",
           ref: refTable,
-          class: [vue.unref(cs).z("main")],
+          class: [
+            vue.unref(cs).z("main"),
+            vue.unref(cs).is("scroll", vue.unref(paginat).is && vue.unref(paginat).scroll)
+          ],
+          "scroll-selector": ".vxe-table--render-wrapper .vxe-table--body-wrapper",
           size: (_a = vue.unref(tableConfig).config) == null ? void 0 : _a.size,
           value: vue.unref(data$1).list,
           list: vue.unref(tableList),
@@ -66,6 +73,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           options: vue.unref(props).options,
           compons: vue.unref(props).compons,
           onSortChange: vue.unref(onSortChange),
+          onCellClick: vue.unref(onCellClick),
           onRadioChange: vue.unref(onRadioChange),
           onSelectionChange: vue.unref(onChange),
           onListEvents: vue.unref(onListEvents)
@@ -78,8 +86,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             };
           })
-        ]), 1040, ["height", "class", "size", "value", "list", "paginat", "loading", "options", "compons", "onSortChange", "onRadioChange", "onSelectionChange", "onListEvents"]),
-        ((_c = vue.unref(tableConfig).paginat) == null ? void 0 : _c.is) ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.Paging), vue.mergeProps({ key: 0 }, vue.unref(pagconfig), {
+        ]), 1040, ["height", "class", "size", "value", "list", "paginat", "loading", "options", "compons", "onSortChange", "onCellClick", "onRadioChange", "onSelectionChange", "onListEvents"])), [
+          [vue.unref(index$4.default), vue.unref(scroll)]
+        ]),
+        ((_c = vue.unref(paginat)) == null ? void 0 : _c.is) && !vue.unref(paginat).scroll ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.Paging), vue.mergeProps({ key: 0 }, vue.unref(pagconfig), {
           class: vue.unref(cs).z("paginat"),
           paginat: vue.unref(paginat),
           total: vue.unref(data$1).total,

package/dist/components/tablesvp/src/index2.js

@@ -1,6 +1,7 @@
-import { defineComponent, useSlots, ref, createElementBlock, openBlock, normalizeStyle, unref, normalizeClass, createVNode, createBlock, createCommentVNode, mergeProps, toHandlers, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, useSlots, ref, createElementBlock, openBlock, normalizeStyle, unref, normalizeClass, withDirectives, createBlock, createCommentVNode, mergeProps, toHandlers, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { Tablesv } from "../../tablesv/index.js";
 import { Paging } from "../../paging/index.js";
+import vScroll from "../../../directives/scroll/index.js";
 import { name } from "./data.js";
 import { dataProps, useInit, dataEmit } from "../../tables/common/pagin.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
@@ -32,11 +33,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onSortChange,
       onListEvents,
       onChange,
+      onCellClick,
       pagconfig,
       formEvent,
       onSizeChange,
       onCurrentChange,
       paginat,
+      scroll,
       data
     } = useInit(props, emit, refTable, getLocale);
     __expose({
@@ -51,11 +54,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass(unref(cs).z()),
         style: normalizeStyle(unref(cs).vdo({ height: unref(height) }))
       }, [
-        createVNode(unref(Tablesv), mergeProps(unref(tableConfig).config, toHandlers(unref(formEvent)), {
+        withDirectives((openBlock(), createBlock(unref(Tablesv), mergeProps(unref(tableConfig).config, toHandlers(unref(formEvent)), {
           height: unref(height) == "auto" ? "auto" : "100%",
           ref_key: "refTable",
           ref: refTable,
-          class: [unref(cs).z("main")],
+          class: [
+            unref(cs).z("main"),
+            unref(cs).is("scroll", unref(paginat).is && unref(paginat).scroll)
+          ],
+          "scroll-selector": ".vxe-table--render-wrapper .vxe-table--body-wrapper",
           size: (_a = unref(tableConfig).config) == null ? void 0 : _a.size,
           value: unref(data).list,
           list: unref(tableList),
@@ -64,6 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           options: unref(props).options,
           compons: unref(props).compons,
           onSortChange: unref(onSortChange),
+          onCellClick: unref(onCellClick),
           onRadioChange: unref(onRadioChange),
           onSelectionChange: unref(onChange),
           onListEvents: unref(onListEvents)
@@ -76,8 +84,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             };
           })
-        ]), 1040, ["height", "class", "size", "value", "list", "paginat", "loading", "options", "compons", "onSortChange", "onRadioChange", "onSelectionChange", "onListEvents"]),
-        ((_c = unref(tableConfig).paginat) == null ? void 0 : _c.is) ? (openBlock(), createBlock(unref(Paging), mergeProps({ key: 0 }, unref(pagconfig), {
+        ]), 1040, ["height", "class", "size", "value", "list", "paginat", "loading", "options", "compons", "onSortChange", "onCellClick", "onRadioChange", "onSelectionChange", "onListEvents"])), [
+          [unref(vScroll), unref(scroll)]
+        ]),
+        ((_c = unref(paginat)) == null ? void 0 : _c.is) && !unref(paginat).scroll ? (openBlock(), createBlock(unref(Paging), mergeProps({ key: 0 }, unref(pagconfig), {
           class: unref(cs).z("paginat"),
           paginat: unref(paginat),
           total: unref(data).total,

package/dist/components/tablesvpd/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
+require("./src/index.cjs");
+const withInstall = require("../../utils/vues/withInstall.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
+const Tablesvpd = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Tablesvpd");
+exports.Tablesvpd = Tablesvpd;
+exports.default = Tablesvpd;

package/dist/components/tablesvpd/index.css

@@ -0,0 +1,157 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
+.tablesv {
+  width: 100%;
+  min-height: 100px;
+  position: relative;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.tablesv-table.is-absolute {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.tablesv-table {
+  background-color: transparent;
+}
+.tablesv-table .vxe-body--column {
+  overflow: hidden;
+  padding: 8px 0;
+}
+.tablesv-table .col--checkbox .vxe-checkbox--label {
+  padding-left: 0;
+}
+.tablesv .fv-custom-checkbox {
+  cursor: pointer;
+}
+.tablesv .fv-custom-checkbox.is-disabled {
+  cursor: not-allowed;
+}
+.tablesv .fv-custom-checkbox .el-checkbox__label {
+  color: var(--vxe-table-header-font-color);
+  font-weight: var(--vxe-table-header-font-weight);
+}
+.tablesv .fv-custom-checkbox {
+  position: relative;
+}
+.tablesv .fv-custom-checkbox .fv-custom-checkbox-mask {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  opacity: 0;
+}
+.tablesv .fv-custom-radio {
+  cursor: pointer;
+}
+.tablesv .fv-custom-radio.is-disabled {
+  cursor: not-allowed;
+}
+.tablesv .fv-custom-radio {
+  position: relative;
+}
+.tablesv .fv-custom-radio .el-radio {
+  height: auto;
+}
+.tablesv .fv-custom-radio.center .el-radio {
+  text-align: center;
+  display: table-cell;
+}
+.tablesv .fv-custom-radio.center .el-radio__label {
+  display: none;
+}
+.tablesv .fv-custom-radio.right .el-radio {
+  text-align: right;
+  display: table-cell;
+}
+.tablesv .fv-custom-radio.right .el-radio__label {
+  display: none;
+}
+.tablesv .fv-custom-radio .fv-custom-radio-mask {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  opacity: 0;
+}
+
+.paging {
+  width: 100%;
+  padding: 10px;
+}
+.paging-pagination {
+  width: 100%;
+}
+.paging-slot {
+  padding-left: 10px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #9b9b9b;
+  white-space: pre-wrap;
+}
+.paging-slot > span {
+  margin-right: 10px;
+  white-space: nowrap;
+}
+.paging .el-pagination__total {
+  font-size: 14px;
+  font-weight: 400;
+  color: #9b9b9b;
+}
+
+.tablesvpd {
+  width: 100%;
+  height: var(--tablesvpd-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesvpd-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesvpd-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesvpd-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+  background-color: #eee;
+}
+.tablesvpd-paginat {
+  overflow: hidden;
+}
+.tablesvpd-paginat .el-pagination {
+  justify-content: flex-end;
+}

package/dist/components/tablesvpd/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const Tablesvpd: SFCWithInstall<DefineComponent<{}, {}, any>>;
+export { Tablesvpd, Tablesvpd as default };

package/dist/components/tablesvpd/index.js

@@ -0,0 +1,9 @@
+/* empty css                 */
+import "./src/index.js";
+import { withInstall } from "../../utils/vues/withInstall.js";
+import _sfc_main from "./src/index2.js";
+const Tablesvpd = withInstall(_sfc_main, "Tablesvpd");
+export {
+  Tablesvpd,
+  Tablesvpd as default
+};

package/dist/components/tablesvpd/index.scss

@@ -0,0 +1,41 @@
+@use '../scss/common.scss' as *;
+@use '../tablesv/index.scss' as *;
+@use '../paging/index.scss' as *;
+$tablesvpd: 'tablesvpd';
+@include b($tablesvpd) {
+	width: 100%;
+	height: var(#{vdm('height', $tablesvpd)});
+	// flex: 1;
+	display: flex;
+	flex-direction: column;
+
+	&-main {
+		display: flex;
+		flex-direction: column;
+		flex: 1;
+		width: 100%;
+		&.is-radio {
+			.#{e()}table__header {
+				.#{e()}table-column--selection {
+					.#{e()}checkbox {
+						display: none;
+					}
+				}
+			}
+		}
+		&.#{is('scroll')} {
+			.v-scroll-add {
+				text-align: center;
+				padding: 10px;
+				color: #999;
+				background-color: #eee;
+			}
+		}
+	}
+	&-paginat {
+		overflow: hidden;
+		.#{e()}pagination {
+			justify-content: flex-end;
+		}
+	}
+}

package/dist/components/tablesvpd/src/data.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "tablesvpd";
+const dataProps = buildProps.buildProps({});
+const dataEmits = [];
+const dataSlot = {};
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/tablesvpd/src/data.d.ts

@@ -0,0 +1,18 @@
+import { ExtractPublicPropTypes } from 'vue';
+/**
+ * @title {h2} TablesPagin 输入框
+ * @text 目前完全继承 element-plus 中 el-tables-pagin
+ */
+/**
+ * @title {h3} tablesvpd
+ */
+export declare const name = "tablesvpd";
+export declare const dataProps: {};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+export declare const dataEmits: never[];
+export type DataEmits = typeof dataEmits;
+export declare const dataSlot: {};
+/**
+ * @expose refEl 获取当前组件在element-plus中暴露的方法
+ */
+export declare const dataExpose: {};

package/dist/components/tablesvpd/src/data.js

@@ -0,0 +1,13 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "tablesvpd";
+const dataProps = buildProps({});
+const dataEmits = [];
+const dataSlot = {};
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot,
+  name
+};

package/dist/components/tablesvpd/src/index.cjs

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

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

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