@fangzhongya/fang-ui 0.0.13 → 0.0.15

package/dist/components/inputs/src/index.cjs

@@ -1,25 +1,25 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const index$2 = require("../../../directives/expose/index.cjs");
 const elementPlus = require("element-plus");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = index.useInherit(require$$0.useAttrs());
+    const attrs = index.useInherit(vue.useAttrs());
     const cs = index$1.useCssName("inputs");
     const props = __props;
-    const slots = require$$0.useSlots();
+    const slots = vue.useSlots();
     const emit = __emit;
-    const refEl = require$$0.ref();
+    const refEl = vue.ref();
     const once = setOnce();
-    const placeholder = require$$0.computed(() => {
+    const placeholder = vue.computed(() => {
       if (typeof props.placeholder == "undefined") {
         return "请输入";
       } else {
@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         }
       }
     });
-    const value = require$$0.computed({
+    const value = vue.computed({
       get() {
         let v = props.modelValue;
         return v;
@@ -52,26 +52,26 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       el: refEl
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("div", require$$0.mergeProps({
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         ref_key: "refEl",
         ref: refEl,
-        class: require$$0.unref(cs).z()
-      }, require$$0.unref(attrs).root), [
-        require$$0.withDirectives((require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElInput), require$$0.mergeProps({
-          class: require$$0.unref(cs).z("input"),
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root), [
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElInput), vue.mergeProps({
+          class: vue.unref(cs).z("input"),
           modelValue: value.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
-        }, require$$0.unref(attrs).assem, { placeholder: placeholder.value }), require$$0.createSlots({ _: 2 }, [
-          require$$0.renderList(Object.keys(require$$0.unref(slots)), (k, index2) => {
+        }, vue.unref(attrs).assem, { placeholder: placeholder.value }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k, index2) => {
             return {
               name: k,
-              fn: require$$0.withCtx(() => [
-                require$$0.renderSlot(_ctx.$slots, k)
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, k)
               ])
             };
           })
         ]), 1040, ["class", "modelValue", "placeholder"])), [
-          [require$$0.unref(index$2.default), {}]
+          [vue.unref(index$2.default), {}]
         ])
       ], 16);
     };

package/dist/components/inputs/src/index.d.ts

@@ -1,3 +1,4 @@
+import { DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: {}) => any>>;
@@ -7,7 +8,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     oncePlaceholder: {
         type: BooleanConstructor;
     };
@@ -18,8 +19,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: (NumberConstructor | StringConstructor)[];
     };
 }>, {
-    el: import('vue').Ref<any, any>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    el: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     oncePlaceholder: {
         type: BooleanConstructor;
     };
@@ -31,7 +32,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>> & Readonly<{}>, {
     oncePlaceholder: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
     refEl: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/inputs/src/index.vue

@@ -0,0 +1,71 @@
+<template>
+	<div ref="refEl" :class="cs.z()" v-bind="attrs.root">
+		<ElInput
+			:class="cs.z('input')"
+			v-expose="{}"
+			v-model="value"
+			v-bind="attrs.assem"
+			:placeholder="placeholder"
+		>
+			<template
+				v-for="(k, index) in Object.keys(slots)"
+				v-slot:[k]
+				:key="k"
+			>
+				<slot :name="k"></slot>
+			</template>
+		</ElInput>
+	</div>
+</template>
+<script lang="ts" setup>
+	import vExpose from '../../../directives/expose';
+	import { ElInput } from 'element-plus';
+	import { dataProps, dataEmits } from './data';
+	import { useCssName } from '../../../hooks/cssname';
+	import { useInherit } from '../../../hooks/inherit';
+	import { computed, useSlots, ref, useAttrs } from 'vue';
+	import type { Slots } from 'vue';
+	const attrs = useInherit(useAttrs());
+	const cs = useCssName('inputs');
+	const props = defineProps(dataProps);
+	const slots: Slots = useSlots();
+	const emit = defineEmits(dataEmits);
+	const refEl = ref();
+
+	const once = setOnce();
+
+	const placeholder = computed(() => {
+		if (typeof props.placeholder == 'undefined') {
+			return '请输入';
+		} else {
+			if (props.oncePlaceholder) {
+				return once(props.placeholder);
+			} else {
+				return props.placeholder;
+			}
+		}
+	});
+	const value = computed({
+		get() {
+			let v = props.modelValue;
+			return v;
+		},
+		set(value) {
+			emit('update:modelValue', value);
+		},
+	});
+
+	function setOnce() {
+		let v = '';
+		return (value: string) => {
+			if (!v && value) {
+				v = value;
+			}
+			return v;
+		};
+	}
+	defineOptions({ inheritAttrs: false });
+	defineExpose({
+		el: refEl,
+	});
+</script>

package/dist/components/labels/index.d.ts

@@ -1,5 +1,6 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 declare const Labels: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         nowhole: {
             type: BooleanConstructor;
         };
@@ -53,7 +54,7 @@ declare const Labels: {
         optobj: {
             type: BooleanConstructor[];
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         label: string | Function;
         options: ObjAny[];
         prop: string | Function;
@@ -61,14 +62,14 @@ declare const Labels: {
         nowhole: boolean;
         whole: string;
         compact: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         nowhole: {
             type: BooleanConstructor;
         };
@@ -134,7 +135,7 @@ declare const Labels: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     nowhole: {
         type: BooleanConstructor;
     };
@@ -188,7 +189,7 @@ declare const Labels: {
     optobj: {
         type: BooleanConstructor[];
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     label: string | Function;
     options: ObjAny[];
     prop: string | Function;
@@ -196,5 +197,5 @@ declare const Labels: {
     nowhole: boolean;
     whole: string;
     compact: boolean;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin;
 export { Labels, Labels as default };

package/dist/components/labels/index.ts

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

package/dist/components/labels/src/data.ts

@@ -0,0 +1,27 @@
+import type { ExtractPropTypes } from 'vue';
+
+import { props, emits, comHandle } from '../../common/list';
+
+export const dataProps = {
+	...props,
+
+	nowhole: {
+		type: Boolean,
+	},
+	whole: {
+		type: String,
+		default: '全部',
+	},
+	compact: {
+		type: Boolean,
+		default: true,
+	},
+};
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+export const dataHandle = comHandle;
+
+export const dataEmits = [...emits];
+
+export type DataEmits = typeof dataEmits;

package/dist/components/labels/src/index.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
     nowhole: {
         type: BooleanConstructor;
     };
@@ -52,7 +53,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     optobj: {
         type: BooleanConstructor[];
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     nowhole: {
         type: BooleanConstructor;
     };
@@ -114,5 +115,5 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     nowhole: boolean;
     whole: string;
     compact: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/components/labels/src/index.vue

@@ -0,0 +1,131 @@
+<template>
+	<div :class="[cs.z(), cs.is('compact', props.compact)]">
+		<template v-if="multiple">
+			<Checks
+				v-bind="props"
+				:class="[cs.z('whole')]"
+				:options="options"
+				v-model="valueMultiple"
+				@click-multiple="onClickWholes"
+			>
+			</Checks>
+		</template>
+		<template v-else>
+			<Checks v-bind="props" :options="options" v-model="value"> </Checks>
+		</template>
+	</div>
+</template>
+<script lang="ts" setup>
+	import Checks from '../../checks/index';
+	import { computed } from 'vue';
+	import { useVueValue } from '../../common/use';
+	import { useCssName } from '../../../hooks/cssname';
+	import { dataProps, dataEmits, dataHandle } from './data';
+	const cs = useCssName('labels');
+	const props = defineProps(dataProps);
+
+	const emit = defineEmits(dataEmits);
+
+	const listFuObj = dataHandle(props, emit);
+	const value = listFuObj.value;
+
+	const multiple = listFuObj.multiple;
+
+	function setPropsValue(
+		obj: ObjAny,
+		key: string | Function,
+		value: any,
+		d: string,
+	) {
+		if (typeof key === 'function') {
+			const k = key(obj) ?? d;
+			obj[k] = value;
+		} else if (typeof key == 'string') {
+			obj[key] = value;
+		} else {
+			obj[d] = value;
+		}
+	}
+
+	const wholeValue = "Symbol('whole')";
+
+	const wholeClass = 'labels-li-whole';
+
+	type ObjSymAny = { [key: string | symbol]: any };
+
+	const options = computed(() => {
+		const opts = [...props.options];
+		if (!props.nowhole) {
+			const obj: ObjSymAny = {
+				class: wholeClass,
+			};
+			if (multiple.value) {
+				setPropsValue(obj, props.prop, wholeValue, 'value');
+			} else {
+				setPropsValue(obj, props.prop, '', 'value');
+			}
+			setPropsValue(obj, props.label, props.whole, 'label');
+			opts.unshift(obj);
+		}
+		return opts;
+	});
+
+	const valueMultiple = computed({
+		get() {
+			if (value.value) {
+				if (
+					value.value.length ===
+					props.options.filter((item) => !item.disabled).length
+				) {
+					return [...value.value, wholeValue];
+				} else {
+					return [...value.value];
+				}
+			} else {
+				return [];
+			}
+		},
+		set(v) {
+			if (v.includes(wholeValue)) {
+				v = v.filter((item) => item !== wholeValue);
+			}
+			if (v.length !== (value.value?.length ?? 0)) {
+				value.value = [...v];
+			}
+		},
+	});
+
+	function onClickWholes(item: ObjSymAny, is: boolean) {
+		if (item.class === wholeClass) {
+			if (valueMultiple.value.includes(wholeValue)) {
+				valueMultiple.value = [];
+			} else {
+				const v = props.options
+					.filter((item) => !item.disabled)
+					.map((item) => {
+						return useVueValue(item, props.prop);
+					});
+				valueMultiple.value = [...v, wholeValue];
+			}
+		} else {
+			if (!is) {
+				if (valueMultiple.value.includes(wholeValue)) {
+					valueMultiple.value = valueMultiple.value.filter(
+						(item) => item !== wholeValue,
+					);
+				}
+			}
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	$namespace: 'el';
+	$labelss: 'labels';
+	.#{$labelss} {
+		height: 100%;
+		display: flex;
+		align-items: center;
+		flex-wrap: wrap;
+		font-size: 0;
+	}
+</style>

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

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const require$$0 = require("vue");
+const vue = require("vue");
 const index$1 = require("../../checks/index.cjs");
 const use = require("../../common/use.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const data = require("./data.cjs");
 const wholeValue = "Symbol('whole')";
 const wholeClass = "labels-li-whole";
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -28,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
         obj[d] = value2;
       }
     }
-    const options = require$$0.computed(() => {
+    const options = vue.computed(() => {
       const opts = [...props.options];
       if (!props.nowhole) {
         const obj = {
@@ -44,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       }
       return opts;
     });
-    const valueMultiple = require$$0.computed({
+    const valueMultiple = vue.computed({
       get() {
         if (value.value) {
           if (value.value.length === props.options.filter((item) => !item.disabled).length) {
@@ -87,19 +87,19 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("div", {
-        class: require$$0.normalizeClass([require$$0.unref(cs).z(), require$$0.unref(cs).is("compact", props.compact)])
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([vue.unref(cs).z(), vue.unref(cs).is("compact", props.compact)])
       }, [
-        require$$0.unref(multiple) ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$1.Checks), require$$0.mergeProps({ key: 0 }, props, {
-          class: [require$$0.unref(cs).z("whole")],
+        vue.unref(multiple) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.Checks), vue.mergeProps({ key: 0 }, props, {
+          class: [vue.unref(cs).z("whole")],
           options: options.value,
           modelValue: valueMultiple.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueMultiple.value = $event),
           onClickMultiple: onClickWholes
-        }), null, 16, ["class", "options", "modelValue"])) : (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$1.Checks), require$$0.mergeProps({ key: 1 }, props, {
+        }), null, 16, ["class", "options", "modelValue"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.Checks), vue.mergeProps({ key: 1 }, props, {
           options: options.value,
-          modelValue: require$$0.unref(value),
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => require$$0.isRef(value) ? value.value = $event : null)
+          modelValue: vue.unref(value),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(value) ? value.value = $event : null)
         }), null, 16, ["options", "modelValue"]))
       ], 2);
     };

package/dist/components/lists/common/img.d.ts

@@ -1,6 +1,7 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
     modelValue: StringConstructor;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     modelValue: StringConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/components/lists/common/img.vue

@@ -0,0 +1,34 @@
+de
+<template>
+  <div class="lists-li">
+    <el-image
+      fit="contain"
+      class="lists-li-img"
+      :src="value"
+      :preview-src-list="[value]"
+    ></el-image>
+  </div>
+</template>
+<script lang="ts" setup>
+import { computed } from 'vue'
+const props = defineProps({
+  modelValue: String,
+})
+const prefix = import.meta.env.VITE_SERVER_API_URL
+
+const value = computed(() => {
+  if (props.modelValue) {
+    return prefix + '/' + props.modelValue
+  } else {
+    return ''
+  }
+})
+defineExpose({})
+</script>
+
+<style lang="scss" scoped>
+.lists-li-img {
+  width: 50px;
+  height: 50px;
+}
+</style>

package/dist/components/lists/common/img2.cjs

@@ -3,9 +3,9 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const es = require("element-plus/es");
 require("element-plus/es/components/base/style/css");
 require("element-plus/es/components/image/style/css");
-const require$$0 = require("vue");
+const vue = require("vue");
 const _hoisted_1 = { class: "lists-li" };
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "img",
   props: {
     modelValue: String
@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
   setup(__props, { expose: __expose }) {
     const props = __props;
     const prefix = void 0;
-    const value = require$$0.computed(() => {
+    const value = vue.computed(() => {
       if (props.modelValue) {
         return prefix + "/" + props.modelValue;
       } else {
@@ -23,8 +23,8 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
     __expose({});
     return (_ctx, _cache) => {
       const _component_el_image = es.ElImage;
-      return require$$0.openBlock(), require$$0.createElementBlock("div", _hoisted_1, [
-        require$$0.createVNode(_component_el_image, {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_el_image, {
           fit: "contain",
           class: "lists-li-img",
           src: value.value,