@fangzhongya/fang-ui 0.1.27 → 0.1.28

package/dist/components/array/index.css

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

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

@@ -3,9 +3,9 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
-const index$3 = require("../../icon/index.cjs");
+const index$4 = require("../../icon/index.cjs");
 const clear = require("../../../icons/vue/clear.cjs");
-const compons = require("../../common/compons.cjs");
+const index$3 = require("../../../hooks/compons/index.cjs");
 const index$2 = require("../../../hooks/props-default/index.cjs");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
 const index = require("../../../hooks/locale/index.cjs");
@@ -29,11 +29,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     });
     index$2.viewProps(props, data.name);
-    const compons$1 = compons.useGetCompons(props.compons + "-compons");
+    const compons = index$3.useComponsGet(props.compons);
     const pcompon = vue.computed(() => {
       if (typeof props.compon == "string") {
         const tcom = lineToLargeHump.lineToLargeHump(props.compon);
-        return compons$1[tcom] || props.compon;
+        return compons[tcom] || props.compon;
       } else {
         return props.compon;
       }
@@ -258,7 +258,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass([vue.unref(cs).z("icon"), vue.unref(cs).z("clear")]),
           onClick: vue.withModifiers(onClear, ["stop"])
         }, [
-          vue.createVNode(vue.unref(index$3.Icon), null, {
+          vue.createVNode(vue.unref(index$4.Icon), null, {
             default: vue.withCtx(() => [
               vue.createVNode(clear.default)
             ]),

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

@@ -3,7 +3,7 @@ import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { Icon } from "../../icon/index.js";
 import Clear from "../../../icons/vue/clear.js";
-import { useGetCompons } from "../../common/compons.js";
+import { useComponsGet } from "../../../hooks/compons/index.js";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
 import { useLocale } from "../../../hooks/locale/index.js";
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     viewProps(props, name);
-    const compons = useGetCompons(props.compons + "-compons");
+    const compons = useComponsGet(props.compons);
     const pcompon = computed(() => {
       if (typeof props.compon == "string") {
         const tcom = lineToLargeHump(props.compon);

package/dist/components/audios/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .audios.is-playing .audios-name {
   background-color: antiquewhite;
 }

package/dist/components/box/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .box-mask {
   display: block;
   opacity: 0.5;

package/dist/components/box-adjust/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .box-mask {
   display: block;
   opacity: 0.5;

package/dist/components/box-local/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .box-mask {
   display: block;
   opacity: 0.5;

package/dist/components/box-mask/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .box-mask {
   display: block;
   opacity: 0.5;

package/dist/components/box-title/index.css

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

package/dist/components/buttons/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .buttons-li {
   height: inherit;
 }

package/dist/components/cascaders/index.css

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

package/dist/components/checks/index.css

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

package/dist/components/common/compons/components.cjs

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const Array = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../array/index.cjs")));
+const Check = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../checks/index.cjs")));
+const Select = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../selects/index.cjs")));
+const Date = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../dates/index.cjs")));
+const Input = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../inputs/index.cjs")));
+const Labels = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../labels/index.cjs")));
+const Switch = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../switchs/index.cjs")));
+const Buttons = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../buttons/index.cjs")));
+const DateDivide = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../dates-divide/index.cjs")));
+const DatePicker = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../dates-picker/index.cjs")));
+const EditFloat = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../edit-float/index.cjs")));
+const Edit = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../edit/index.cjs")));
+const History = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../history/index.cjs")));
+const Images = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../images/index.cjs")));
+const InputArray = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../input-array/index.cjs")));
+const InputHistory = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../input-history/index.cjs")));
+const InputSelect = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../input-select/index.cjs")));
+const SelectScroll = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../select-scroll/index.cjs")));
+const Selector = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../selector/index.cjs")));
+const Cascader = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../cascaders/index.cjs")));
+const InputNum = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../input-num/index.cjs")));
+const Text = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../texts/index.cjs")));
+const Upload = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../uploads/index.cjs")));
+const components = {
+  Array,
+  Check,
+  Select,
+  Date,
+  Input,
+  Labels,
+  Switch,
+  Buttons,
+  DateDivide,
+  DatePicker,
+  EditFloat,
+  Edit,
+  History,
+  Images,
+  InputArray,
+  InputHistory,
+  InputSelect,
+  SelectScroll,
+  Selector,
+  Cascader,
+  InputNum,
+  Text,
+  Upload
+};
+exports.components = components;

package/dist/components/common/compons/components.d.ts

@@ -0,0 +1,27 @@
+import { SFCWithInstall } from '../../../utils/vues';
+import { DefineComponent } from 'vue';
+export declare const components: {
+    Array: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Check: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Select: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Date: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Input: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Labels: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Switch: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Buttons: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    DateDivide: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    DatePicker: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    EditFloat: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Edit: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    History: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Images: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    InputArray: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    InputHistory: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    InputSelect: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    SelectScroll: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Selector: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Cascader: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    InputNum: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Text: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Upload: SFCWithInstall<DefineComponent<{}, {}, any>>;
+};

package/dist/components/common/compons/components.js

@@ -0,0 +1,52 @@
+import { defineAsyncComponent } from "vue";
+const Array = defineAsyncComponent(() => import("../../array/index.js"));
+const Check = defineAsyncComponent(() => import("../../checks/index.js"));
+const Select = defineAsyncComponent(() => import("../../selects/index.js"));
+const Date = defineAsyncComponent(() => import("../../dates/index.js"));
+const Input = defineAsyncComponent(() => import("../../inputs/index.js"));
+const Labels = defineAsyncComponent(() => import("../../labels/index.js"));
+const Switch = defineAsyncComponent(() => import("../../switchs/index.js"));
+const Buttons = defineAsyncComponent(() => import("../../buttons/index.js"));
+const DateDivide = defineAsyncComponent(() => import("../../dates-divide/index.js"));
+const DatePicker = defineAsyncComponent(() => import("../../dates-picker/index.js"));
+const EditFloat = defineAsyncComponent(() => import("../../edit-float/index.js"));
+const Edit = defineAsyncComponent(() => import("../../edit/index.js"));
+const History = defineAsyncComponent(() => import("../../history/index.js"));
+const Images = defineAsyncComponent(() => import("../../images/index.js"));
+const InputArray = defineAsyncComponent(() => import("../../input-array/index.js"));
+const InputHistory = defineAsyncComponent(() => import("../../input-history/index.js"));
+const InputSelect = defineAsyncComponent(() => import("../../input-select/index.js"));
+const SelectScroll = defineAsyncComponent(() => import("../../select-scroll/index.js"));
+const Selector = defineAsyncComponent(() => import("../../selector/index.js"));
+const Cascader = defineAsyncComponent(() => import("../../cascaders/index.js"));
+const InputNum = defineAsyncComponent(() => import("../../input-num/index.js"));
+const Text = defineAsyncComponent(() => import("../../texts/index.js"));
+const Upload = defineAsyncComponent(() => import("../../uploads/index.js"));
+const components = {
+  Array,
+  Check,
+  Select,
+  Date,
+  Input,
+  Labels,
+  Switch,
+  Buttons,
+  DateDivide,
+  DatePicker,
+  EditFloat,
+  Edit,
+  History,
+  Images,
+  InputArray,
+  InputHistory,
+  InputSelect,
+  SelectScroll,
+  Selector,
+  Cascader,
+  InputNum,
+  Text,
+  Upload
+};
+export {
+  components
+};

package/dist/components/common/compons/index.scss

@@ -0,0 +1,23 @@
+@use '../../array/index.scss' as *;
+@use '../../checks/index.scss' as *;
+@use '../../selects/index.scss' as *;
+@use '../../dates/index.scss' as *;
+@use '../../inputs/index.scss' as *;
+@use '../../labels/index.scss' as *;
+@use '../../switchs/index.scss' as *;
+@use '../../buttons/index.scss' as *;
+@use '../../dates-divide/index.scss' as *;
+@use '../../dates-picker/index.scss' as *;
+@use '../../edit-float/index.scss' as *;
+@use '../../edit/index.scss' as *;
+@use '../../history/index.scss' as *;
+@use '../../images/index.scss' as *;
+@use '../../input-array/index.scss' as *;
+@use '../../input-history/index.scss' as *;
+@use '../../input-select/index.scss' as *;
+@use '../../select-scroll/index.scss' as *;
+@use '../../selector/index.scss' as *;
+@use '../../cascaders/index.scss' as *;
+@use '../../input-num/index.scss' as *;
+@use '../../texts/index.scss' as *;
+@use '../../uploads/index.scss' as *;

package/dist/components/common/compons/index2.scss

@@ -0,0 +1,23 @@
+@use '../../array/style/index2.scss' as *;
+@use '../../checks/style/index2.scss' as *;
+@use '../../selects/style/index2.scss' as *;
+@use '../../dates/style/index2.scss' as *;
+@use '../../inputs/style/index2.scss' as *;
+@use '../../labels/style/index2.scss' as *;
+@use '../../switchs/style/index2.scss' as *;
+@use '../../buttons/style/index2.scss' as *;
+@use '../../dates-divide/style/index2.scss' as *;
+@use '../../dates-picker/style/index2.scss' as *;
+@use '../../edit-float/style/index2.scss' as *;
+@use '../../edit/style/index2.scss' as *;
+@use '../../history/style/index2.scss' as *;
+@use '../../images/style/index2.scss' as *;
+@use '../../input-array/style/index2.scss' as *;
+@use '../../input-history/style/index2.scss' as *;
+@use '../../input-select/style/index2.scss' as *;
+@use '../../select-scroll/style/index2.scss' as *;
+@use '../../selector/style/index2.scss' as *;
+@use '../../cascaders/style/index2.scss' as *;
+@use '../../input-num/style/index2.scss' as *;
+@use '../../texts/style/index2.scss' as *;
+@use '../../uploads/style/index2.scss' as *;

package/dist/components/common/use.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
+const shared = require("@vue/shared");
 require("../../utils/index.cjs");
 const isObject = require("@fangzhongya/utils/basic/object/isObject");
 const util = require("../../utils/util.cjs");
@@ -227,9 +228,13 @@ function setComponString(value, obj, componObj, data, optionss, compons) {
   const compon = obj.compon;
   const tcom = lineToLargeHump.lineToLargeHump(compon);
   if (Object.keys(compons).includes(tcom)) {
-    return vue.h(compons[tcom], componObj);
+    return vue.h(compons[tcom], componObj, value);
   } else {
-    return vue.h(vue.resolveComponent(compon), componObj);
+    if (shared.isHTMLTag(compon) || shared.isSVGTag(compon)) {
+      return vue.h(compon, componObj, value);
+    } else {
+      return vue.h(vue.resolveComponent(compon), componObj);
+    }
   }
 }
 function getOnObjs(obj, data, emit, ...arrs) {
@@ -315,7 +320,28 @@ const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index)
   if (label) {
     if (isObject.isObject(label)) {
       if (isArray.isArray(label)) {
-        return label;
+        return vue.h(
+          "div",
+          {
+            class: "com-lable-array"
+          },
+          label.map((v) => {
+            if (typeof v === "string") {
+              v = {
+                value: v,
+                compon: "div"
+              };
+            }
+            return useSetCompon(
+              v,
+              data,
+              optionss,
+              compons,
+              emit,
+              index
+            );
+          })
+        );
       } else {
         label = Object.assign({}, obj, label);
         const slot = useSetSlot(label, data, slots, index);

package/dist/components/common/use.d.ts

@@ -11,11 +11,11 @@ type Compons = {
     [key: string]: Component;
 };
 export declare function useSetSlot(obj: ListObj, data: ObjAny, slots: ObjAny, index?: number, scope?: ObjAny): any;
-export declare function useSetCompon(obj: ListObj, data: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index?: number, scope?: ObjAny): VNode<RendererNode, RendererElement, {
+export declare function useSetCompon(obj: ListObj, data: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index?: number, scope?: ObjAny): VNode< RendererNode, RendererElement, {
     [key: string]: any;
 }> | undefined;
 export declare const useGetDomValue: (obj: ListObj, data: ObjAny, options: ObjAny, index?: number) => any;
-export declare const useGetDomLabel: (label: string | ListObj | undefined, obj: ListObj, data: ObjAny, slots: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index: number) => any;
+export declare const useGetDomLabel: (label: string | ListObj | undefined, obj: ListObj, data: ObjAny, slots: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index: number) => string | VNode;
 export declare function useObjComponSelected(obj: ListObj, props: ObjAny): any;
 export declare function usePropsDefault(props: any, keyObj: {
     [key: string]: () => any;

package/dist/components/common/use.js

@@ -1,4 +1,5 @@
 import { h, resolveComponent, computed, useAttrs } from "vue";
+import { isHTMLTag, isSVGTag } from "@vue/shared";
 import "../../utils/index.js";
 import { isObject } from "@fangzhongya/utils/basic/object/isObject";
 import { getFathers, getChildrenData } from "../../utils/util.js";
@@ -225,9 +226,13 @@ function setComponString(value, obj, componObj, data, optionss, compons) {
   const compon = obj.compon;
   const tcom = lineToLargeHump(compon);
   if (Object.keys(compons).includes(tcom)) {
-    return h(compons[tcom], componObj);
+    return h(compons[tcom], componObj, value);
   } else {
-    return h(resolveComponent(compon), componObj);
+    if (isHTMLTag(compon) || isSVGTag(compon)) {
+      return h(compon, componObj, value);
+    } else {
+      return h(resolveComponent(compon), componObj);
+    }
   }
 }
 function getOnObjs(obj, data, emit, ...arrs) {
@@ -313,7 +318,28 @@ const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index)
   if (label) {
     if (isObject(label)) {
       if (isArray(label)) {
-        return label;
+        return h(
+          "div",
+          {
+            class: "com-lable-array"
+          },
+          label.map((v) => {
+            if (typeof v === "string") {
+              v = {
+                value: v,
+                compon: "div"
+              };
+            }
+            return useSetCompon(
+              v,
+              data,
+              optionss,
+              compons,
+              emit,
+              index
+            );
+          })
+        );
       } else {
         label = Object.assign({}, obj, label);
         const slot = useSetSlot(label, data, slots, index);

package/dist/components/dates/index.css

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

package/dist/components/dates-divide/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .dates-divide {
   display: inline-flex;
   align-items: center;

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

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

package/dist/components/dates2/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .dates-divide {
   display: inline-flex;
   align-items: center;

package/dist/components/dialogs/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .dialogs.el-dialog {
   padding: 0;
 }

package/dist/components/edit/index.css

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

package/dist/components/edit-float/index.css

@@ -17,6 +17,10 @@
   padding: 20px 20px;
 }
 
+.com-lable-array {
+  line-height: 18px;
+}
+
 .edit-float-body {
   display: inline-flex;
   align-items: center;

package/dist/components/forms/common/config.cjs

@@ -1,7 +1,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const provides = {
-  compons: "form-compons",
+  compons: "form",
   form: "form-form"
 };
+const changes = [
+  "Select",
+  "Date",
+  "Array",
+  "Check",
+  "Labels",
+  "Switch",
+  "Cascader"
+];
+exports.changes = changes;
 exports.provides = provides;

package/dist/components/forms/common/config.d.ts

@@ -2,3 +2,4 @@ export declare const provides: {
     compons: string;
     form: string;
 };
+export declare const changes: string[];

package/dist/components/forms/common/config.js

@@ -1,7 +1,17 @@
 const provides = {
-  compons: "form-compons",
+  compons: "form",
   form: "form-form"
 };
+const changes = [
+  "Select",
+  "Date",
+  "Array",
+  "Check",
+  "Labels",
+  "Switch",
+  "Cascader"
+];
 export {
+  changes,
   provides
 };

package/dist/components/forms/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%;
 }

package/dist/components/forms/index.scss

@@ -1,8 +1,9 @@
 @use '../scss/common.scss' as *;
 @use '../forms-div/index.scss' as *;
 @use '../forms-item/index.scss' as *;
+@use '../forms-items/index.scss' as *;
 
-@use '../common/compons.scss' as *;
+@use '../common/compons/index.scss' as *;
 
 $forms: 'forms';
 @include b($forms) {