@fangzhongya/fang-ui 0.1.34 → 0.1.36

package/dist/components/input-tag/index.scss

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

package/dist/components/inputs/index.css

@@ -2,7 +2,7 @@
   --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;

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

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

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

@@ -19,7 +19,6 @@ 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 slots = vue.useSlots();
     const emit = __emit;
     const refEl = vue.ref();
@@ -28,12 +27,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const placeholder = vue.computed(() => {
       if (typeof props.placeholder == "undefined") {
         return getLocale("form.import");
+      } else if (props.oncePlaceholder) {
+        return once(props.placeholder);
       } else {
-        if (props.oncePlaceholder) {
-          return once(props.placeholder);
-        } else {
-          return props.placeholder;
-        }
+        return props.placeholder;
       }
     });
     const value = vue.computed({

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

@@ -4,7 +4,7 @@ import { name, dataProps, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { useExpose } from "../../../hooks/expose/index.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -17,7 +17,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName(name);
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
-    viewProps(props, name);
     const slots = useSlots();
     const emit = __emit;
     const refEl = ref();
@@ -26,12 +25,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const placeholder = computed(() => {
       if (typeof props.placeholder == "undefined") {
         return getLocale("form.import");
+      } else if (props.oncePlaceholder) {
+        return once(props.placeholder);
       } else {
-        if (props.oncePlaceholder) {
-          return once(props.placeholder);
-        } else {
-          return props.placeholder;
-        }
+        return props.placeholder;
       }
     });
     const value = computed({

package/dist/components/keep-com/index.d.ts

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

package/dist/components/keep-com/index.scss

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

package/dist/components/keep-com/src/index2.cjs

@@ -16,7 +16,6 @@ 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 hideComs = vue.reactive([]);
     const value = vue.computed(() => {

package/dist/components/keep-com/src/index2.js

@@ -3,7 +3,7 @@ import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { useInherit } from "../../../hooks/inherit/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),
@@ -14,7 +14,6 @@ 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 hideComs = reactive([]);
     const value = computed(() => {

package/dist/components/labels/index.css

@@ -2,7 +2,7 @@
   --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;

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

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

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

@@ -16,7 +16,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index.useCssName(data.name);
     const prs = __props;
     const props = index$1.usePropsDefault(data.name, prs, data.dataProps);
-    index$1.viewProps(props, data.name);
     const emit = __emit;
     const comps = vue.computed(() => {
       if (props.select) {
@@ -87,13 +86,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           });
           valueMultiple.value = [...v, wholeValue];
         }
-      } else {
-        if (!is) {
-          if (valueMultiple.value.includes(wholeValue)) {
-            valueMultiple.value = valueMultiple.value.filter(
-              (item2) => item2 !== wholeValue
-            );
-          }
+      } else if (!is) {
+        if (valueMultiple.value.includes(wholeValue)) {
+          valueMultiple.value = valueMultiple.value.filter(
+            (item2) => item2 !== wholeValue
+          );
         }
       }
     }

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

@@ -4,7 +4,7 @@ import { Selects } from "../../selects/index.js";
 import { useVueValue } from "../../common/use.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { name, dataProps, dataHandle, dataEmits } from "./data.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 const wholeClass = "labels-li-whole";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -14,7 +14,6 @@ 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 comps = computed(() => {
       if (props.select) {
@@ -85,13 +84,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           });
           valueMultiple.value = [...v, wholeValue];
         }
-      } else {
-        if (!is) {
-          if (valueMultiple.value.includes(wholeValue)) {
-            valueMultiple.value = valueMultiple.value.filter(
-              (item2) => item2 !== wholeValue
-            );
-          }
+      } else if (!is) {
+        if (valueMultiple.value.includes(wholeValue)) {
+          valueMultiple.value = valueMultiple.value.filter(
+            (item2) => item2 !== wholeValue
+          );
         }
       }
     }

package/dist/components/list/index.css

@@ -3,7 +3,7 @@
   --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;
@@ -89,7 +89,6 @@
   white-space: nowrap;
 }
 .list-div .list-table .is-width .list-table-label {
-  white-space: pre-wrap;
   word-break: break-all;
   white-space: normal;
   display: block;
@@ -101,10 +100,8 @@
   white-space: pre-wrap;
 }
 .list-div .list-table .list-table-value {
-  white-space: pre-wrap;
   word-break: break-all;
   white-space: normal;
-  display: block;
   max-height: var(--list-row-max-height);
   display: -webkit-box;
   -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */

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

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

package/dist/components/list/index.scss

@@ -80,7 +80,6 @@ $list: 'list';
 			}
 			.#{is('width')} {
 				.#{z($list, 'table-label')} {
-					white-space: pre-wrap;
 					word-break: break-all;
 					white-space: normal;
 					display: block;
@@ -93,11 +92,8 @@ $list: 'list';
 				white-space: pre-wrap;
 			}
 			.#{z($list, 'table-value')} {
-				white-space: pre-wrap;
 				word-break: break-all;
 				white-space: normal;
-				display: block;
-
 				max-height: var(vdm('row-max-height', $list));
 				display: -webkit-box;
 				-webkit-line-clamp: var(

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

@@ -10,8 +10,17 @@ const tooltip = require("../../tables/common/tooltip.cjs");
 const index = require("../../../hooks/props-default/index.cjs");
 const data = require("./data.cjs");
 require("../../tables/common/img.cjs");
+require("../../tables/common/table-but.cjs");
+require("../../tables/common/table-color.cjs");
+require("../../tables/common/table-list.cjs");
 const img_vue_vue_type_script_setup_true_lang = require("../../tables/common/img2.cjs");
+const tableList_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-list2.cjs");
+const tableColor_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-color2.cjs");
+const tableBut_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-but2.cjs");
 const Components = {
+  But: tableBut_vue_vue_type_script_setup_true_lang.default,
+  Color: tableColor_vue_vue_type_script_setup_true_lang.default,
+  List: tableList_vue_vue_type_script_setup_true_lang.default,
   Img: img_vue_vue_type_script_setup_true_lang.default
 };
 const _sfc_main = vue.defineComponent({
@@ -22,7 +31,6 @@ const _sfc_main = vue.defineComponent({
   props: index.getProps(data.dataProps),
   setup(prs, { emit, slots }) {
     const props = index.usePropsDefault(data.name, prs, data.dataProps);
-    index.viewProps(props, data.name);
     const compons = index$1.useCompons(data.name, props);
     const cs = index$2.useCssName(data.name);
     const refDom = vue.ref();
@@ -52,91 +60,106 @@ const _sfc_main = vue.defineComponent({
         return true;
       }
     }
+    const calculateLineInfo = (obj, currentLine, column) => {
+      if (obj.whole) {
+        return { newLine: column, shouldBreak: true };
+      }
+      const colspan = obj.colspan || 1;
+      const newPosition = colspan + currentLine;
+      if (newPosition > column) {
+        return { newLine: colspan, shouldBreak: true };
+      }
+      return { newLine: newPosition, shouldBreak: false };
+    };
+    const processObjectVisibility = (obj, listobj, value) => {
+      if (listobj) {
+        obj.father = obj.father ?? listobj;
+      }
+      return !use.useHide(obj, value);
+    };
+    const createRowAndReset = (arr, trs, resetLine = false) => {
+      if (trs.length > 0) {
+        arr.push(vue.h("tr", {}, trs));
+      }
+      return { newTrs: [], newLine: resetLine ? 0 : -1 };
+    };
     const getLists = (arrs, listobj) => {
-      let arr = [], trs = [], lin = 0;
-      arrs.forEach((obj, index2) => {
-        if (listobj) {
-          obj.father = obj.father ?? listobj;
+      const arr = [];
+      let trs = [];
+      let lin = 0;
+      for (let index2 = 0; index2 < arrs.length; index2++) {
+        const obj = arrs[index2];
+        if (!processObjectVisibility(obj, listobj, props.value)) {
+          continue;
         }
-        if (!use.useHide(obj, props.value)) {
-          let is = false;
-          if (obj.whole) {
-            lin = props.column;
-            is = true;
-          } else {
-            let k = (obj.colspan || 1) + lin;
-            if (k > props.column) {
-              lin = obj.colspan || 1;
-              is = true;
-            } else {
-              lin = k;
-              is = false;
-            }
-          }
-          if (is) {
-            arr.push(vue.h("tr", {}, trs));
-            trs = [];
-          }
-          trs.push(...getTd(obj, index2));
-          if (lin >= props.column) {
-            arr.push(vue.h("tr", {}, trs));
-            trs = [];
-            lin = 0;
-          }
+        const { newLine, shouldBreak } = calculateLineInfo(
+          obj,
+          lin,
+          props.column
+        );
+        if (shouldBreak) {
+          ({ newTrs: trs, newLine: lin } = createRowAndReset(
+            arr,
+            trs
+          ));
+        }
+        trs.push(...getTd(obj, index2));
+        lin = newLine;
+        if (lin >= props.column) {
+          ({ newTrs: trs, newLine: lin } = createRowAndReset(
+            arr,
+            trs,
+            true
+          ));
         }
-      });
-      if (trs.length > 0) {
-        arr.push(vue.h("tr", {}, trs));
       }
+      createRowAndReset(arr, trs);
       return arr;
     };
     const getListTops = (arrs, listobj) => {
-      let arr = [], trvs = [], trls = [], lin = 0;
-      arrs.forEach((obj, index2) => {
-        if (listobj) {
-          obj.father = obj.father ?? listobj;
+      const arr = [];
+      let trls = [];
+      let trvs = [];
+      let lin = 0;
+      for (let index2 = 0; index2 < arrs.length; index2++) {
+        const obj = arrs[index2];
+        if (!processObjectVisibility(obj, listobj, props.value)) {
+          continue;
         }
-        if (!use.useHide(obj, props.value)) {
-          let is = false;
-          if (obj.whole) {
-            lin = props.column;
-            is = true;
-          } else {
-            let k = (obj.colspan || 1) + lin;
-            if (k > props.column) {
-              lin = obj.colspan || 1;
-              is = true;
-            } else {
-              lin = k;
-              is = false;
-            }
-          }
-          if (is) {
-            arr.push(vue.h("tr", {}, trls));
-            trls = [];
-            arr.push(vue.h("tr", {}, trvs));
-            trvs = [];
-          }
-          if (obj.isdiv) {
-            trls.push(getValue(obj, index2, true));
-          } else {
-            trls.push(getlabel(obj, index2));
-            trvs.push(getValue(obj, index2));
-          }
-          if (lin >= props.column) {
-            arr.push(vue.h("tr", {}, trls));
-            arr.push(vue.h("tr", {}, trvs));
-            trls = [];
-            trvs = [];
-            lin = 0;
-          }
+        const { newLine, shouldBreak } = calculateLineInfo(
+          obj,
+          lin,
+          props.column
+        );
+        if (shouldBreak) {
+          createDoubleRows(arr, trls, trvs);
+          trls = [];
+          trvs = [];
+        }
+        if (obj.isdiv) {
+          trls.push(getValue(obj, index2, true));
+        } else {
+          trls.push(getlabel(obj, index2));
+          trvs.push(getValue(obj, index2));
+        }
+        lin = newLine;
+        if (lin >= props.column) {
+          createDoubleRows(arr, trls, trvs);
+          trls = [];
+          trvs = [];
+          lin = 0;
         }
-      });
+      }
+      if (trls.length > 0) {
+        createDoubleRows(arr, trls, trvs);
+      }
+      return arr;
+    };
+    const createDoubleRows = (arr, trls, trvs) => {
       if (trls.length > 0) {
         arr.push(vue.h("tr", {}, trls));
         arr.push(vue.h("tr", {}, trvs));
       }
-      return arr;
     };
     const getlabel = (obj, index2) => {
       return vue.h(
@@ -337,16 +360,13 @@ const _sfc_main = vue.defineComponent({
         } else if (isRow) {
           return 2;
         }
+      } else if (obj.rowspan) {
+        return obj.rowspan;
+      } else if (isRow) {
+        return 2;
       } else {
-        if (obj.rowspan) {
-          return obj.rowspan;
-        } else if (isRow) {
-          return 2;
-        } else {
-          return 1;
-        }
+        return 1;
       }
-      return;
     };
     const onClickTotal = (event) => {
       const isFromGrandchild = event.target.closest(