@fangzhongya/fang-ui 0.1.27 → 0.1.28

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

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

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

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

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

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

package/dist/components/forms/src/setup.cjs

@@ -7,22 +7,13 @@ require("../../../utils/css.cjs");
 const use = require("../../common/use.cjs");
 require("../../../utils/index.cjs");
 const vue = require("vue");
-const compons = require("../../common/compons.cjs");
+const index$1 = require("../../../hooks/compons/index.cjs");
 const index = require("../../forms-items/index.cjs");
 const setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
 const Components = {
   Items: index.FormsItems
 };
-const Changes = [
-  "Select",
-  "Date",
-  "Array",
-  "Check",
-  "Labels",
-  "Switch",
-  "Cascader"
-];
 function setUp(props, emit, cs, refForm, getLocale) {
   const buts = vue.computed(() => {
     if (typeof props.buts == "undefined") {
@@ -41,7 +32,7 @@ function setUp(props, emit, cs, refForm, getLocale) {
       return props.buts || [];
     }
   });
-  compons.useCompons(config.provides.compons, Components, props.compons);
+  index$1.useCompons(config.provides.compons, props, Components);
   vue.provide(config.provides.form, props);
   const defaultValue = {};
   const getDataForm = () => {
@@ -124,7 +115,7 @@ function setUp(props, emit, cs, refForm, getLocale) {
         use.setFormDefaultValue(obj, dataForm.value);
         let trigger = 1;
         if (typeof obj.compon == "string") {
-          if (Changes.includes(lineToLargeHump.lineToLargeHump(obj.compon))) {
+          if (config.changes.includes(lineToLargeHump.lineToLargeHump(obj.compon))) {
             trigger = 2;
           }
         }

package/dist/components/forms/src/setup.d.ts

@@ -1,6 +1,6 @@
 import { DataProps } from './data';
 import { UseCssNameReturn } from '../../../hooks/cssname';
-import { Ref, CSSProperties, WritableComputedRef, ComputedRef } from 'vue';
+import { CSSProperties, Ref, WritableComputedRef, ComputedRef } from 'vue';
 type Emit = (...args: any[]) => void;
 export declare function setUp(props: DataProps, emit: Emit, cs: UseCssNameReturn, refForm: any, getLocale: Function): {
     dataRules: Ref<ObjAny, ObjAny>;

package/dist/components/forms/src/setup.js

@@ -1,26 +1,17 @@
 import { dataHandle } from "./data.js";
-import { provides } from "../common/config.js";
+import { provides, changes } from "../common/config.js";
 import { getRule } from "./util.js";
 import "../../../utils/css.js";
 import { setFormDefaultValue, getFormRule } from "../../common/use.js";
 import "../../../utils/index.js";
 import { computed, provide, isProxy, ref, watch } from "vue";
-import { useCompons } from "../../common/compons.js";
+import { useCompons } from "../../../hooks/compons/index.js";
 import { FormsItems } from "../../forms-items/index.js";
 import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
 const Components = {
   Items: FormsItems
 };
-const Changes = [
-  "Select",
-  "Date",
-  "Array",
-  "Check",
-  "Labels",
-  "Switch",
-  "Cascader"
-];
 function setUp(props, emit, cs, refForm, getLocale) {
   const buts = computed(() => {
     if (typeof props.buts == "undefined") {
@@ -39,7 +30,7 @@ function setUp(props, emit, cs, refForm, getLocale) {
       return props.buts || [];
     }
   });
-  useCompons(provides.compons, Components, props.compons);
+  useCompons(provides.compons, props, Components);
   provide(provides.form, props);
   const defaultValue = {};
   const getDataForm = () => {
@@ -122,7 +113,7 @@ function setUp(props, emit, cs, refForm, getLocale) {
         setFormDefaultValue(obj, dataForm.value);
         let trigger = 1;
         if (typeof obj.compon == "string") {
-          if (Changes.includes(lineToLargeHump(obj.compon))) {
+          if (changes.includes(lineToLargeHump(obj.compon))) {
             trigger = 2;
           }
         }

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

@@ -4,6 +4,8 @@
 
 @use '../../forms-div/style/index2.scss' as *;
 @use '../../forms-item/style/index2.scss' as *;
-@use '../../common/compons2.scss' as *;
+@use '../../forms-items/style/index2.scss' as *;
+
+@use '../../common/compons/index2.scss' as *;
 
 @use '../index.scss' as *;

package/dist/components/forms-div/index.css

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

package/dist/components/forms-div/src/index2.cjs

@@ -7,7 +7,7 @@ const index = require("../../../hooks/cssname/index.cjs");
 const use = require("../../common/use.cjs");
 const isEqual = require("@fangzhongya/utils/basic/object/isEqual");
 const index$1 = require("../../../hooks/props-default/index.cjs");
-const compons = require("../../common/compons.cjs");
+const index$2 = require("../../../hooks/compons/index.cjs");
 const config = require("../../forms/common/config.cjs");
 const objValue = require("@fangzhongya/utils/basic/object/objValue");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
@@ -22,7 +22,7 @@ const _sfc_main = vue.defineComponent({
     const prs = index$1.usePropsDefault(data.name, p, data.dataProps);
     index$1.viewProps(prs, data.name);
     const props = prs.listobj;
-    const compons$1 = compons.useGetCompons(config.provides.compons);
+    const compons = index$2.useComponsGet(config.provides.compons);
     const formvalue = vue.computed(() => {
       const o = {};
       if (typeof props.formvalue === "object") {
@@ -174,8 +174,8 @@ const _sfc_main = vue.defineComponent({
       };
       if (typeof compon == "string") {
         const tcom = lineToLargeHump.lineToLargeHump(compon);
-        if (Object.keys(compons$1).includes(tcom)) {
-          return vue.h(compons$1[tcom], componObj, slots);
+        if (Object.keys(compons).includes(tcom)) {
+          return vue.h(compons[tcom], componObj, slots);
         } else {
           return vue.h(vue.resolveComponent(compon), componObj, slots);
         }

package/dist/components/forms-div/src/index2.js

@@ -5,7 +5,7 @@ import { useCssName } from "../../../hooks/cssname/index.js";
 import { getOnObjs } from "../../common/use.js";
 import { isEqual } from "@fangzhongya/utils/basic/object/isEqual";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
-import { useGetCompons } from "../../common/compons.js";
+import { useComponsGet } from "../../../hooks/compons/index.js";
 import { provides } from "../../forms/common/config.js";
 import { setObjValue, getObjValue } from "@fangzhongya/utils/basic/object/objValue";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
@@ -20,7 +20,7 @@ const _sfc_main = defineComponent({
     const prs = usePropsDefault(name, p, dataProps);
     viewProps(prs, name);
     const props = prs.listobj;
-    const compons = useGetCompons(provides.compons);
+    const compons = useComponsGet(provides.compons);
     const formvalue = computed(() => {
       const o = {};
       if (typeof props.formvalue === "object") {

package/dist/components/forms-item/index.css

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

package/dist/components/forms-item/src/indexts.d.ts

@@ -52,7 +52,7 @@ declare const _default: DefineComponent<ExtractPropTypes<{
 }>, {
     modelValue: Record<string, any>;
     listobj: ListObj;
-    optionss: ObjAny;
     hideLabel: boolean;
+    optionss: ObjAny;
 }, {}, {}, {}, never, ComponentProvideOptions, true, {}, any>;
 export default _default;

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) {

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 } 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) {

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/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/index.scss

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

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/{global-config → keep-com}/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/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,