@fangzhongya/fang-ui 0.1.27 → 0.1.29

package/dist/components/forms-item/src/label.cjs

@@ -2,38 +2,25 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const use = require("../../common/use.cjs");
-const isObject = require("@fangzhongya/utils/basic/object/isObject");
 const config = require("../../forms/common/config.cjs");
-const compons = require("../../common/compons.cjs");
+const index = require("../../../hooks/compons/index.cjs");
 function render(props, emit, slots, form) {
-  const compons$1 = compons.useGetCompons(config.provides.compons);
   let label = props.label ?? "";
-  const index = 0;
   if (label) {
-    if (isObject.isObject(label)) {
-      const obj = props.listobj;
-      const optionss = props.options || {};
-      const data = props.valueobj;
-      label = Object.assign({}, obj, label);
-      const slot = use.useSetSlot(label, data, slots, index);
-      if (slot) {
-        return slot;
-      }
-      if (label.compon) {
-        const column = use.useSetCompon(
-          label,
-          data,
-          optionss,
-          compons$1,
-          emit,
-          index
-        );
-        if (column) {
-          return column;
-        }
-      }
-      label = use.useGetDomValue(label, data, optionss, index);
-    }
+    const index$1 = 0;
+    const compons = index.useComponsGet(config.provides.compons);
+    const data = props.valueobj;
+    const optionss = props.options || {};
+    label = use.useGetDomLabel(
+      label,
+      props,
+      data,
+      slots,
+      optionss,
+      compons,
+      emit,
+      index$1
+    );
   }
   let colon = form.colon;
   if (colon) {
@@ -41,7 +28,7 @@ function render(props, emit, slots, form) {
       colon = "：";
     }
     if (label) {
-      return label + colon;
+      return use.useAdditional(label, colon);
     }
   }
   return label;

package/dist/components/forms-item/src/label.js

@@ -1,37 +1,24 @@
 import { defineComponent, inject } from "vue";
-import { useSetSlot, useSetCompon, useGetDomValue } from "../../common/use.js";
-import { isObject } from "@fangzhongya/utils/basic/object/isObject";
+import { useGetDomLabel, useAdditional } from "../../common/use.js";
 import { provides } from "../../forms/common/config.js";
-import { useGetCompons } from "../../common/compons.js";
+import { useComponsGet } from "../../../hooks/compons/index.js";
 function render(props, emit, slots, form) {
-  const compons = useGetCompons(provides.compons);
   let label = props.label ?? "";
-  const index = 0;
   if (label) {
-    if (isObject(label)) {
-      const obj = props.listobj;
-      const optionss = props.options || {};
-      const data = props.valueobj;
-      label = Object.assign({}, obj, label);
-      const slot = useSetSlot(label, data, slots, index);
-      if (slot) {
-        return slot;
-      }
-      if (label.compon) {
-        const column = useSetCompon(
-          label,
-          data,
-          optionss,
-          compons,
-          emit,
-          index
-        );
-        if (column) {
-          return column;
-        }
-      }
-      label = useGetDomValue(label, data, optionss, index);
-    }
+    const index = 0;
+    const compons = useComponsGet(provides.compons);
+    const data = props.valueobj;
+    const optionss = props.options || {};
+    label = useGetDomLabel(
+      label,
+      props,
+      data,
+      slots,
+      optionss,
+      compons,
+      emit,
+      index
+    );
   }
   let colon = form.colon;
   if (colon) {
@@ -39,7 +26,7 @@ function render(props, emit, slots, form) {
       colon = "：";
     }
     if (label) {
-      return label + colon;
+      return useAdditional(label, colon);
     }
   }
   return label;

package/dist/components/full-screen/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .full-screen {
   width: 100%;
   height: 100%;

package/dist/components/global-config/index.css

@@ -15,4 +15,8 @@
 .com-footer {
   border-top: 1px solid var(--border);
   padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
 }

package/dist/components/history/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .history {
   display: flex;
 }

package/dist/components/icon/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .icon {
   --color: inherit;
   height: 1em;

package/dist/components/icon-picker/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .icon-picker {
   height: 30px;
 }

package/dist/components/iframe/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .iframe {
   width: 100%;
   height: 100%;

package/dist/components/images/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .images-img {
   width: 100%;
   height: 100%;

package/dist/components/index.cjs

@@ -139,6 +139,7 @@ const index$2P = require("./tablespd/index.cjs");
 const index$2Q = require("./tabless/index.cjs");
 const index$2R = require("./tablesv/index.cjs");
 const index$2S = require("./tablesvp/index.cjs");
+const index$2T = require("./tablesvpd/index.cjs");
 const index$2 = require("element-plus/es/components/button/index");
 const index$4 = require("element-plus/es/components/card/index");
 const index$6 = require("element-plus/es/components/color-picker/index");
@@ -322,6 +323,7 @@ exports.Tablespd = index$2P.Tablespd;
 exports.Tabless = index$2Q.Tabless;
 exports.Tablesv = index$2R.Tablesv;
 exports.Tablesvp = index$2S.Tablesvp;
+exports.Tablesvpd = index$2T.Tablesvpd;
 Object.keys(index$2).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/dist/components/index.d.ts

@@ -136,3 +136,4 @@ export * from './tablespd/index';
 export * from './tabless/index';
 export * from './tablesv/index';
 export * from './tablesvp/index';
+export * from './tablesvpd/index';

package/dist/components/index.js

@@ -137,6 +137,7 @@ import { Tablespd } from "./tablespd/index.js";
 import { Tabless } from "./tabless/index.js";
 import { Tablesv } from "./tablesv/index.js";
 import { Tablesvp } from "./tablesvp/index.js";
+import { Tablesvpd } from "./tablesvpd/index.js";
 export * from "element-plus/es/components/button/index";
 export * from "element-plus/es/components/card/index";
 export * from "element-plus/es/components/color-picker/index";
@@ -305,6 +306,7 @@ export {
   Tabless,
   Tablesv,
   Tablesvp,
+  Tablesvpd,
   Tabs,
   Tag,
   Text,

package/dist/components/index2.scss

@@ -121,4 +121,5 @@
 @use './tablespd/style/index2.scss' as *;
 @use './tabless/style/index2.scss' as *;
 @use './tablesv/style/index2.scss' as *;
-@use './tablesvp/style/index2.scss' as *;
+@use './tablesvp/style/index2.scss' as *;
+@use './tablesvpd/style/index2.scss' as *;

package/dist/components/input-array/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .input-array {
   width: 100%;
   display: inline-flex;

package/dist/components/input-history/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .input-history {
   display: flex;
 }

package/dist/components/input-num/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .input-num-input {
   height: 100%;
   width: 100%;

package/dist/components/input-select/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .input-select-select-icon {
   margin-left: 8px;
   display: inline-flex;

package/dist/components/inputs/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .inputs-input {
   height: 100%;
 }

package/dist/components/labels/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .checks-check {
   height: 100%;
   display: flex;

package/dist/components/list/index.css

@@ -18,6 +18,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .list-div .list-table {
   width: 100%;
   height: 100%;

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

@@ -12,6 +12,12 @@ const dataProps = {
       return {};
     }
   },
+  /**
+   * @props { Boolean } isCompons 是否使用默认的配置
+   */
+  isCompons: {
+    type: Boolean
+  },
   /**
    * @props { Object } compons={}
    * 外部组件集合

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

@@ -12,6 +12,12 @@ export declare const dataProps: {
         type: ObjectConstructor;
         default(): {};
     };
+    /**
+     * @props { Boolean } isCompons 是否使用默认的配置
+     */
+    isCompons: {
+        type: BooleanConstructor;
+    };
     /**
      * @props { Object } compons={}
      * 外部组件集合

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

@@ -10,6 +10,12 @@ const dataProps = {
       return {};
     }
   },
+  /**
+   * @props { Boolean } isCompons 是否使用默认的配置
+   */
+  isCompons: {
+    type: Boolean
+  },
   /**
    * @props { Object } compons={}
    * 外部组件集合

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

@@ -4,8 +4,8 @@ const vue = require("vue");
 const util = require("./util.cjs");
 const css = require("../../common/css.cjs");
 const use = require("../../common/use.cjs");
-const compons = require("../../common/compons.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$1 = require("../../../hooks/compons/index.cjs");
+const index$2 = require("../../../hooks/cssname/index.cjs");
 const tooltip = require("../../tables/common/tooltip.cjs");
 const index = require("../../../hooks/props-default/index.cjs");
 const data = require("./data.cjs");
@@ -23,8 +23,8 @@ const _sfc_main = vue.defineComponent({
   setup(prs, { emit, slots }) {
     const props = index.usePropsDefault(data.name, prs, data.dataProps);
     index.viewProps(props, data.name);
-    const compons$1 = compons.useCompons("list-compons", props.compons);
-    const cs = index$1.useCssName(data.name);
+    const compons = index$1.useCompons(data.name, props);
+    const cs = index$2.useCssName(data.name);
     const refDom = vue.ref();
     const isfocus = vue.ref(false);
     const rowObj = vue.shallowRef();
@@ -179,7 +179,7 @@ const _sfc_main = vue.defineComponent({
               util.setLabel(
                 obj,
                 props,
-                compons$1,
+                compons,
                 emit,
                 slots,
                 isComponSelected,
@@ -235,7 +235,7 @@ const _sfc_main = vue.defineComponent({
                 obj,
                 props.value,
                 props,
-                compons$1,
+                compons,
                 emit,
                 slots,
                 isComponSelected,

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

@@ -2,7 +2,7 @@ import { defineComponent, ref, shallowRef, computed, h, onMounted } from "vue";
 import { setLabel, setSslot } from "./util.js";
 import { setStyles } from "../../common/css.js";
 import { useObjComponSelected, useHide } from "../../common/use.js";
-import { useCompons } from "../../common/compons.js";
+import { useCompons } from "../../../hooks/compons/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { hideTooltip, showTooltip } from "../../tables/common/tooltip.js";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
@@ -21,7 +21,7 @@ const _sfc_main = defineComponent({
   setup(prs, { emit, slots }) {
     const props = usePropsDefault(name, prs, dataProps);
     viewProps(props, name);
-    const compons = useCompons("list-compons", props.compons);
+    const compons = useCompons(name, props);
     const cs = useCssName(name);
     const refDom = ref();
     const isfocus = ref(false);

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

@@ -2,8 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("vue");
 const use = require("../../common/use.cjs");
-require("../../../utils/util.cjs");
-const isObject = require("@fangzhongya/utils/basic/object/isObject");
 const setClass = (item, data, index) => {
   const v = data[item.state ?? item.prop];
   if (item.setcss) {
@@ -37,29 +35,17 @@ function setSslot(obj, data, props, compons, emit, slots, isComponSelected, inde
 function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
   let label = obj.label ?? "";
   if (label) {
-    if (isObject.isObject(label)) {
-      label = Object.assign({}, obj, label);
-      const slot = use.useSetSlot(label, props.value, slots, index);
-      if (slot) {
-        return slot;
-      }
-      if (label.compon) {
-        if (isComponSelected(obj)) {
-          const column = use.useSetCompon(
-            label,
-            props.value,
-            props.optionss,
-            compons,
-            emit,
-            index
-          );
-          if (column) {
-            return column;
-          }
-        }
-      }
-      label = use.useGetDomValue(label, props.value, props.optionss, index);
-    }
+    label = use.useGetDomLabel(
+      label,
+      obj,
+      props.value,
+      slots,
+      props.optionss,
+      compons,
+      emit,
+      index || 0,
+      isComponSelected
+    );
   }
   let colon = props.colon;
   if (colon) {
@@ -67,7 +53,7 @@ function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
       colon = "：";
     }
     if (label) {
-      return label + colon;
+      return use.useAdditional(label, colon);
     }
   }
   return label;

package/dist/components/list/src/util.d.ts

@@ -4,5 +4,5 @@ type Compons = {
 };
 export declare const setClass: (item: ListObj, data: ObjStr, index: number) => any;
 export declare function setSslot(obj: ListObj, data: ObjAny, props: ObjAny, compons: Compons, emit: Function, slots: ObjAny, isComponSelected: Function, index?: number): any;
-export declare function setLabel(obj: ListObj, props: ObjAny, compons: Compons, emit: Function, slots: ObjAny, isComponSelected: Function, index?: number): any;
+export declare function setLabel(obj: ObjAny, props: ObjAny, compons: Compons, emit: Function, slots: ObjAny, isComponSelected: (obj: ObjAny) => boolean, index?: number): any;
 export {};

package/dist/components/list/src/util.js

@@ -1,7 +1,5 @@
 import "vue";
-import { useSetSlot, useSetCompon, useGetDomValue } from "../../common/use.js";
-import "../../../utils/util.js";
-import { isObject } from "@fangzhongya/utils/basic/object/isObject";
+import { useSetSlot, useSetCompon, useGetDomValue, useGetDomLabel, useAdditional } from "../../common/use.js";
 const setClass = (item, data, index) => {
   const v = data[item.state ?? item.prop];
   if (item.setcss) {
@@ -35,29 +33,17 @@ function setSslot(obj, data, props, compons, emit, slots, isComponSelected, inde
 function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
   let label = obj.label ?? "";
   if (label) {
-    if (isObject(label)) {
-      label = Object.assign({}, obj, label);
-      const slot = useSetSlot(label, props.value, slots, index);
-      if (slot) {
-        return slot;
-      }
-      if (label.compon) {
-        if (isComponSelected(obj)) {
-          const column = useSetCompon(
-            label,
-            props.value,
-            props.optionss,
-            compons,
-            emit,
-            index
-          );
-          if (column) {
-            return column;
-          }
-        }
-      }
-      label = useGetDomValue(label, props.value, props.optionss, index);
-    }
+    label = useGetDomLabel(
+      label,
+      obj,
+      props.value,
+      slots,
+      props.optionss,
+      compons,
+      emit,
+      index || 0,
+      isComponSelected
+    );
   }
   let colon = props.colon;
   if (colon) {
@@ -65,7 +51,7 @@ function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
       colon = "：";
     }
     if (label) {
-      return label + colon;
+      return useAdditional(label, colon);
     }
   }
   return label;

package/dist/components/lists/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .lists {
   width: 100%;
   min-height: 100px;

package/dist/components/listsp/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .lists {
   width: 100%;
   min-height: 100px;

package/dist/components/listspd/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .lists {
   width: 100%;
   min-height: 100px;

package/dist/components/menus/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .menus .menu-li-item {
   display: flex;
   align-items: center;

package/dist/components/no-data/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .no-data {
   text-align: center;
   display: flex;

package/dist/components/page/index.css

@@ -18,6 +18,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .forms-div {
   width: 100%;
   height: 100%;
@@ -106,12 +110,6 @@
   font-size: 0;
 }
 
-.dates .dates-date {
-  height: 100%;
-  width: 100%;
-  box-sizing: border-box;
-}
-
 .selects-select {
   height: 100%;
   min-width: 60px;
@@ -121,6 +119,12 @@
   height: 100%;
 }
 
+.dates .dates-date {
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+
 .inputs-input {
   height: 100%;
 }