@fangzhongya/fang-ui 0.0.53 → 0.0.55

package/dist/components/common/use.cjs

@@ -146,6 +146,8 @@ function getValue(obj, data, index) {
     } else {
       cellValue = cdata[prop];
     }
+  } else {
+    cellValue = obj.value;
   }
   if (obj.formatter) {
     return obj.formatter(data, obj, cellValue, index, cdata);

package/dist/components/common/use.js

@@ -144,6 +144,8 @@ function getValue(obj, data, index) {
     } else {
       cellValue = cdata[prop];
     }
+  } else {
+    cellValue = obj.value;
   }
   if (obj.formatter) {
     return obj.formatter(data, obj, cellValue, index, cdata);

package/dist/components/index.cjs

@@ -73,46 +73,48 @@ const index$15 = require("./icon-picker/index.cjs");
 const index$16 = require("./icon/index.cjs");
 const index$17 = require("./iframe/index.cjs");
 const index$18 = require("./keep-com/index.cjs");
-const index$19 = require("./lists/index.cjs");
-const index$1a = require("./menus/index.cjs");
-const index$1b = require("./page/index.cjs");
-const index$1c = require("./retract/index.cjs");
-const index$1d = require("./choice-select/index.cjs");
-const index$1e = require("./company-select/index.cjs");
-const index$1f = require("./department-select/index.cjs");
-const index$1g = require("./role-select/index.cjs");
-const index$1h = require("./select-dialog/index.cjs");
-const index$1i = require("./select-popover/index.cjs");
-const index$1j = require("./tree-select-box/index.cjs");
-const index$1k = require("./user-select/index.cjs");
-const index$1l = require("./array/index.cjs");
-const index$1m = require("./buttons/index.cjs");
-const index$1n = require("./cascaders/index.cjs");
-const index$1o = require("./checks/index.cjs");
-const index$1p = require("./dates-divide/index.cjs");
-const index$1q = require("./dates-picker/index.cjs");
-const index$1r = require("./dates/index.cjs");
-const index$1s = require("./edit-float/index.cjs");
-const index$1t = require("./edit/index.cjs");
-const index$1u = require("./history/index.cjs");
-const index$1v = require("./images/index.cjs");
-const index$1w = require("./input-array/index.cjs");
-const index$1x = require("./input-history/index.cjs");
-const index$1y = require("./input-num/index.cjs");
-const index$1z = require("./input-select/index.cjs");
-const index$1A = require("./inputs/index.cjs");
-const index$1B = require("./labels/index.cjs");
-const index$1C = require("./select-scroll/index.cjs");
-const index$1D = require("./selector/index.cjs");
-const index$1E = require("./selects/index.cjs");
-const index$1F = require("./switchs/index.cjs");
-const index$1G = require("./text/index.cjs");
-const index$1H = require("./paging/index.cjs");
-const index$1I = require("./tables/index.cjs");
-const index$1J = require("./tablesp/index.cjs");
-const index$1K = require("./tabless/index.cjs");
-const index$1L = require("./tablesv/index.cjs");
-const index$1M = require("./tablesvp/index.cjs");
+const index$19 = require("./menus/index.cjs");
+const index$1a = require("./page/index.cjs");
+const index$1b = require("./retract/index.cjs");
+const index$1c = require("./choice-select/index.cjs");
+const index$1d = require("./company-select/index.cjs");
+const index$1e = require("./department-select/index.cjs");
+const index$1f = require("./role-select/index.cjs");
+const index$1g = require("./select-dialog/index.cjs");
+const index$1h = require("./select-popover/index.cjs");
+const index$1i = require("./tree-select-box/index.cjs");
+const index$1j = require("./user-select/index.cjs");
+const index$1k = require("./array/index.cjs");
+const index$1l = require("./buttons/index.cjs");
+const index$1m = require("./cascaders/index.cjs");
+const index$1n = require("./checks/index.cjs");
+const index$1o = require("./dates-divide/index.cjs");
+const index$1p = require("./dates-picker/index.cjs");
+const index$1q = require("./dates/index.cjs");
+const index$1r = require("./edit-float/index.cjs");
+const index$1s = require("./edit/index.cjs");
+const index$1t = require("./history/index.cjs");
+const index$1u = require("./images/index.cjs");
+const index$1v = require("./input-array/index.cjs");
+const index$1w = require("./input-history/index.cjs");
+const index$1x = require("./input-num/index.cjs");
+const index$1y = require("./input-select/index.cjs");
+const index$1z = require("./inputs/index.cjs");
+const index$1A = require("./labels/index.cjs");
+const index$1B = require("./select-scroll/index.cjs");
+const index$1C = require("./selector/index.cjs");
+const index$1D = require("./selects/index.cjs");
+const index$1E = require("./switchs/index.cjs");
+const index$1F = require("./text/index.cjs");
+const index$1G = require("./list/index.cjs");
+const index$1H = require("./lists/index.cjs");
+const index$1I = require("./listsp/index.cjs");
+const index$1J = require("./paging/index.cjs");
+const index$1K = require("./tables/index.cjs");
+const index$1L = require("./tablesp/index.cjs");
+const index$1M = require("./tabless/index.cjs");
+const index$1N = require("./tablesv/index.cjs");
+const index$1O = require("./tablesvp/index.cjs");
 const index$b = require("./loading/src/index.cjs");
 exports.Button = index.Button;
 exports.Card = index$1.Card;
@@ -186,44 +188,46 @@ exports.IconPicker = index$15.IconPicker;
 exports.Icon = index$16.Icon;
 exports.Iframe = index$17.Iframe;
 exports.KeepCom = index$18.KeepCom;
-exports.Lists = index$19.Lists;
-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.Paging = index$1H.Paging;
-exports.Tables = index$1I.Tables;
-exports.Tablesp = index$1J.Tablesp;
-exports.Tabless = index$1K.Tabless;
-exports.Tablesv = index$1L.Tablesv;
-exports.Tablesvp = index$1M.Tablesvp;
+exports.Menus = index$19.Menus;
+exports.Page = index$1a.Page;
+exports.Retract = index$1b.Retract;
+exports.ChoiceSelect = index$1c.ChoiceSelect;
+exports.CompanySelect = index$1d.CompanySelect;
+exports.DepartmentSelect = index$1e.DepartmentSelect;
+exports.RoleSelect = index$1f.RoleSelect;
+exports.SelectDialog = index$1g.SelectDialog;
+exports.SelectPopover = index$1h.SelectPopover;
+exports.TreeSelectBox = index$1i.TreeSelectBox;
+exports.UserSelect = index$1j.UserSelect;
+exports.Array = index$1k.Array;
+exports.Buttons = index$1l.Buttons;
+exports.Cascaders = index$1m.Cascaders;
+exports.Checks = index$1n.Checks;
+exports.DatesDivide = index$1o.DatesDivide;
+exports.DatesPicker = index$1p.DatesPicker;
+exports.Dates = index$1q.Dates;
+exports.EditFloat = index$1r.EditFloat;
+exports.Edit = index$1s.Edit;
+exports.History = index$1t.History;
+exports.Images = index$1u.Images;
+exports.InputArray = index$1v.InputArray;
+exports.InputHistory = index$1w.InputHistory;
+exports.InputNum = index$1x.InputNum;
+exports.InputSelect = index$1y.InputSelect;
+exports.Inputs = index$1z.Inputs;
+exports.Labels = index$1A.Labels;
+exports.SelectScroll = index$1B.SelectScroll;
+exports.Selector = index$1C.Selector;
+exports.Selects = index$1D.Selects;
+exports.Switchs = index$1E.Switchs;
+exports.Text = index$1F.Text;
+exports.List = index$1G.List;
+exports.Lists = index$1H.Lists;
+exports.Listsp = index$1I.Listsp;
+exports.Paging = index$1J.Paging;
+exports.Tables = index$1K.Tables;
+exports.Tablesp = index$1L.Tablesp;
+exports.Tabless = index$1M.Tabless;
+exports.Tablesv = index$1N.Tablesv;
+exports.Tablesvp = index$1O.Tablesvp;
 exports.vLoading = index$b.vLoading;

package/dist/components/index.d.ts

@@ -70,7 +70,6 @@ export * from './icon-picker/index';
 export * from './icon/index';
 export * from './iframe/index';
 export * from './keep-com/index';
-export * from './lists/index';
 export * from './menus/index';
 export * from './page/index';
 export * from './retract/index';
@@ -104,6 +103,9 @@ export * from './selector/index';
 export * from './selects/index';
 export * from './switchs/index';
 export * from './text/index';
+export * from './list/index';
+export * from './lists/index';
+export * from './listsp/index';
 export * from './paging/index';
 export * from './tables/index';
 export * from './tablesp/index';

package/dist/components/index.js

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

package/dist/components/index.scss

@@ -61,7 +61,6 @@
 @use './icon/index.scss' as *;
 @use './iframe/index.scss' as *;
 @use './keep-com/index.scss' as *;
-@use './lists/index.scss' as *;
 @use './menus/index.scss' as *;
 @use './page/index.scss' as *;
 @use './retract/index.scss' as *;
@@ -78,6 +77,9 @@
 @use './selects/index.scss' as *;
 @use './switchs/index.scss' as *;
 @use './text/index.scss' as *;
+@use './list/index.scss' as *;
+@use './lists/index.scss' as *;
+@use './listsp/index.scss' as *;
 @use './paging/index.scss' as *;
 @use './tables/index.scss' as *;
 @use './tablesp/index.scss' as *;

package/dist/components/index2.scss

@@ -61,7 +61,6 @@
 @use './icon/style/index2.scss' as *;
 @use './iframe/style/index.scss' as *;
 @use './keep-com/style/index.scss' as *;
-@use './lists/style/index.scss' as *;
 @use './menus/style/index2.scss' as *;
 @use './page/style/index2.scss' as *;
 @use './retract/style/index.scss' as *;
@@ -78,6 +77,9 @@
 @use './selects/style/index2.scss' as *;
 @use './switchs/style/index2.scss' as *;
 @use './text/style/index.scss' as *;
+@use './list/style/index.scss' as *;
+@use './lists/style/index.scss' as *;
+@use './listsp/style/index2.scss' as *;
 @use './paging/style/index2.scss' as *;
 @use './tables/style/index2.scss' as *;
 @use './tablesp/style/index2.scss' as *;

package/dist/components/list/index.cjs

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

package/dist/components/list/index.css

@@ -0,0 +1,96 @@
+: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);
+}
+
+.list-div .list-table {
+  width: 100%;
+  height: 100%;
+}
+.list-div .list-table td {
+  text-align: left;
+}
+.list-div .list-table th {
+  font-weight: initial;
+}
+.list-div .list-table .is-whole .list-table-auto {
+  width: 100%;
+}
+.list-div .list-table .is-whole .list-table-value {
+  width: 100%;
+  display: block;
+}
+.list-div .list-table .list-table-td,
+.list-div .list-table .list-table-th {
+  padding: 6px;
+}
+.list-div .list-table .list-table-auto {
+  display: inline-flex;
+  align-items: center;
+}
+.list-div .list-table .list-table-auto .list-table-label {
+  white-space: nowrap;
+}
+.list-div .list-table .list-table-th {
+  text-align: left;
+}
+.list-div .list-table.right .list-table-th {
+  text-align: right;
+}
+.list-div .list-table.center .list-table-th {
+  text-align: center;
+}
+.list-div .list-table.auto .list-table-th {
+  padding-right: 0;
+}
+.list-div .list-table.top .list-table-th {
+  padding-bottom: 0;
+}
+.list-div .list-table.is-aliquots {
+  table-layout: fixed;
+}
+.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);
+}
+.list-div .list-table.is-border > tr > td {
+  border-bottom: 1px solid var(--list-border-color);
+  border-left: 1px solid var(--list-border-color);
+}
+.list-div .list-table.is-border > tr > td:last-child {
+  border-right: 1px solid var(--list-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);
+}
+.list-div .list-table.is-border > tr > th:last-child {
+  border-right: 1px solid var(--list-border-color);
+}
+.list-div .list-table.is-border > tr:last-child > td {
+  border-bottom: 0;
+}
+.list-div .list-table.is-border > tr:last-child > th {
+  border-bottom: 0;
+}
+.list-div .list-table.is-border.top > tr > th {
+  border-bottom: 0;
+}
+.list-div .list-table .list-com {
+  display: flex;
+  align-items: center;
+}
+.list-div .list-table .list-com-img {
+  width: 50px;
+  height: 50px;
+}

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

@@ -0,0 +1,2 @@
+declare const List: any;
+export { List, List as default };

package/dist/components/list/index.js

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

package/dist/components/list/index.scss

@@ -0,0 +1,110 @@
+@use '../scss/common.scss' as *;
+
+$list: 'list';
+@include b($list) {
+	&-div {
+		.#{z($list, 'table')} {
+			width: 100%;
+			height: 100%;
+			td {
+				text-align: left;
+			}
+			th {
+				font-weight: initial;
+			}
+			.is-whole {
+				.#{z($list, 'table-auto')} {
+					width: 100%;
+				}
+				.#{z($list, 'table-value')} {
+					width: 100%;
+					display: block;
+				}
+			}
+			.#{z($list, 'table-td')},
+			.#{z($list, 'table-th')} {
+				padding: 6px;
+			}
+
+			.#{z($list, 'table-auto')} {
+				display: inline-flex;
+				align-items: center;
+				.#{z($list, 'table-label')} {
+					white-space: nowrap;
+				}
+			}
+			.#{z($list, 'table-th')} {
+				text-align: left;
+			}
+			&.right {
+				.#{z($list, 'table-th')} {
+					text-align: right;
+				}
+			}
+			&.center {
+				.#{z($list, 'table-th')} {
+					text-align: center;
+				}
+			}
+
+			&.auto {
+				.#{z($list, 'table-th')} {
+					padding-right: 0;
+				}
+			}
+			&.top {
+				.#{z($list, 'table-th')} {
+					padding-bottom: 0;
+				}
+			}
+
+			&.is-aliquots {
+				table-layout: fixed;
+			}
+
+			&.is-border {
+				border-right: 1px solid var(vdm('border-color', $list));
+				border-top: 1px solid var(vdm('border-color', $list));
+				border-bottom: 1px solid var(vdm('border-color', $list));
+				& > tr > td {
+					border-bottom: 1px solid var(vdm('border-color', $list));
+					border-left: 1px solid var(vdm('border-color', $list));
+					&:last-child {
+						border-right: 1px solid var(vdm('border-color', $list));
+					}
+				}
+				& > tr > th {
+					border-left: 1px solid var(vdm('border-color', $list));
+					border-bottom: 1px solid var(vdm('border-color', $list));
+					&:last-child {
+						border-right: 1px solid var(vdm('border-color', $list));
+					}
+				}
+				& > tr {
+					&:last-child {
+						> td {
+							border-bottom: 0;
+						}
+						> th {
+							border-bottom: 0;
+						}
+					}
+				}
+				&.top {
+					& > tr > th {
+						border-bottom: 0;
+					}
+				}
+			}
+
+			.#{z('list-com')} {
+				display: flex;
+				align-items: center;
+				&-img {
+					width: 50px;
+					height: 50px;
+				}
+			}
+		}
+	}
+}

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

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const dataProps = {
+  /**
+   * @props { Object } options={}
+   * 选择数据集合
+   */
+  options: {
+    type: Object,
+    default() {
+      return {};
+    }
+  },
+  /**
+   * @props { Object } compons={}
+   * 外部组件集合
+   */
+  compons: {
+    type: Object,
+    default() {
+      return {};
+    }
+  },
+  /**
+   * @props { Object } labelPosition='auto' ('left' | 'top' | 'right' | 'center' | 'auto')
+   * 标签位置
+   */
+  labelPosition: {
+    type: String,
+    default: "auto"
+  },
+  /**
+   * @props { Array<ListObj> } list=[]
+   * 列数据
+   */
+  list: {
+    type: Array,
+    default: () => {
+      return [];
+    }
+  },
+  value: {
+    type: Object,
+    default: () => {
+      return {};
+    }
+  },
+  /**
+   * @props { Number } column=2
+   * 一行展示多少列
+   */
+  column: {
+    type: Number,
+    default() {
+      return 2;
+    }
+  },
+  /**
+   * @props { Boolean, String } colon
+   * 标签后面是否加内容 true 是 ：
+   */
+  colon: [Boolean, String],
+  /**
+   * @props {Number, String } labelWidth=[]
+   * 标签宽度
+   */
+  labelWidth: {
+    type: [Number, String]
+    // default: '60px',
+  },
+  /**
+   * @props { Boolean, String } border=true ( )
+   * 是否需要边框，边框颜色
+   */
+  border: {
+    type: [Boolean, String]
+    // default: true
+  },
+  /**
+   * @props { Boolean } aliquots=true ( )
+   * 是否等分
+   */
+  aliquots: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @props { Boolean } componSelected
+   * 是否在选中时显示 compon 组件
+   */
+  componSelected: Boolean
+};
+const dataEmits = ["list-events"];
+const dataExpose = [];
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;