@fangzhongya/fang-ui 0.0.54 → 0.0.56

package/dist/index.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index$1U = require("./components/index.cjs");
-const index$1V = require("./directives/index.cjs");
-const index$1W = require("./icons/index.cjs");
+const index$1W = require("./components/index.cjs");
+const index$1X = require("./directives/index.cjs");
+const index$1Y = require("./icons/index.cjs");
 const index$1 = require("./components/button/index.cjs");
 const index$2 = require("./components/card/index.cjs");
 const index$3 = require("./components/collapse-item/index.cjs");
@@ -76,65 +76,67 @@ const index$16 = require("./components/icon-picker/index.cjs");
 const index$17 = require("./components/icon/index.cjs");
 const index$18 = require("./components/iframe/index.cjs");
 const index$19 = require("./components/keep-com/index.cjs");
-const index$1a = require("./components/lists/index.cjs");
-const index$1b = require("./components/menus/index.cjs");
-const index$1c = require("./components/page/index.cjs");
-const index$1d = require("./components/retract/index.cjs");
-const index$1e = require("./components/choice-select/index.cjs");
-const index$1f = require("./components/company-select/index.cjs");
-const index$1g = require("./components/department-select/index.cjs");
-const index$1h = require("./components/role-select/index.cjs");
-const index$1i = require("./components/select-dialog/index.cjs");
-const index$1j = require("./components/select-popover/index.cjs");
-const index$1k = require("./components/tree-select-box/index.cjs");
-const index$1l = require("./components/user-select/index.cjs");
-const index$1m = require("./components/array/index.cjs");
-const index$1n = require("./components/buttons/index.cjs");
-const index$1o = require("./components/cascaders/index.cjs");
-const index$1p = require("./components/checks/index.cjs");
-const index$1q = require("./components/dates-divide/index.cjs");
-const index$1r = require("./components/dates-picker/index.cjs");
-const index$1s = require("./components/dates/index.cjs");
-const index$1t = require("./components/edit-float/index.cjs");
-const index$1u = require("./components/edit/index.cjs");
-const index$1v = require("./components/history/index.cjs");
-const index$1w = require("./components/images/index.cjs");
-const index$1x = require("./components/input-array/index.cjs");
-const index$1y = require("./components/input-history/index.cjs");
-const index$1z = require("./components/input-num/index.cjs");
-const index$1A = require("./components/input-select/index.cjs");
-const index$1B = require("./components/inputs/index.cjs");
-const index$1C = require("./components/labels/index.cjs");
-const index$1D = require("./components/select-scroll/index.cjs");
-const index$1E = require("./components/selector/index.cjs");
-const index$1F = require("./components/selects/index.cjs");
-const index$1G = require("./components/switchs/index.cjs");
-const index$1H = require("./components/text/index.cjs");
-const index$1I = require("./components/paging/index.cjs");
-const index$1J = require("./components/tables/index.cjs");
-const index$1K = require("./components/tablesp/index.cjs");
-const index$1L = require("./components/tabless/index.cjs");
-const index$1M = require("./components/tablesv/index.cjs");
-const index$1N = require("./components/tablesvp/index.cjs");
-const index$1O = require("./directives/adjust/index.cjs");
-const index$1P = require("./directives/drag/index.cjs");
-const index$1Q = require("./directives/expose/index.cjs");
-const index$1R = require("./directives/locus/index.cjs");
-const index$1S = require("./directives/scroll/index.cjs");
-const index$1T = require("./directives/stick/index.cjs");
+const index$1a = require("./components/menus/index.cjs");
+const index$1b = require("./components/page/index.cjs");
+const index$1c = require("./components/retract/index.cjs");
+const index$1d = require("./components/choice-select/index.cjs");
+const index$1e = require("./components/company-select/index.cjs");
+const index$1f = require("./components/department-select/index.cjs");
+const index$1g = require("./components/role-select/index.cjs");
+const index$1h = require("./components/select-dialog/index.cjs");
+const index$1i = require("./components/select-popover/index.cjs");
+const index$1j = require("./components/tree-select-box/index.cjs");
+const index$1k = require("./components/user-select/index.cjs");
+const index$1l = require("./components/array/index.cjs");
+const index$1m = require("./components/buttons/index.cjs");
+const index$1n = require("./components/cascaders/index.cjs");
+const index$1o = require("./components/checks/index.cjs");
+const index$1p = require("./components/dates-divide/index.cjs");
+const index$1q = require("./components/dates-picker/index.cjs");
+const index$1r = require("./components/dates/index.cjs");
+const index$1s = require("./components/edit-float/index.cjs");
+const index$1t = require("./components/edit/index.cjs");
+const index$1u = require("./components/history/index.cjs");
+const index$1v = require("./components/images/index.cjs");
+const index$1w = require("./components/input-array/index.cjs");
+const index$1x = require("./components/input-history/index.cjs");
+const index$1y = require("./components/input-num/index.cjs");
+const index$1z = require("./components/input-select/index.cjs");
+const index$1A = require("./components/inputs/index.cjs");
+const index$1B = require("./components/labels/index.cjs");
+const index$1C = require("./components/select-scroll/index.cjs");
+const index$1D = require("./components/selector/index.cjs");
+const index$1E = require("./components/selects/index.cjs");
+const index$1F = require("./components/switchs/index.cjs");
+const index$1G = require("./components/text/index.cjs");
+const index$1H = require("./components/list/index.cjs");
+const index$1I = require("./components/lists/index.cjs");
+const index$1J = require("./components/listsp/index.cjs");
+const index$1K = require("./components/paging/index.cjs");
+const index$1L = require("./components/tables/index.cjs");
+const index$1M = require("./components/tablesp/index.cjs");
+const index$1N = require("./components/tabless/index.cjs");
+const index$1O = require("./components/tablesv/index.cjs");
+const index$1P = require("./components/tablesvp/index.cjs");
+const index$1Q = require("./directives/adjust/index.cjs");
+const index$1R = require("./directives/drag/index.cjs");
+const index$1S = require("./directives/expose/index.cjs");
+const index$1T = require("./directives/locus/index.cjs");
+const index$1U = require("./directives/scroll/index.cjs");
+const index$1V = require("./directives/stick/index.cjs");
 const index = {
   install: function(app) {
-    const com = index$1U;
+    const com = index$1W;
     Object.keys(com).forEach((key) => {
       if (com[key].install) {
         com[key].install(app);
       }
     });
-    const dire = index$1V;
+    const dire = index$1X;
     Object.keys(dire).forEach((key) => {
       app.directive(key, dire[key]);
     });
-    index$1W.default(app);
+    index$1Y.default(app);
   }
 };
 exports.Button = index$1.Button;
@@ -211,50 +213,52 @@ exports.IconPicker = index$16.IconPicker;
 exports.Icon = index$17.Icon;
 exports.Iframe = index$18.Iframe;
 exports.KeepCom = index$19.KeepCom;
-exports.Lists = index$1a.Lists;
-exports.Menus = index$1b.Menus;
-exports.Page = index$1c.Page;
-exports.Retract = index$1d.Retract;
-exports.ChoiceSelect = index$1e.ChoiceSelect;
-exports.CompanySelect = index$1f.CompanySelect;
-exports.DepartmentSelect = index$1g.DepartmentSelect;
-exports.RoleSelect = index$1h.RoleSelect;
-exports.SelectDialog = index$1i.SelectDialog;
-exports.SelectPopover = index$1j.SelectPopover;
-exports.TreeSelectBox = index$1k.TreeSelectBox;
-exports.UserSelect = index$1l.UserSelect;
-exports.Array = index$1m.Array;
-exports.Buttons = index$1n.Buttons;
-exports.Cascaders = index$1o.Cascaders;
-exports.Checks = index$1p.Checks;
-exports.DatesDivide = index$1q.DatesDivide;
-exports.DatesPicker = index$1r.DatesPicker;
-exports.Dates = index$1s.Dates;
-exports.EditFloat = index$1t.EditFloat;
-exports.Edit = index$1u.Edit;
-exports.History = index$1v.History;
-exports.Images = index$1w.Images;
-exports.InputArray = index$1x.InputArray;
-exports.InputHistory = index$1y.InputHistory;
-exports.InputNum = index$1z.InputNum;
-exports.InputSelect = index$1A.InputSelect;
-exports.Inputs = index$1B.Inputs;
-exports.Labels = index$1C.Labels;
-exports.SelectScroll = index$1D.SelectScroll;
-exports.Selector = index$1E.Selector;
-exports.Selects = index$1F.Selects;
-exports.Switchs = index$1G.Switchs;
-exports.Text = index$1H.Text;
-exports.Paging = index$1I.Paging;
-exports.Tables = index$1J.Tables;
-exports.Tablesp = index$1K.Tablesp;
-exports.Tabless = index$1L.Tabless;
-exports.Tablesv = index$1M.Tablesv;
-exports.Tablesvp = index$1N.Tablesvp;
-exports.Adjust = index$1O.default;
-exports.Drag = index$1P.default;
-exports.Expose = index$1Q.default;
-exports.Locus = index$1R.default;
-exports.Scroll = index$1S.default;
-exports.Stick = index$1T.default;
+exports.Menus = index$1a.Menus;
+exports.Page = index$1b.Page;
+exports.Retract = index$1c.Retract;
+exports.ChoiceSelect = index$1d.ChoiceSelect;
+exports.CompanySelect = index$1e.CompanySelect;
+exports.DepartmentSelect = index$1f.DepartmentSelect;
+exports.RoleSelect = index$1g.RoleSelect;
+exports.SelectDialog = index$1h.SelectDialog;
+exports.SelectPopover = index$1i.SelectPopover;
+exports.TreeSelectBox = index$1j.TreeSelectBox;
+exports.UserSelect = index$1k.UserSelect;
+exports.Array = index$1l.Array;
+exports.Buttons = index$1m.Buttons;
+exports.Cascaders = index$1n.Cascaders;
+exports.Checks = index$1o.Checks;
+exports.DatesDivide = index$1p.DatesDivide;
+exports.DatesPicker = index$1q.DatesPicker;
+exports.Dates = index$1r.Dates;
+exports.EditFloat = index$1s.EditFloat;
+exports.Edit = index$1t.Edit;
+exports.History = index$1u.History;
+exports.Images = index$1v.Images;
+exports.InputArray = index$1w.InputArray;
+exports.InputHistory = index$1x.InputHistory;
+exports.InputNum = index$1y.InputNum;
+exports.InputSelect = index$1z.InputSelect;
+exports.Inputs = index$1A.Inputs;
+exports.Labels = index$1B.Labels;
+exports.SelectScroll = index$1C.SelectScroll;
+exports.Selector = index$1D.Selector;
+exports.Selects = index$1E.Selects;
+exports.Switchs = index$1F.Switchs;
+exports.Text = index$1G.Text;
+exports.List = index$1H.List;
+exports.Lists = index$1I.Lists;
+exports.Listsp = index$1J.Listsp;
+exports.Paging = index$1K.Paging;
+exports.Tables = index$1L.Tables;
+exports.Tablesp = index$1M.Tablesp;
+exports.Tabless = index$1N.Tabless;
+exports.Tablesv = index$1O.Tablesv;
+exports.Tablesvp = index$1P.Tablesvp;
+exports.Adjust = index$1Q.default;
+exports.Drag = index$1R.default;
+exports.Expose = index$1S.default;
+exports.Locus = index$1T.default;
+exports.Scroll = index$1U.default;
+exports.Stick = index$1V.default;
 exports.default = index;

package/dist/index.css

@@ -401,97 +401,97 @@
   height: 100%;
 }
 
-.lists-div .lists-table {
+.menus .menu-li-item {
+  display: flex;
+  align-items: center;
+}
+.menus .menu-li-icon {
+  margin-right: 10px;
+}
+
+.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;
 }
 
-.menus .menu-li-item {
-  display: flex;
-  align-items: center;
-}
-.menus .menu-li-icon {
-  margin-right: 10px;
-}
-
 .tables {
   width: 100%;
   min-height: 100px;
@@ -506,10 +506,7 @@
 }
 .tables-table.is-absolute {
   position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
+  inset: 0;
 }
 
 .paging {
@@ -892,6 +889,63 @@
   height: 100%;
 }
 
+.lists {
+  width: 100%;
+  min-height: 100px;
+  position: relative;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  background-color: #eee;
+}
+.lists-list {
+  padding: 0 var(--lists-interval);
+}
+.lists-list.is-absolute {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+}
+.lists-list--column .lists-list-item {
+  display: inline-block;
+}
+.lists-list-item {
+  background-color: #fff;
+  margin: 0 var(--lists-interval);
+  margin-top: calc(var(--lists-interval) * 2);
+}
+.lists-list-item:last-child {
+  margin-bottom: calc(var(--lists-interval) * 2);
+}
+.lists-list-item.is-active {
+  background-color: rgb(250, 235, 215);
+}
+.lists-list-item.is-selected {
+  background-color: rgb(215, 250, 224);
+}
+.lists-list-item .el-card {
+  background-color: transparent;
+}
+
+.listsp {
+  width: 100%;
+  height: var(--listsp-height);
+  display: flex;
+  flex-direction: column;
+}
+.listsp-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.listsp-paginat {
+  overflow: hidden;
+}
+.listsp-paginat .el-pagination {
+  justify-content: flex-end;
+}
+
 .tabless {
   width: 100%;
   height: var(--tabless-height);
@@ -992,4 +1046,26 @@
   left: 0;
   z-index: 1;
   opacity: 0;
+}
+
+.tablesvp {
+  width: 100%;
+  height: var(--tablesvp-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesvp-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesvp-paginat {
+  overflow: hidden;
+}
+.tablesvp-paginat .el-pagination {
+  justify-content: flex-end;
 }

package/dist/index.js

@@ -74,7 +74,6 @@ import { IconPicker } from "./components/icon-picker/index.js";
 import { Icon } from "./components/icon/index.js";
 import { Iframe } from "./components/iframe/index.js";
 import { KeepCom } from "./components/keep-com/index.js";
-import { Lists } from "./components/lists/index.js";
 import { Menus } from "./components/menus/index.js";
 import { Page } from "./components/page/index.js";
 import { Retract } from "./components/retract/index.js";
@@ -108,6 +107,9 @@ import { Selector } from "./components/selector/index.js";
 import { Selects } from "./components/selects/index.js";
 import { Switchs } from "./components/switchs/index.js";
 import { Text } from "./components/text/index.js";
+import { List } from "./components/list/index.js";
+import { Lists } from "./components/lists/index.js";
+import { Listsp } from "./components/listsp/index.js";
 import { Paging } from "./components/paging/index.js";
 import { Tables } from "./components/tables/index.js";
 import { Tablesp } from "./components/tablesp/index.js";
@@ -201,7 +203,9 @@ export {
   Inputs,
   KeepCom,
   Labels,
+  List,
   Lists,
+  Listsp,
   Loading,
   default5 as Locus,
   Mention,

package/dist/type.d.ts

@@ -51,6 +51,10 @@ type ListObj = {
 	 * 默认值
 	 */
 	default?: any;
+	/**
+	 * 值
+	 */
+	value?: any;
 
 	/**
 	 * 展示字段名称
@@ -129,7 +133,10 @@ type ListObj = {
 
 // 添加类型定义
 interface PaginatType {
+	is: boolean;
+	cross: boolean | string;
 	front: boolean;
+	scroll: boolean;
 	current: number;
 	pageSize: number;
 	order: string;
@@ -148,8 +155,6 @@ type TableConfig = {
 		isradio?: boolean;
 		// 是否多选
 		ischecked?: boolean;
-		// 是否可以跨页多选
-		crossPage?: boolean | string;
 		//纵向边框
 		border?: boolean;
 		//对齐方式
@@ -186,8 +191,12 @@ type TableConfig = {
 	paginat?: {
 		is?: boolean;
 		size?: number;
+		// 是否是无限滚动模式
+		scroll?: boolean;
 		// 分页方式 前端/后端
 		front?: boolean;
+		// 是否可以跨页多选
+		cross?: boolean | string;
 		config?: {
 			[key: string]: any;
 		};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.0.54",
+  "version": "0.0.56",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -50,13 +50,13 @@
     "vuedraggable": "4.1.0",
     "vxe-table": "4.15.10",
     "@fang-ui/components": "0.0.1-0",
-    "@fang-ui/directives": "0.0.1-0",
+    "@fang-ui/hooks": "0.0.1-0",
     "@fang-ui/locale": "0.0.1-0",
+    "@fang-ui/directives": "0.0.1-0",
     "@fang-ui/icons": "0.0.1-0",
-    "@fang-ui/hooks": "0.0.1-0",
+    "@fang-ui/utils": "0.0.1-0",
     "@fang-ui/theme": "0.0.1-0",
-    "@fang-ui/types": "0.0.1-0",
-    "@fang-ui/utils": "0.0.1-0"
+    "@fang-ui/types": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",