@fangzhongya/fang-ui 0.1.35 → 0.1.36

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

@@ -25,14 +25,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index$2.useCssName(data.name);
     const prs = __props;
     const props = index$3.usePropsDefault(data.name, prs, data.dataProps);
-    index$3.viewProps(props, data.name);
     const emit = __emit;
     const header = vue.ref([]);
     const footer = vue.ref([]);
     const dataList = vue.ref([]);
     const setList = () => {
       const list = props.list || [];
-      list.forEach((obj) => {
+      for (const obj of list) {
         const fixed = obj.fixed;
         if (fixed) {
           if (typeof fixed === "boolean") {
@@ -45,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         } else {
           dataList.value.push({ ...obj });
         }
-      });
+      }
     };
     vue.watch(
       [() => props.list, () => {
@@ -69,12 +68,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           const paginat = attrs.assem.paginat;
           if (obj.index) {
             value = obj.index(index2, paginat);
+          } else if ((paginat == null ? void 0 : paginat.is) && !paginat.scroll && paginat.current && paginat.pageSize) {
+            value = (paginat.current - 1) * paginat.pageSize + index2 + 1;
           } else {
-            if ((paginat == null ? void 0 : paginat.is) && !paginat.scroll && paginat.current && paginat.pageSize) {
-              value = (paginat.current - 1) * paginat.pageSize + index2 + 1;
-            } else {
-              value = index2 + 1;
-            }
+            value = index2 + 1;
           }
           arr.push({ ...obj, value });
         } else {
@@ -111,10 +108,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const width = v.width ?? props.rowWidth;
       if (width) {
         obj.width = width;
-      } else {
-        if (props.rowColumn > 1) {
-          obj.width = "calc(" + Number((100 / props.rowColumn).toFixed(2)) + "% - " + props.interval + " * 2)";
-        }
+      } else if (props.rowColumn > 1) {
+        obj.width = "calc(" + Number((100 / props.rowColumn).toFixed(2)) + "% - " + props.interval + " * 2)";
       }
       if (minWidth) {
         obj.minWidth = minWidth;
@@ -127,8 +122,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
     const selections = vue.ref([]);
     function toggleRowSelection(item, is) {
-      if (is) {
-        selections.value.push(item);
+      if (is === void 0) {
+        const i = selections.value.indexOf(item);
+        if (i != -1) {
+          selections.value.splice(i, 1);
+        } else {
+          selections.value.push(item);
+        }
+      } else if (is) {
+        const i = selections.value.indexOf(item);
+        if (i === -1) {
+          selections.value.push(item);
+        }
       } else {
         const i = selections.value.indexOf(item);
         if (i != -1) {
@@ -143,10 +148,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return selections.value;
     }
     function clearSort() {
+      console.log("clearSort");
     }
-    function setCurrentRow() {
+    function setCurrentRow(item) {
+      rows.value = item;
+      console.log("setCurrentRow");
     }
     function clearCurrentRow() {
+      rows.value = void 0;
+      console.log("clearCurrentRow");
     }
     const getRef = () => {
     };

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

@@ -8,7 +8,7 @@ import { useLocale } from "../../../hooks/locale/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { List } from "../../list/index.js";
 import "../../../utils/css.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
 import { vLoading } from "element-plus/es/components/loading/index";
 const _hoisted_1 = ["onClick"];
@@ -23,14 +23,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName(name);
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
-    viewProps(props, name);
     const emit = __emit;
     const header = ref([]);
     const footer = ref([]);
     const dataList = ref([]);
     const setList = () => {
       const list = props.list || [];
-      list.forEach((obj) => {
+      for (const obj of list) {
         const fixed = obj.fixed;
         if (fixed) {
           if (typeof fixed === "boolean") {
@@ -43,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         } else {
           dataList.value.push({ ...obj });
         }
-      });
+      }
     };
     watch(
       [() => props.list, () => {
@@ -67,12 +66,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           const paginat = attrs.assem.paginat;
           if (obj.index) {
             value = obj.index(index, paginat);
+          } else if ((paginat == null ? void 0 : paginat.is) && !paginat.scroll && paginat.current && paginat.pageSize) {
+            value = (paginat.current - 1) * paginat.pageSize + index + 1;
           } else {
-            if ((paginat == null ? void 0 : paginat.is) && !paginat.scroll && paginat.current && paginat.pageSize) {
-              value = (paginat.current - 1) * paginat.pageSize + index + 1;
-            } else {
-              value = index + 1;
-            }
+            value = index + 1;
           }
           arr.push({ ...obj, value });
         } else {
@@ -109,10 +106,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const width = v.width ?? props.rowWidth;
       if (width) {
         obj.width = width;
-      } else {
-        if (props.rowColumn > 1) {
-          obj.width = "calc(" + Number((100 / props.rowColumn).toFixed(2)) + "% - " + props.interval + " * 2)";
-        }
+      } else if (props.rowColumn > 1) {
+        obj.width = "calc(" + Number((100 / props.rowColumn).toFixed(2)) + "% - " + props.interval + " * 2)";
       }
       if (minWidth) {
         obj.minWidth = minWidth;
@@ -125,8 +120,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const selections = ref([]);
     function toggleRowSelection(item, is) {
-      if (is) {
-        selections.value.push(item);
+      if (is === void 0) {
+        const i = selections.value.indexOf(item);
+        if (i != -1) {
+          selections.value.splice(i, 1);
+        } else {
+          selections.value.push(item);
+        }
+      } else if (is) {
+        const i = selections.value.indexOf(item);
+        if (i === -1) {
+          selections.value.push(item);
+        }
       } else {
         const i = selections.value.indexOf(item);
         if (i != -1) {
@@ -141,10 +146,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return selections.value;
     }
     function clearSort() {
+      console.log("clearSort");
     }
-    function setCurrentRow() {
+    function setCurrentRow(item) {
+      rows.value = item;
+      console.log("setCurrentRow");
     }
     function clearCurrentRow() {
+      rows.value = void 0;
+      console.log("clearCurrentRow");
     }
     const getRef = () => {
     };

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

@@ -1,3 +1,4 @@
 @use '../../card/style/index2.scss' as *;
 @use '../../loading/style/index2.scss' as *;
+@use '../../list/style/index2.scss' as *;
 @use '../index.scss' as *;

package/dist/components/listsp/index.css

@@ -1,8 +1,9 @@
+@charset "UTF-8";
 :root {
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -22,6 +23,141 @@
   line-height: var(--lable-array-height);
 }
 
+.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: var(--list-interval) var(--list-interval-horizon, var(--list-interval));
+}
+.list-div .list-table .list-table-auto {
+  width: 100%;
+  height: 100%;
+  display: inline-flex;
+  word-break: break-all;
+}
+.list-div .list-table .list-table-auto .list-table-td {
+  flex: 1;
+}
+.list-div .list-table .list-table-auto .list-table-th.itemscenter {
+  display: inline-flex;
+  align-items: center;
+}
+.list-div .list-table .list-table-auto .list-table-th.itemsend {
+  display: inline-flex;
+  align-items: end;
+}
+.list-div .list-table .list-table-auto .list-table-th.alignright {
+  display: inline-flex;
+  justify-content: end;
+}
+.list-div .list-table .list-table-auto .list-table-th.aligncenter {
+  display: inline-flex;
+  justify-content: center;
+}
+.list-div .list-table .list-table-auto .list-table-td.itemscenter {
+  display: inline-flex;
+  align-items: center;
+}
+.list-div .list-table .list-table-auto .list-table-td.itemsend {
+  display: inline-flex;
+  align-items: end;
+}
+.list-div .list-table .list-table-auto .list-table-td.alignright {
+  display: inline-flex;
+  justify-content: end;
+}
+.list-div .list-table .list-table-auto .list-table-td.aligncenter {
+  display: inline-flex;
+  justify-content: center;
+}
+.list-div .list-table .list-table-auto .list-table-label {
+  white-space: nowrap;
+}
+.list-div .list-table .is-width .list-table-label {
+  word-break: break-all;
+  white-space: normal;
+  display: block;
+}
+.list-div .list-table .list-table-th {
+  text-align: left;
+}
+.list-div .list-table .list-table-label {
+  white-space: pre-wrap;
+}
+.list-div .list-table .list-table-value {
+  word-break: break-all;
+  white-space: normal;
+  max-height: var(--list-row-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.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.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;
+}
+
 .lists {
   width: 100%;
   min-height: 100px;
@@ -32,6 +168,7 @@
   background-color: #eee;
 }
 .lists-list {
+  overflow-y: auto;
   padding: 0 var(--lists-interval-horizon, var(--lists-interval));
 }
 .lists-list.is-absolute {
@@ -46,7 +183,7 @@
   margin-top: calc(var(--lists-interval) * 2);
 }
 .lists-list-item {
-  background-color: #fff;
+  background-color: #ffffff;
   margin: 0 var(--lists-interval-horizon, var(--lists-interval));
   margin-bottom: calc(var(--lists-interval) * 2);
 }

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

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

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

@@ -19,7 +19,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const slots = vue.useSlots();
     const prs = __props;
     const props = index$2.usePropsDefault(data.name, prs, pagin.dataProps);
-    index$2.viewProps(props, data.name);
     const emit = __emit;
     const refTable = vue.ref();
     const {

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

@@ -6,7 +6,7 @@ import { name } from "./data.js";
 import { dataProps, useInit, dataEmit } from "../../tables/common/pagin.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: getProps(dataProps),
@@ -17,7 +17,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
-    viewProps(props, name);
     const emit = __emit;
     const refTable = ref();
     const {

package/dist/components/listspd/index.css

@@ -1,8 +1,9 @@
+@charset "UTF-8";
 :root {
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -22,6 +23,141 @@
   line-height: var(--lable-array-height);
 }
 
+.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: var(--list-interval) var(--list-interval-horizon, var(--list-interval));
+}
+.list-div .list-table .list-table-auto {
+  width: 100%;
+  height: 100%;
+  display: inline-flex;
+  word-break: break-all;
+}
+.list-div .list-table .list-table-auto .list-table-td {
+  flex: 1;
+}
+.list-div .list-table .list-table-auto .list-table-th.itemscenter {
+  display: inline-flex;
+  align-items: center;
+}
+.list-div .list-table .list-table-auto .list-table-th.itemsend {
+  display: inline-flex;
+  align-items: end;
+}
+.list-div .list-table .list-table-auto .list-table-th.alignright {
+  display: inline-flex;
+  justify-content: end;
+}
+.list-div .list-table .list-table-auto .list-table-th.aligncenter {
+  display: inline-flex;
+  justify-content: center;
+}
+.list-div .list-table .list-table-auto .list-table-td.itemscenter {
+  display: inline-flex;
+  align-items: center;
+}
+.list-div .list-table .list-table-auto .list-table-td.itemsend {
+  display: inline-flex;
+  align-items: end;
+}
+.list-div .list-table .list-table-auto .list-table-td.alignright {
+  display: inline-flex;
+  justify-content: end;
+}
+.list-div .list-table .list-table-auto .list-table-td.aligncenter {
+  display: inline-flex;
+  justify-content: center;
+}
+.list-div .list-table .list-table-auto .list-table-label {
+  white-space: nowrap;
+}
+.list-div .list-table .is-width .list-table-label {
+  word-break: break-all;
+  white-space: normal;
+  display: block;
+}
+.list-div .list-table .list-table-th {
+  text-align: left;
+}
+.list-div .list-table .list-table-label {
+  white-space: pre-wrap;
+}
+.list-div .list-table .list-table-value {
+  word-break: break-all;
+  white-space: normal;
+  max-height: var(--list-row-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.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.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;
+}
+
 .lists {
   width: 100%;
   min-height: 100px;
@@ -32,6 +168,7 @@
   background-color: #eee;
 }
 .lists-list {
+  overflow-y: auto;
   padding: 0 var(--lists-interval-horizon, var(--lists-interval));
 }
 .lists-list.is-absolute {
@@ -46,7 +183,7 @@
   margin-top: calc(var(--lists-interval) * 2);
 }
 .lists-list-item {
-  background-color: #fff;
+  background-color: #ffffff;
   margin: 0 var(--lists-interval-horizon, var(--lists-interval));
   margin-bottom: calc(var(--lists-interval) * 2);
 }

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

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

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

@@ -21,7 +21,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const slots = vue.useSlots();
     const prs = __props;
     const props = index$2.usePropsDefault(data.name, prs, pagin.dataProps);
-    index$2.viewProps(props, data.name);
     const emit = __emit;
     const refTable = vue.ref();
     const {

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

@@ -8,7 +8,7 @@ import { name } from "./data.js";
 import { dataProps, useInit, dataEmit } from "../../tables/common/pagin.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: getProps(dataProps),
@@ -19,7 +19,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
-    viewProps(props, name);
     const emit = __emit;
     const refTable = ref();
     const {

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

@@ -10,4 +10,5 @@ declare const Loading: {
         _context: AppContext | null;
     };
 };
-export { Loading, Loading as default };
+export { Loading };
+export default Loading;

package/dist/components/loading/index.scss

@@ -2,4 +2,5 @@
 
 $loading: 'loading';
 @include b($loading) {
+	// 占位符，为将来扩展预留
 }

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

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const Mention: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Mention, Mention as default };
+export { Mention };
+export default Mention;

package/dist/components/mention/index.scss

@@ -2,4 +2,5 @@
 
 $mention: 'mention';
 @include b($mention) {
+	// 占位符，为将来扩展预留
 }

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

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const Menu: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Menu, Menu as default };
+export { Menu };
+export default Menu;

package/dist/components/menu/index.scss

@@ -2,4 +2,5 @@
 
 $menu: 'menu';
 @include b($menu) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/menu-item/index.d.ts

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

package/dist/components/menu-item/index.scss

@@ -2,4 +2,5 @@
 
 $menu-item: 'menu-item';
 @include b($menu-item) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/menu-item-group/index.d.ts

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

package/dist/components/menu-item-group/index.scss

@@ -2,4 +2,5 @@
 
 $menu-item-group: 'menu-item-group';
 @include b($menu-item-group) {
+	// 占位符，为将来扩展预留
 }