@fangzhongya/fang-ui 0.1.27 → 0.1.29

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) {
@@ -300,7 +305,13 @@ function useSetCompon(obj, data, optionss, compons, emit, index, scope) {
         compons
       );
     } else {
-      return vue.h(obj.compon, componObj);
+      if (typeof obj.compon == "function") {
+        return obj.compon(componObj);
+      } else if (vue.isVNode(obj.compon)) {
+        return obj.compon;
+      } else {
+        return vue.h(obj.compon, componObj);
+      }
     }
   }
 }
@@ -311,11 +322,36 @@ const useGetDomValue = (obj, data, options, index) => {
   }
   return value;
 };
-const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index) => {
+const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index, isComponSelected = (obj2) => true) => {
   if (label) {
-    if (isObject.isObject(label)) {
+    if (typeof label == "function") {
+      return label();
+    } else if (vue.isVNode(label)) {
+      return label;
+    } else 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);
@@ -323,16 +359,18 @@ const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index)
           return slot;
         }
         if (label.compon) {
-          const column = useSetCompon(
-            label,
-            data,
-            optionss,
-            compons,
-            emit,
-            index
-          );
-          if (column) {
-            return column;
+          if (isComponSelected(obj)) {
+            const column = useSetCompon(
+              label,
+              data,
+              optionss,
+              compons,
+              emit,
+              index
+            );
+            if (column) {
+              return column;
+            }
           }
         }
         return useGetDomValue(label, data, optionss, index);
@@ -365,9 +403,42 @@ function usePropsDefault(props, keyObj) {
     }
   });
 }
+function useAdditional(value, add) {
+  if (typeof value === "string" && typeof add === "string") {
+    return value + add;
+  } else {
+    return vue.h(vue.Fragment, {}, [value, add]);
+  }
+}
+function getVNodeContent(vnode) {
+  const container = document.createElement("div");
+  vue.render(vnode, container);
+  const textContent = container.textContent || "";
+  vue.render(null, container);
+  return textContent;
+}
+function getLabelText(label) {
+  if (typeof label == "undefined") {
+    return "";
+  } else if (typeof label == "string") {
+    return label;
+  } else if (typeof label == "function") {
+    label = label();
+  }
+  if (vue.isVNode(label)) {
+    return getVNodeContent(label);
+  } else if (label instanceof Array) {
+    return label.join("");
+  } else {
+    return (label == null ? void 0 : label.toString()) || "";
+  }
+}
 exports.getFormRule = getFormRule;
+exports.getLabelText = getLabelText;
 exports.getOnObjs = getOnObjs;
+exports.getVNodeContent = getVNodeContent;
 exports.setFormDefaultValue = setFormDefaultValue;
+exports.useAdditional = useAdditional;
 exports.useGetDomLabel = useGetDomLabel;
 exports.useGetDomValue = useGetDomValue;
 exports.useHide = useHide;

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

@@ -1,4 +1,4 @@
-import { Component, VNode, RendererNode, RendererElement } from 'vue';
+import { Component, VNode } from 'vue';
 export declare function useVueValue(v: any, key: string | Function): any;
 export declare function useSetValue(v: any, key: string | Function, value: any): any;
 export declare function getFormRule(obj: ListObj): string | undefined;
@@ -11,13 +11,36 @@ 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, {
-    [key: string]: any;
-}> | undefined;
+export declare function useSetCompon(obj: ListObj, data: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index?: number, scope?: ObjAny): any;
 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 | VNode | Function | undefined, obj: ListObj, data: ObjAny, slots: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index: number, isComponSelected?: (obj: ListObj) => boolean) => any;
 export declare function useObjComponSelected(obj: ListObj, props: ObjAny): any;
+/**
+ * 设置获取默认值
+ * @param props
+ * @param keyObj
+ * @returns
+ */
 export declare function usePropsDefault(props: any, keyObj: {
     [key: string]: () => any;
 }): any;
+/**
+ * 追加内容
+ * @param value
+ * @param add
+ * @returns
+ */
+export declare function useAdditional(value: string | VNode, add: string | VNode): string | VNode;
+/**
+ * 获取VNode的展示文本
+ * @param vnode
+ * @returns
+ */
+export declare function getVNodeContent(vnode: VNode): string;
+/**
+ * 获取label的展示文本
+ * @param label
+ * @returns
+ */
+export declare function getLabelText(label: string | ListObj | VNode | Function | undefined): string;
 export {};