@fangzhongya/fang-ui 0.0.53 → 0.0.55

package/dist/components/listsp/index.scss

@@ -0,0 +1,23 @@
+@use '../scss/common.scss' as *;
+@use '../lists/index.scss' as *;
+@use '../paging/index.scss' as *;
+$listsp: 'listsp';
+@include b($listsp) {
+	width: 100%;
+	height: var(#{vdm('height', $listsp)});
+	display: flex;
+	flex-direction: column;
+
+	&-main {
+		display: flex;
+		flex-direction: column;
+		flex: 1;
+		width: 100%;
+	}
+	&-paginat {
+		overflow: hidden;
+		.#{e()}pagination {
+			justify-content: flex-end;
+		}
+	}
+}

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

@@ -0,0 +1,14 @@
+import { ExtractPublicPropTypes } from 'vue';
+/**
+ * @title {h2} TablesPagin 输入框
+ * @text 目前完全继承 element-plus 中 el-tables-pagin
+ */
+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/listsp/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/listsp/src/index.js

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

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

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$1 = require("../../lists/index.cjs");
+const index$3 = require("../../paging/index.cjs");
+const index$2 = require("../../../directives/scroll/index.cjs");
+const pagin = require("../../tables/common/pagin.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: pagin.dataProps,
+  emits: pagin.dataEmit,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = index.useCssName("listsp");
+    const slots = vue.useSlots();
+    const props = __props;
+    const emit = __emit;
+    const refTable = vue.ref();
+    const {
+      height,
+      getSelection,
+      initData,
+      getData,
+      empty,
+      loading,
+      tableList,
+      tableConfig,
+      onScroll,
+      onSortChange,
+      onListEvents,
+      onSelect,
+      onRowClick,
+      onChange,
+      pagconfig,
+      formEvent,
+      onSizeChange,
+      onCurrentChange,
+      paginat,
+      data
+    } = pagin.useInit(props, emit, refTable, true);
+    __expose({
+      getSelection,
+      initData,
+      getData,
+      getList: initData,
+      empty
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z()),
+        style: vue.normalizeStyle(vue.unref(cs).vdo({ height: vue.unref(height) }))
+      }, [
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$1.Lists), vue.mergeProps(vue.unref(tableConfig).config, vue.toHandlers(vue.unref(formEvent)), {
+          height: vue.unref(height),
+          ref_key: "refTable",
+          ref: refTable,
+          class: [vue.unref(cs).z("main"), vue.unref(cs).is("scroll", vue.unref(paginat).scroll)],
+          value: vue.unref(data).list,
+          list: vue.unref(tableList),
+          size: (_a = vue.unref(tableConfig).config) == null ? void 0 : _a.size,
+          paginat: vue.unref(paginat),
+          loading: vue.unref(loading),
+          options: props.options,
+          compons: props.compons,
+          onSortChange: vue.unref(onSortChange),
+          onListEvents: vue.unref(onListEvents),
+          onSelect: vue.unref(onSelect),
+          onRowClick: vue.unref(onRowClick),
+          onSelectionChange: vue.unref(onChange)
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k) => {
+            return {
+              name: k,
+              fn: vue.withCtx((scope) => [
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope)))
+              ])
+            };
+          })
+        ]), 1040, ["height", "class", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])), [
+          [vue.unref(index$2.default), {
+            is: vue.unref(paginat).scroll,
+            dom: ".lists-list",
+            onChange: vue.unref(onScroll)
+          }]
+        ]),
+        ((_b = vue.unref(tableConfig).paginat) == null ? void 0 : _b.is) && !vue.unref(paginat).scroll ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.Paging), vue.mergeProps({ key: 0 }, vue.unref(pagconfig), {
+          class: vue.unref(cs).z("paginat"),
+          paginat: vue.unref(paginat),
+          total: vue.unref(data).total,
+          onSizeChange: vue.unref(onSizeChange),
+          onCurrentChange: vue.unref(onCurrentChange)
+        }), null, 16, ["class", "paginat", "total", "onSizeChange", "onCurrentChange"])) : vue.createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,98 @@
+import { defineComponent, useSlots, ref, createElementBlock, openBlock, normalizeStyle, unref, normalizeClass, withDirectives, createBlock, createCommentVNode, mergeProps, toHandlers, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { Lists } from "../../lists/index.js";
+import { Paging } from "../../paging/index.js";
+import vScroll from "../../../directives/scroll/index.js";
+import { useInit, dataEmit, dataProps } from "../../tables/common/pagin.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmit,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName("listsp");
+    const slots = useSlots();
+    const props = __props;
+    const emit = __emit;
+    const refTable = ref();
+    const {
+      height,
+      getSelection,
+      initData,
+      getData,
+      empty,
+      loading,
+      tableList,
+      tableConfig,
+      onScroll,
+      onSortChange,
+      onListEvents,
+      onSelect,
+      onRowClick,
+      onChange,
+      pagconfig,
+      formEvent,
+      onSizeChange,
+      onCurrentChange,
+      paginat,
+      data
+    } = useInit(props, emit, refTable, true);
+    __expose({
+      getSelection,
+      initData,
+      getData,
+      getList: initData,
+      empty
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs).z()),
+        style: normalizeStyle(unref(cs).vdo({ height: unref(height) }))
+      }, [
+        withDirectives((openBlock(), createBlock(unref(Lists), mergeProps(unref(tableConfig).config, toHandlers(unref(formEvent)), {
+          height: unref(height),
+          ref_key: "refTable",
+          ref: refTable,
+          class: [unref(cs).z("main"), unref(cs).is("scroll", unref(paginat).scroll)],
+          value: unref(data).list,
+          list: unref(tableList),
+          size: (_a = unref(tableConfig).config) == null ? void 0 : _a.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) => {
+            return {
+              name: k,
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+              ])
+            };
+          })
+        ]), 1040, ["height", "class", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])), [
+          [unref(vScroll), {
+            is: unref(paginat).scroll,
+            dom: ".lists-list",
+            onChange: unref(onScroll)
+          }]
+        ]),
+        ((_b = unref(tableConfig).paginat) == null ? void 0 : _b.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,
+          onSizeChange: unref(onSizeChange),
+          onCurrentChange: unref(onCurrentChange)
+        }), null, 16, ["class", "paginat", "total", "onSizeChange", "onCurrentChange"])) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,4 @@
+@use '../../lists/style/index2.scss' as *;
+@use '../../paging/style/index2.scss' as *;
+
+@use '../index.scss' as *;

package/dist/components/page/index.css

@@ -103,85 +103,85 @@
   height: inherit;
 }
 
-.lists-div .lists-table {
+.list-div .list-table {
   width: 100%;
   height: 100%;
 }
-.lists-div .lists-table td {
+.list-div .list-table td {
   text-align: left;
 }
-.lists-div .lists-table th {
+.list-div .list-table th {
   font-weight: initial;
 }
-.lists-div .lists-table .is-whole .lists-table-auto {
+.list-div .list-table .is-whole .list-table-auto {
   width: 100%;
 }
-.lists-div .lists-table .is-whole .lists-table-value {
+.list-div .list-table .is-whole .list-table-value {
   width: 100%;
   display: block;
 }
-.lists-div .lists-table .lists-table-td,
-.lists-div .lists-table .lists-table-th {
+.list-div .list-table .list-table-td,
+.list-div .list-table .list-table-th {
   padding: 6px;
 }
-.lists-div .lists-table .lists-table-auto {
+.list-div .list-table .list-table-auto {
   display: inline-flex;
   align-items: center;
 }
-.lists-div .lists-table .lists-table-auto .lists-table-label {
+.list-div .list-table .list-table-auto .list-table-label {
   white-space: nowrap;
 }
-.lists-div .lists-table .lists-table-th {
+.list-div .list-table .list-table-th {
   text-align: left;
 }
-.lists-div .lists-table.right .lists-table-th {
+.list-div .list-table.right .list-table-th {
   text-align: right;
 }
-.lists-div .lists-table.center .lists-table-th {
+.list-div .list-table.center .list-table-th {
   text-align: center;
 }
-.lists-div .lists-table.auto .lists-table-th {
+.list-div .list-table.auto .list-table-th {
   padding-right: 0;
 }
-.lists-div .lists-table.top .lists-table-th {
+.list-div .list-table.top .list-table-th {
   padding-bottom: 0;
 }
-.lists-div .lists-table.is-aliquots {
+.list-div .list-table.is-aliquots {
   table-layout: fixed;
 }
-.lists-div .lists-table.is-border {
-  border-right: 1px solid var(--lists-border-color);
-  border-top: 1px solid var(--lists-border-color);
-  border-bottom: 1px solid var(--lists-border-color);
+.list-div .list-table.is-border {
+  border-right: 1px solid var(--list-border-color);
+  border-top: 1px solid var(--list-border-color);
+  border-bottom: 1px solid var(--list-border-color);
 }
-.lists-div .lists-table.is-border > tr > td {
-  border-bottom: 1px solid var(--lists-border-color);
-  border-left: 1px solid var(--lists-border-color);
+.list-div .list-table.is-border > tr > td {
+  border-bottom: 1px solid var(--list-border-color);
+  border-left: 1px solid var(--list-border-color);
 }
-.lists-div .lists-table.is-border > tr > td:last-child {
-  border-right: 1px solid var(--lists-border-color);
+.list-div .list-table.is-border > tr > td:last-child {
+  border-right: 1px solid var(--list-border-color);
 }
-.lists-div .lists-table.is-border > tr > th {
-  border-left: 1px solid var(--lists-border-color);
-  border-bottom: 1px solid var(--lists-border-color);
+.list-div .list-table.is-border > tr > th {
+  border-left: 1px solid var(--list-border-color);
+  border-bottom: 1px solid var(--list-border-color);
 }
-.lists-div .lists-table.is-border > tr > th:last-child {
-  border-right: 1px solid var(--lists-border-color);
+.list-div .list-table.is-border > tr > th:last-child {
+  border-right: 1px solid var(--list-border-color);
 }
-.lists-div .lists-table.is-border > tr:last-child > td {
+.list-div .list-table.is-border > tr:last-child > td {
   border-bottom: 0;
 }
-.lists-div .lists-table.is-border > tr:last-child > th {
+.list-div .list-table.is-border > tr:last-child > th {
   border-bottom: 0;
 }
-.lists-div .lists-table.is-border.top > tr > th {
+.list-div .list-table.is-border.top > tr > th {
   border-bottom: 0;
 }
-.lists-div .lists-table .lists-com {
+.list-div .list-table .list-com {
   display: flex;
   align-items: center;
 }
-.lists-div .lists-table .lists-com-img {
+.list-div .list-table .list-com-img {
   width: 50px;
   height: 50px;
 }
@@ -200,10 +200,7 @@
 }
 .tables-table.is-absolute {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
 }
 
 .paging {

package/dist/components/page/index.scss

@@ -1,7 +1,7 @@
 @use '../scss/common.scss' as *;
 
 @use '../forms/index.scss' as *;
-@use '../lists/index.scss' as *;
+@use '../list/index.scss' as *;
 @use '../dialog/index.scss' as *;
 @use '../tablesp/index.scss' as *;
 $page: 'page';

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

@@ -4,7 +4,7 @@ const vue = require("vue");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$4 = require("../../forms/index.cjs");
 const index$7 = require("../../tablesp/index.cjs");
-const index$5 = require("../../lists/index.cjs");
+const index$5 = require("../../list/index.cjs");
 const index$3 = require("../../dialogs/index.cjs");
 const index$6 = require("element-plus/es/components/button/index");
 const index$2 = require("element-plus/es/components/message/index");
@@ -644,7 +644,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => {
             var _a2;
             return [
-              vue.createVNode(vue.unref(index$5.Lists), vue.mergeProps((_a2 = props.config.details) == null ? void 0 : _a2.config, {
+              vue.createVNode(vue.unref(index$5.List), vue.mergeProps((_a2 = props.config.details) == null ? void 0 : _a2.config, {
                 value: details.value,
                 options: props.options,
                 compons: props.compons,

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

@@ -2,7 +2,7 @@ import { defineComponent, useSlots, ref, computed, reactive, watch, createElemen
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { Forms } from "../../forms/index.js";
 import { Tablesp } from "../../tablesp/index.js";
-import { Lists } from "../../lists/index.js";
+import { List } from "../../list/index.js";
 import { Dialogs } from "../../dialogs/index.js";
 import { ElButton } from "element-plus/es/components/button/index";
 import { ElMessage } from "element-plus/es/components/message/index";
@@ -642,7 +642,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a2;
             return [
-              createVNode(unref(Lists), mergeProps((_a2 = props.config.details) == null ? void 0 : _a2.config, {
+              createVNode(unref(List), mergeProps((_a2 = props.config.details) == null ? void 0 : _a2.config, {
                 value: details.value,
                 options: props.options,
                 compons: props.compons,

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

@@ -3,7 +3,7 @@
 @use 'element-plus/theme-chalk/src/message-box.scss' as *;
 
 @use '../../forms/style/index2.scss' as *;
-// @use '../../lists/style/index2.scss' as *;
+// @use '../../list/style/index2.scss' as *;
 @use '../../dialog/style/index2.scss' as *;
 @use '../../tablesp/style/index2.scss' as *;
 @use '../index.scss' as *;

package/dist/components/scss/function.scss

@@ -29,7 +29,7 @@ $cssname: m();
 	}
 }
 
-@function el($block, $blockSuffix, $element, $modifier) {
+@function el($block, $blockSuffix: '', $element: '', $modifier: '') {
 	$cls: #{e() + $block};
 	@if ($blockSuffix != '') {
 		$cls: #{$cls + $common-separator + $blockSuffix};

package/dist/components/tables/common/pagin.cjs

@@ -72,6 +72,7 @@ const useInit = (props2, emit, refTable, isEl) => {
   const pagconfig = vue.ref(mpagconfig);
   const paginat = vue.reactive({
     front: false,
+    scroll: false,
     current: 1,
     pageSize: mpagconfig.pageSize,
     order: "",
@@ -81,6 +82,7 @@ const useInit = (props2, emit, refTable, isEl) => {
     total: 0,
     list: [],
     front: false,
+    scroll: false,
     current: 1,
     pageSize: mpagconfig.pageSize,
     order: "",
@@ -169,6 +171,7 @@ const useInit = (props2, emit, refTable, isEl) => {
     }
     const pagin = config.paginat ?? {};
     paginat.front = pagin.front || false;
+    paginat.scroll = pagin.scroll || false;
     paginat.pageSize = pagin.size || mpagconfig.pageSize;
     pagconfig.value = Object.assign({}, mpagconfig, pagin.config || {});
     tableConfig.value = config;
@@ -287,9 +290,9 @@ const useInit = (props2, emit, refTable, isEl) => {
   }
   function toggleCrossPage() {
     var _a2;
-    const datas = data.list;
     const cross = (_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage;
-    if (cross) {
+    if (cross && !paginat.scroll) {
+      const datas = data.list;
       const vs = getCrossPageValue();
       if (typeof cross == "string") {
         const iss = vs.map((o) => o[cross]);
@@ -316,7 +319,7 @@ const useInit = (props2, emit, refTable, isEl) => {
   }
   function getSelectionValue(arr, i) {
     var _a2;
-    if ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage) {
+    if (((_a2 = tableConfig.value.config) == null ? void 0 : _a2.crossPage) && !paginat.scroll) {
       return getCrossPageValue(arr, i);
     } else {
       return arr;
@@ -332,13 +335,13 @@ const useInit = (props2, emit, refTable, isEl) => {
       emit("selection", getSelectionValue(arr, paginat.current));
     }
   }
-  function onRowClick(row, obj) {
+  function onRowClick(row) {
     var _a2, _b2, _c, _d;
     if (!((_a2 = tableConfig.value.config) == null ? void 0 : _a2.noRowSelect)) {
       const selectable = (_b2 = tableConfig.value.config) == null ? void 0 : _b2.selectable;
       if (selectable) {
-        const index = data.list.findIndex((obj2) => {
-          obj2 === row;
+        const index = data.list.findIndex((obj) => {
+          obj === row;
         });
         if (selectable(row, index)) {
           if ((_c = tableConfig.value.config) == null ? void 0 : _c.isradio) {
@@ -526,7 +529,11 @@ const useInit = (props2, emit, refTable, isEl) => {
       if (((_a3 = tableConfig.value.paginat) == null ? void 0 : _a3.is) && dlist.length > paginat.pageSize) {
         dlist = dlist.slice(0, paginat.pageSize);
       }
-      data.list = defaultSort(dlist);
+      if (paginat.current != 1 && paginat.scroll) {
+        data.list.push(...dlist);
+      } else {
+        data.list = defaultSort(dlist);
+      }
       data.total = (list == null ? void 0 : list.total) || dlist.length;
       toggleCrossPage();
       loading.value = false;
@@ -580,6 +587,14 @@ const useInit = (props2, emit, refTable, isEl) => {
     var _a2;
     return ((_a2 = tableConfig.value.config) == null ? void 0 : _a2.height) ?? "auto";
   });
+  const onScroll = () => {
+    if (paginat.scroll) {
+      if (data.total && data.pageSize * data.current < data.total) {
+        paginat.current++;
+        getData();
+      }
+    }
+  };
   return {
     height,
     tableConfig,
@@ -591,6 +606,7 @@ const useInit = (props2, emit, refTable, isEl) => {
     clean,
     empty,
     loading,
+    onScroll,
     onSortChange,
     onListEvents,
     onSelect,

package/dist/components/tables/common/pagin.d.ts

@@ -102,6 +102,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
         paginat?: {
             is?: boolean | undefined;
             size?: number | undefined;
+            scroll?: boolean | undefined;
             front?: boolean | undefined;
             config?: {
                 [key: string]: any;
@@ -157,6 +158,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
         paginat?: {
             is?: boolean | undefined;
             size?: number | undefined;
+            scroll?: boolean | undefined;
             front?: boolean | undefined;
             config?: {
                 [key: string]: any;
@@ -186,6 +188,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
         orig?: boolean | undefined;
         compon?: string | object | undefined;
         default?: any;
+        value?: any;
         label?: string | /*elided*/ any | undefined;
         hideLabel?: boolean | undefined;
         prop?: string | undefined;
@@ -217,6 +220,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
         orig?: boolean | undefined;
         compon?: string | object | undefined;
         default?: any;
+        value?: any;
         label?: string | /*elided*/ any | undefined;
         hideLabel?: boolean | undefined;
         prop?: string | undefined;
@@ -250,10 +254,11 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
     clean: () => void;
     empty: () => void;
     loading: Ref<boolean, boolean>;
+    onScroll: () => void;
     onSortChange: (obj: ObjAny) => void;
     onListEvents: (...arr: any) => void;
     onSelect: (s: ObjAny, row: ObjStr) => void;
-    onRowClick: (row: ObjAny, obj: ObjAny) => void;
+    onRowClick: (row: ObjAny) => void;
     onChange: (arr: ObjStr[]) => void;
     pagconfig: Ref<{
         pageSize: number;
@@ -299,6 +304,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
     onCurrentChange: () => void;
     paginat: {
         front: boolean;
+        scroll: boolean;
         current: number;
         pageSize: number;
         order: string;
@@ -306,6 +312,7 @@ export declare const useInit: (props: ExtractPropTypes<typeof dataProps>, emit:
     };
     data: {
         front: boolean;
+        scroll: boolean;
         current: number;
         pageSize: number;
         order: string;