@fangzhongya/fang-ui 0.0.14 → 0.0.16

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

@@ -1,26 +1,26 @@
 :root {
-  --el-icon-picker-on: rgb(91, 189, 246);
-  --el-icon-picker-border: #eee;
-  --el-color-primary: #409eff;
-  --el-bag-primary: #409eff;
-  --el-bag-primary-text: #fff;
-  --el-border: #eee;
-  --el-layout-panel-gap: 10px;
-  --el-layout-panel-padding: 20px;
-  --el-layout-form-item-padding-right: var(
-  	--el-layout-panel-gap
+  --icon-picker-on: rgb(91, 189, 246);
+  --icon-picker-border: #eee;
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
   );
-  --el-g-main-bg: var(--el-bg-color-page);
+  --g-main-bg: var(--bg-color-page);
 }
 
-.el-com {
+.com {
   font-size: 20px;
 }
 
-.el-forms-div {
+.forms-div {
   width: 100%;
   height: 100%;
 }
-.el-forms-div-com {
+.forms-div-com {
   height: 100%;
 }

package/dist/components/forms-div/index.d.ts

@@ -1,5 +1,6 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 declare const FormsDiv: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         optionss: {
             type: () => ObjAny;
             default(): {};
@@ -20,20 +21,20 @@ declare const FormsDiv: {
         };
     }>> & Readonly<{
         [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    }>, () => "" | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }>, () => "" | VNode<RendererNode, RendererElement, {
         [key: string]: any;
-    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], import('vue').PublicProps, {
+    }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, string[], PublicProps, {
         optionss: ObjAny;
         listobj: ListObj;
         formvalue: ObjStr;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, never, {}, any, import('vue').ComponentProvideOptions, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, never, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         optionss: {
             type: () => ObjAny;
             default(): {};
@@ -54,7 +55,7 @@ declare const FormsDiv: {
         };
     }>> & Readonly<{
         [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    }>, () => "" | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    }>, () => "" | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }>, {}, {}, {}, {
         optionss: ObjAny;
@@ -64,7 +65,7 @@ declare const FormsDiv: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     optionss: {
         type: () => ObjAny;
         default(): {};
@@ -85,11 +86,11 @@ declare const FormsDiv: {
     };
 }>> & Readonly<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}>, () => "" | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+}>, () => "" | VNode<RendererNode, RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, {
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, string[], string, {
     optionss: ObjAny;
     listobj: ListObj;
     formvalue: ObjStr;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, never, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, never, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
 export { FormsDiv, FormsDiv as default };

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

@@ -0,0 +1,8 @@
+import './index.scss';
+import { withInstall } from '../../utils/vues/withInstall'
+import SrcVue from './src/index.vue'
+const FormsDiv = withInstall(SrcVue, 'FormsDiv');
+export {
+   FormsDiv,
+   FormsDiv as default
+};

package/dist/components/forms-div/src/data.ts

@@ -0,0 +1,58 @@
+import type { ExtractPropTypes } from 'vue';
+
+export const dataProps = {
+	/**
+	 * @props { Object } options 选择数据集合
+	 */
+	optionss: {
+		type: Object as () => ObjAny,
+		default() {
+			return {};
+		},
+	},
+	listobj: {
+		type: Object as () => ListObj,
+		default() {
+			return {};
+		},
+	},
+	valueobj: {
+		type: Object,
+	},
+	/**
+	 * 传入值
+	 * @props { String } modelValue= ( )
+	 */
+	modelValue: {
+		type: null,
+	},
+	formvalue: {
+		type: Object as () => ObjStr,
+		default() {
+			return {};
+		},
+	},
+};
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export const dataEmits = ['update:modelValue', 'list-events'];
+
+export type DataEmits = typeof dataEmits;
+
+/**
+ * @slot default 默认插槽
+ */
+export const dataSlot = {
+	default: 'default',
+};
+
+/**
+ * expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export const dataExpose = [];

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index$1 = require("../../../directives/expose/index.cjs");
 require("@fangzhongya/utils/basic/string/splitUpper");
@@ -16,12 +16,13 @@ require("@fangzhongya/utils/basic/object/deepCopy");
 require("@fangzhongya/utils/basic/Array/toggleArray");
 const objValue = require("@fangzhongya/utils/basic/object/objValue");
 require("../../../utils/vues/getBuildProps.cjs");
+require("../../../utils/vues/withInstall.cjs");
 require("@fangzhongya/utils/css/setObjStyle");
 require("@fangzhongya/utils/css/getCss");
 const index = require("../../../hooks/cssname/index.cjs");
 const use = require("../../common/use.cjs");
 const Components = {};
-const _sfc_main = require$$0.defineComponent({
+const _sfc_main = vue.defineComponent({
   components: Components,
   expose: data.dataExpose,
   emits: data.dataEmits,
@@ -29,8 +30,8 @@ const _sfc_main = require$$0.defineComponent({
   setup(prs, { emit, slots }) {
     const cs = index.useCssName("forms-div");
     const props = prs.listobj;
-    const compons = require$$0.inject("forms-compons", {});
-    const formvalue = require$$0.computed(() => {
+    const compons = vue.inject("forms-compons", {});
+    const formvalue = vue.computed(() => {
       const o = {};
       if (typeof props.formvalue === "object") {
         Object.keys(props.formvalue).forEach((key) => {
@@ -40,7 +41,7 @@ const _sfc_main = require$$0.defineComponent({
       }
       return o;
     });
-    const binds = require$$0.computed(() => {
+    const binds = vue.computed(() => {
       const obj = { ...props.config, ...formvalue.value };
       const binds2 = {};
       Object.keys(obj).forEach((key) => {
@@ -51,7 +52,7 @@ const _sfc_main = require$$0.defineComponent({
       });
       return binds2;
     });
-    const value = require$$0.computed({
+    const value = vue.computed({
       get() {
         let v = prs.modelValue ?? {};
         if (props.orig) {
@@ -86,7 +87,7 @@ const _sfc_main = require$$0.defineComponent({
         }
       }
     });
-    const options = require$$0.computed(() => {
+    const options = vue.computed(() => {
       const optionss = prs.optionss;
       if (typeof props.options === "string") {
         const value2 = optionss[props.options];
@@ -124,12 +125,12 @@ const _sfc_main = require$$0.defineComponent({
       if (typeof compon == "string") {
         const tcom = lineToLargeHump.lineToLargeHump(compon);
         if (Object.keys(compons).includes(tcom)) {
-          return require$$0.h(compons[tcom], componObj, slots);
+          return vue.h(compons[tcom], componObj, slots);
         } else {
-          return require$$0.h(require$$0.resolveComponent(compon), componObj, slots);
+          return vue.h(vue.resolveComponent(compon), componObj, slots);
         }
       } else {
-        return require$$0.h(compon, componObj, slots);
+        return vue.h(compon, componObj, slots);
       }
     };
     const setSslot = () => {
@@ -147,10 +148,10 @@ const _sfc_main = require$$0.defineComponent({
           });
         }
       }
-      return require$$0.withDirectives(render(), [[index$1.default, {}]]);
+      return vue.withDirectives(render(), [[index$1.default, {}]]);
     };
     return () => {
-      return props.compon ? require$$0.h("div", { class: cs.z() }, [setSslot()]) : "";
+      return props.compon ? vue.h("div", { class: cs.z() }, [setSslot()]) : "";
     };
   }
 });

package/dist/components/forms-div/src/index.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { DefineComponent, ExtractPropTypes, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
     optionss: {
         type: () => ObjAny;
         default(): {};
@@ -17,9 +18,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: () => ObjStr;
         default(): {};
     };
-}>, () => "" | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+}>, () => "" | VNode<RendererNode, RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, string[], string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, string[], string, PublicProps, Readonly< ExtractPropTypes<{
     optionss: {
         type: () => ObjAny;
         default(): {};
@@ -44,5 +45,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     optionss: ObjAny;
     listobj: ListObj;
     formvalue: ObjStr;
-}, {}, {}, {}, never, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, never, ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -14,6 +14,7 @@ import "@fangzhongya/utils/basic/object/deepCopy";
 import "@fangzhongya/utils/basic/Array/toggleArray";
 import { setObjValue, getObjValue } from "@fangzhongya/utils/basic/object/objValue";
 import "../../../utils/vues/getBuildProps.js";
+import "../../../utils/vues/withInstall.js";
 import "@fangzhongya/utils/css/setObjStyle";
 import "@fangzhongya/utils/css/getCss";
 import { useCssName } from "../../../hooks/cssname/index.js";

package/dist/components/forms-div/src/index.vue

@@ -0,0 +1,168 @@
+<script lang="ts">
+	import {
+		computed,
+		defineComponent,
+		resolveComponent,
+		inject,
+		h,
+		withDirectives,
+		type Component,
+	} from 'vue';
+	import { dataProps, dataEmits, dataExpose } from './data';
+	import vExpose from '../../../directives/expose';
+	import { lineToLargeHump, setObjValue, getObjValue } from '../../../utils/index';
+
+	import { useCssName } from '../../../hooks/cssname';
+
+	import { getOnObjs } from '../../common/use';
+
+	const Components: { [key: string]: Component } = {};
+
+	export default defineComponent({
+		components: Components,
+		expose: dataExpose,
+		emits: dataEmits,
+		props: dataProps,
+		setup(prs, { emit, slots }) {
+			// 样式设置方法
+			const cs = useCssName('forms-div');
+			const props: ListObj = prs.listobj;
+			const compons = inject<ObjAny>('forms-compons', {});
+
+			const formvalue = computed(() => {
+				const o: ObjAny = {};
+				if (typeof props.formvalue === 'object') {
+					Object.keys(props.formvalue).forEach((key) => {
+						const v = props.formvalue[key];
+						o[key] = prs.modelValue[v];
+					});
+				}
+				return o;
+			});
+
+			const binds = computed(() => {
+				const obj = { ...props.config, ...formvalue.value };
+				const binds: {
+					[key: string]: any;
+				} = {};
+				Object.keys(obj).forEach((key) => {
+					const v = obj[key];
+					if (v !== '' && v !== undefined) {
+						binds[key] = v;
+					}
+				});
+				return binds;
+			});
+
+			const value = computed({
+				get() {
+					let v = prs.modelValue ?? {};
+					if (props.orig) {
+						v = prs.valueobj ?? {};
+					}
+					const prop = props.prop;
+					if (prop) {
+						let z = v[prop];
+						if (props.pars) {
+							z = getObjValue(prop, v);
+						}
+						return z;
+					} else {
+						return v;
+					}
+				},
+				set(value) {
+					let v = prs.modelValue ?? {};
+					if (props.orig) {
+						v = prs.valueobj ?? {};
+					}
+					const prop = props.prop;
+					if (prop) {
+						if (props.pars) {
+							setObjValue(v, prop, value);
+						} else {
+							v[prop] = value;
+						}
+					}
+					if (!props.orig) {
+						emit('update:modelValue', v);
+					}
+				},
+			});
+			const options = computed(() => {
+				const optionss = prs.optionss;
+				if (typeof props.options === 'string') {
+					const value = optionss[props.options];
+					if (typeof value == 'function') {
+						return value(optionss, value.value, props) || [];
+					} else {
+						return value || [];
+					}
+				} else if (typeof props.options == 'function') {
+					return props.options(optionss, value.value, props) || [];
+				} else {
+					return props.options || [];
+				}
+			});
+
+			const render = () => {
+				const compon = props.compon || 'input';
+				const componValueName = 'modelValue';
+
+				const componObj = {
+					...binds.value,
+					...getOnObjs(
+						props,
+						prs.valueobj ?? value.value,
+						emit,
+						value,
+					),
+					class: cs.z('com'),
+					options: options.value,
+					listobj: props,
+					multiple: props.multiple,
+					optionss: prs.optionss,
+					valueobj: prs.valueobj,
+					[componValueName]: value.value,
+					['onUpdate:' + componValueName]: (v: any) =>
+						(value.value = v),
+				};
+				if (typeof compon == 'string') {
+					const tcom = lineToLargeHump(compon);
+					if (Object.keys(compons).includes(tcom)) {
+						return h(compons[tcom], componObj, slots);
+					} else {
+						return h(resolveComponent(compon), componObj, slots);
+					}
+				} else {
+					return h(compon, componObj, slots);
+				}
+			};
+
+			const setSslot = () => {
+				const slotname = props.slot ?? props.prop;
+				if (slotname) {
+					const slot = slots[slotname];
+					if (slot) {
+						return slot({
+							row: prs.valueobj,
+							value: value,
+							column: props,
+							options: options.value,
+							multiple: props.multiple,
+							optionss: prs.optionss,
+						});
+					}
+				}
+				return withDirectives(render(), [[vExpose, {}]]);
+			};
+
+			return () => {
+				return props.compon
+					? h('div', { class: cs.z() }, [setSslot()])
+					: '';
+			};
+		},
+	});
+</script>
+<style lang="scss" scoped></style>