@fangzhongya/fang-ui 0.0.13 → 0.0.15

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

@@ -0,0 +1,30 @@
+<template>
+	<div :class="[cs.z()]" v-bind="attrs.root">
+		<ElImage v-bind="attrs.assem" ref="refEl">
+			<template v-for="k in Object.keys(slots)" v-slot:[k] :key="k">
+				<slot :name="k"></slot>
+			</template>
+		</ElImage>
+	</div>
+</template>
+<script lang="ts" setup>
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import { useCssName, useLocale, useInherit } from '../../../hooks/index';
+	import { ref, useSlots } from 'vue';
+	import { ElImage } from 'element-plus';
+	import type { Slots } from 'vue';
+	const refEl = ref();
+	const attrs = useInherit();
+	const slots: Slots = useSlots();
+	// 样式设置方法
+	const cs = useCssName('image');
+	// 获取国际化字段
+	const { getLocale } = useLocale();
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	defineExpose({
+		...dataExpose,
+		refEl,
+	});
+</script>
+<style lang="scss"></style>

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

@@ -1,5 +1,6 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 declare const Images: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         height: {
             type: (NumberConstructor | StringConstructor)[];
         };
@@ -27,17 +28,17 @@ declare const Images: {
     }>> & Readonly<{
         onChange?: ((evt: string | string[]) => any) | undefined;
     }>, {
-        refEl: import('vue').Ref<any, any>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        refEl: Ref<any, any>;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
         change: (evt: string | string[]) => void;
-    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         height: {
             type: (NumberConstructor | StringConstructor)[];
         };
@@ -65,12 +66,12 @@ declare const Images: {
     }>> & Readonly<{
         onChange?: ((evt: string | string[]) => any) | undefined;
     }>, {
-        refEl: import('vue').Ref<any, any>;
+        refEl: Ref<any, any>;
     }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     height: {
         type: (NumberConstructor | StringConstructor)[];
     };
@@ -98,10 +99,10 @@ declare const Images: {
 }>> & Readonly<{
     onChange?: ((evt: string | string[]) => any) | undefined;
 }>, {
-    refEl: import('vue').Ref<any, any>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    refEl: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     change: (evt: string | string[]) => void;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {}) => any>>;
-}) & import('vue').Plugin;
+}) & Plugin;
 export { Images, Images as default };

package/dist/components/images/index.ts

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

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

@@ -0,0 +1,38 @@
+import type { ExtractPropTypes } from 'vue';
+
+export const dataProps = {
+	height: {
+		type: [String, Number],
+	},
+	width: {
+		type: [String, Number],
+	},
+	modelValue: {
+		type: [String, Array<string>],
+	},
+};
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export const dataEmits = {
+	change: (evt: string | string[]) => {},
+};
+
+export type DataEmits = typeof dataEmits;
+
+/**
+ * @slot default 默认插槽
+ */
+export const dataSlot = {
+	default: 'default',
+};
+
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export const dataExpose = {};

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

@@ -1,23 +1,23 @@
 "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 data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
 const elementPlus = require("element-plus");
-const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const refEl = require$$0.ref();
-    const attrs = index.useInherit(require$$0.useAttrs());
-    const slots = require$$0.useSlots();
+    const refEl = vue.ref();
+    const attrs = index.useInherit(vue.useAttrs());
+    const slots = vue.useSlots();
     const cs = index$1.useCssName("images");
     const props = __props;
-    const list = require$$0.ref([]);
-    const value = require$$0.computed(() => {
+    const list = vue.ref([]);
+    const value = vue.computed(() => {
       if (props.modelValue instanceof Array) {
         list.value = props.modelValue;
         return props.modelValue[0];
@@ -31,27 +31,27 @@ const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
       refEl
     });
     return (_ctx, _cache) => {
-      return require$$0.openBlock(), require$$0.createElementBlock("div", require$$0.mergeProps({
-        class: [require$$0.unref(cs).z()]
-      }, require$$0.unref(attrs).root), [
-        require$$0.withDirectives((require$$0.openBlock(), require$$0.createBlock(require$$0.unref(elementPlus.ElImage), require$$0.mergeProps(require$$0.unref(attrs).assem, {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: [vue.unref(cs).z()]
+      }, vue.unref(attrs).root), [
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElImage), vue.mergeProps(vue.unref(attrs).assem, {
           src: value.value,
           "preview-src-list": list.value,
           style: {
             width: props.width,
             height: props.height
           }
-        }), require$$0.createSlots({ _: 2 }, [
-          require$$0.renderList(Object.keys(require$$0.unref(slots)), (k) => {
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k) => {
             return {
               name: k,
-              fn: require$$0.withCtx(() => [
-                require$$0.renderSlot(_ctx.$slots, k)
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, k)
               ])
             };
           })
         ]), 1040, ["src", "preview-src-list", "style"])), [
-          [require$$0.unref(index$2.default), {}]
+          [vue.unref(index$2.default), {}]
         ])
       ], 16);
     };

package/dist/components/images/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>>;
@@ -5,7 +6,7 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     height: {
         type: (NumberConstructor | StringConstructor)[];
     };
@@ -31,10 +32,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         })[];
     };
 }>, {
-    refEl: import('vue').Ref<any, any>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    refEl: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     change: (evt: string | string[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, string, PublicProps, Readonly< ExtractPropTypes<{
     height: {
         type: (NumberConstructor | StringConstructor)[];
     };
@@ -61,7 +62,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
 }>> & Readonly<{
     onChange?: ((evt: string | string[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -0,0 +1,49 @@
+<template>
+	<div :class="[cs.z()]" v-bind="attrs.root">
+		<ElImage
+			v-bind="attrs.assem"
+			:src="value"
+			:preview-src-list="list"
+			:style="{
+				width: props.width,
+				height: props.height,
+			}"
+			v-expose="{}"
+		>
+			<template v-for="k in Object.keys(slots)" v-slot:[k] :key="k">
+				<slot :name="k"></slot>
+			</template>
+		</ElImage>
+	</div>
+</template>
+<script lang="ts" setup>
+	import vExpose from '../../../directives/expose';
+	import { dataProps, dataEmits, dataExpose, dataSlot } from './data';
+	import { useCssName } from '../../../hooks/cssname';
+	import { useInherit } from '../../../hooks/inherit';
+	import { ref, useSlots, computed, useAttrs } from 'vue';
+	import { ElImage } from 'element-plus';
+	import type { Slots } from 'vue';
+	const refEl = ref();
+	const attrs = useInherit(useAttrs());
+	const slots: Slots = useSlots();
+	// 样式设置方法
+	const cs = useCssName('images');
+	const props = defineProps(dataProps);
+	const emit = defineEmits(dataEmits);
+	const list = ref<Array<any>>([]);
+	const value = computed(() => {
+		if (props.modelValue instanceof Array) {
+			list.value = props.modelValue;
+			return props.modelValue[0];
+		} else {
+			list.value = [props.modelValue];
+			return props.modelValue;
+		}
+	});
+	defineExpose({
+		...dataExpose,
+		refEl,
+	});
+</script>
+<style lang="scss" scoped></style>

package/dist/components/index.scss

@@ -18,6 +18,7 @@
 @use './cascaders/index.scss' as *;
 @use './checks/index.scss' as *;
 @use './dates/index.scss' as *;
+@use './input-array/index.scss' as *;
 @use './input-num/index.scss' as *;
 @use './inputs/index.scss' as *;
 @use './selects/index.scss' as *;

package/dist/components/index.ts

@@ -0,0 +1,115 @@
+import "./index.scss";
+export * from './cs-config/index';
+export * from './cs-emits/index';
+export * from './cs-expose/index';
+export * from './cs-i18n/index';
+export * from './cs-props/index';
+export * from './cs-slot/index';
+export * from './cs-title/index';
+export * from './dialog/index';
+export * from './button/index';
+export * from './card/index';
+export * from './collapse-item/index';
+export * from './collapse/index';
+export * from './color-picker/index';
+export * from './config-provider/index';
+export * from './alert/index';
+export * from './divider/index';
+export * from './drawer/index';
+export * from './loading/index';
+export * from './message-box/index';
+export * from './message/index';
+export * from './popconfirm/index';
+export * from './popover/index';
+export * from './tooltip/index';
+export * from './cascader-panel/index';
+export * from './cascader/index';
+export * from './checkbox-group/index';
+export * from './checkbox/index';
+export * from './date-picker/index';
+export * from './time-picker/index';
+export * from './time-select/index';
+export * from './form-item/index';
+export * from './form/index';
+export * from './input-number/index';
+export * from './input/index';
+export * from './radio-group/index';
+export * from './radio/index';
+export * from './option-group/index';
+export * from './option/index';
+export * from './select/index';
+export * from './slider/index';
+export * from './switch/index';
+export * from './upload/index';
+export * from './image/index';
+export * from './dropdown-item/index';
+export * from './dropdown-menu/index';
+export * from './dropdown/index';
+export * from './tab-pane/index';
+export * from './tabs/index';
+export * from './pagination/index';
+export * from './tree-select/index';
+export * from './tree/index';
+export * from './forms-div/index';
+export * from './forms-drag/index';
+export * from './forms-item/index';
+export * from './forms-items/index';
+export * from './forms/index';
+export * from './box-adjust/index';
+export * from './box-local/index';
+export * from './box-mask/index';
+export * from './box-teleport/index';
+export * from './box-title/index';
+export * from './box/index';
+export * from './popup/index';
+export * from './right-key/index';
+export * from './stick-div/index';
+export * from './stick-edge/index';
+export * from './stick-window/index';
+export * from './window/index';
+export * from './global-config/index';
+export * from './icon-picker/index';
+export * from './icon/index';
+export * from './iframe/index';
+export * from './lists/index';
+export * from './menu/index';
+export * from './page/index';
+export * from './retract/index';
+export * from './choice-select/index';
+export * from './company-select/index';
+export * from './department-select/index';
+export * from './role-select/index';
+export * from './select-dialog/index';
+export * from './select-popover/index';
+export * from './tree-select-box/index';
+export * from './user-select/index';
+export * from './array/index';
+export * from './buttons/index';
+export * from './cascaders/index';
+export * from './checks/index';
+export * from './date/index';
+export * from './dates-divide/index';
+export * from './dates-picker/index';
+export * from './dates/index';
+export * from './edit-float/index';
+export * from './edit/index';
+export * from './history/index';
+export * from './images/index';
+export * from './input-array/index';
+export * from './input-history/index';
+export * from './input-num/index';
+export * from './input-select/index';
+export * from './inputs/index';
+export * from './labels/index';
+export * from './select-scroll/index';
+export * from './selector/index';
+export * from './selects/index';
+export * from './switchs/index';
+export * from './text/index';
+export * from './el-tables/index';
+export * from './pagin/index';
+export * from './table-list/index';
+export * from './tables-form/index';
+export * from './tables-pagin/index';
+export * from './tables/index';
+export * from './vxe-tables/index';