@fangzhongya/fang-ui 0.0.14 → 0.0.16

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

@@ -0,0 +1,48 @@
+<template>
+	<div ref="refEl" v-bind="attrs.root" :class="cs.z()">
+		<ElSelect
+			:class="cs.z('select')"
+			v-expose="{}"
+			v-model="value"
+			v-bind="attrs.assem"
+			:multiple="multiple"
+			:placeholder="placeholder"
+		>
+			<ElOption
+				v-for="item in props.options"
+				:label="useVueValue(item, props.label)"
+				:value="useVueValue(item, props.prop)"
+				:disabled="item?.disabled"
+			/>
+		</ElSelect>
+	</div>
+</template>
+<script lang="ts" setup>
+	import vExpose from '../../../directives/expose';
+	import { ElSelect, ElOption } from 'element-plus';
+	import { useInherit } from '../../../hooks/inherit';
+	import { useVueValue } from '../../common/use';
+	import { useCssName } from '../../../hooks/cssname';
+	import { dataProps, dataEmits, dataHandle } from './data';
+	import { ref, computed, useAttrs } from 'vue';
+	const refEl = ref();
+	const attrs = useInherit(useAttrs());
+	const cs = useCssName('selects');
+	const props = defineProps(dataProps);
+	const placeholder = computed(() => {
+		if (typeof props.placeholder == 'undefined') {
+			return '请选择';
+		} else {
+			return props.placeholder;
+		}
+	});
+	const emit = defineEmits(dataEmits);
+
+	const listFuObj = dataHandle(props, emit);
+	const value = listFuObj.value;
+	const multiple = listFuObj.multiple;
+	defineOptions({ inheritAttrs: false });
+	defineExpose({
+		el: refEl,
+	});
+</script>

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

@@ -1,13 +1,14 @@
+import { CreateComponentPublicInstanceWithMixins, Ref, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ExtractPropTypes, PropType, CSSProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentProvideOptions, ComponentOptionsBase, Plugin } from 'vue';
 declare const Slider: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
-        refEl: import('vue').Ref<any, any>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {} | {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        refEl: Ref<any, any>;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {} | {
         [x: string]: any;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        refEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
+        refEl: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
             readonly ariaLabel: StringConstructor;
             readonly modelValue: {
-                readonly type: import('vue').PropType<number | number[]>;
+                readonly type: PropType<number | number[]>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -15,7 +16,7 @@ declare const Slider: {
                 readonly default: 0;
             };
             readonly id: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -23,7 +24,7 @@ declare const Slider: {
                 readonly default: undefined;
             };
             readonly min: {
-                readonly type: import('vue').PropType<number>;
+                readonly type: PropType<number>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -31,7 +32,7 @@ declare const Slider: {
                 readonly default: 0;
             };
             readonly max: {
-                readonly type: import('vue').PropType<number>;
+                readonly type: PropType<number>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -39,7 +40,7 @@ declare const Slider: {
                 readonly default: 100;
             };
             readonly step: {
-                readonly type: import('vue').PropType<number>;
+                readonly type: PropType<number>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -48,7 +49,7 @@ declare const Slider: {
             };
             readonly showInput: BooleanConstructor;
             readonly showInputControls: {
-                readonly type: import('vue').PropType<boolean>;
+                readonly type: PropType<boolean>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -56,20 +57,20 @@ declare const Slider: {
                 readonly default: true;
             };
             readonly size: {
-                readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+                readonly type: PropType<"" | "default" | "small" | "large">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
             readonly inputSize: {
-                readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+                readonly type: PropType<"" | "default" | "small" | "large">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
             readonly showStops: BooleanConstructor;
             readonly showTooltip: {
-                readonly type: import('vue').PropType<boolean>;
+                readonly type: PropType<boolean>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -77,7 +78,7 @@ declare const Slider: {
                 readonly default: true;
             };
             readonly formatTooltip: {
-                readonly type: import('vue').PropType<(val: number) => number | string>;
+                readonly type: PropType<(val: number) => number | string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -89,7 +90,7 @@ declare const Slider: {
             readonly vertical: BooleanConstructor;
             readonly height: StringConstructor;
             readonly debounce: {
-                readonly type: import('vue').PropType<number>;
+                readonly type: PropType<number>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -97,7 +98,7 @@ declare const Slider: {
                 readonly default: 300;
             };
             readonly rangeStartLabel: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -105,7 +106,7 @@ declare const Slider: {
                 readonly default: undefined;
             };
             readonly rangeEndLabel: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -113,7 +114,7 @@ declare const Slider: {
                 readonly default: undefined;
             };
             readonly formatValueText: {
-                readonly type: import('vue').PropType<(val: number) => string>;
+                readonly type: PropType<(val: number) => string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -121,7 +122,7 @@ declare const Slider: {
                 readonly default: undefined;
             };
             readonly tooltipClass: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -129,7 +130,7 @@ declare const Slider: {
                 readonly default: undefined;
             };
             readonly placement: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -137,9 +138,9 @@ declare const Slider: {
                 readonly default: "top";
             };
             readonly marks: {
-                readonly type: import('vue').PropType<{
+                readonly type: PropType<{
                     [x: number]: (string | {
-                        style: import('vue').CSSProperties;
+                        style: CSSProperties;
                         label: any;
                     }) | undefined;
                 }>;
@@ -148,7 +149,7 @@ declare const Slider: {
                 __epPropKey: true;
             };
             readonly validateEvent: {
-                readonly type: import('vue').PropType<boolean>;
+                readonly type: PropType<boolean>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -156,7 +157,7 @@ declare const Slider: {
                 readonly default: true;
             };
             readonly persistent: {
-                readonly type: import('vue').PropType<boolean>;
+                readonly type: PropType<boolean>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -169,11 +170,11 @@ declare const Slider: {
             onInput?: ((value: number | number[]) => any) | undefined;
         }, {
             onSliderClick: (event: MouseEvent | TouchEvent) => void;
-        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
             "update:modelValue": (value: number | number[]) => void;
             change: (value: number | number[]) => void;
             input: (value: number | number[]) => void;
-        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
+        }, VNodeProps & AllowedComponentProps & ComponentCustomProps, {
             readonly disabled: boolean;
             readonly vertical: boolean;
             readonly range: boolean;
@@ -195,17 +196,17 @@ declare const Slider: {
             readonly tooltipClass: string;
             readonly showInput: boolean;
             readonly showStops: boolean;
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
+        }, Readonly< ExtractPropTypes<{
             readonly ariaLabel: StringConstructor;
             readonly modelValue: {
-                readonly type: import('vue').PropType<number | number[]>;
+                readonly type: PropType<number | number[]>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -213,7 +214,7 @@ declare const Slider: {
                 readonly default: 0;
             };
             readonly id: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -221,7 +222,7 @@ declare const Slider: {
                 readonly default: undefined;
             };
             readonly min: {
-                readonly type: import('vue').PropType<number>;
+                readonly type: PropType<number>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -229,7 +230,7 @@ declare const Slider: {
                 readonly default: 0;
             };
             readonly max: {
-                readonly type: import('vue').PropType<number>;
+                readonly type: PropType<number>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -237,7 +238,7 @@ declare const Slider: {
                 readonly default: 100;
             };
             readonly step: {
-                readonly type: import('vue').PropType<number>;
+                readonly type: PropType<number>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -246,7 +247,7 @@ declare const Slider: {
             };
             readonly showInput: BooleanConstructor;
             readonly showInputControls: {
-                readonly type: import('vue').PropType<boolean>;
+                readonly type: PropType<boolean>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -254,20 +255,20 @@ declare const Slider: {
                 readonly default: true;
             };
             readonly size: {
-                readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+                readonly type: PropType<"" | "default" | "small" | "large">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
             readonly inputSize: {
-                readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+                readonly type: PropType<"" | "default" | "small" | "large">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
             readonly showStops: BooleanConstructor;
             readonly showTooltip: {
-                readonly type: import('vue').PropType<boolean>;
+                readonly type: PropType<boolean>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -275,7 +276,7 @@ declare const Slider: {
                 readonly default: true;
             };
             readonly formatTooltip: {
-                readonly type: import('vue').PropType<(val: number) => number | string>;
+                readonly type: PropType<(val: number) => number | string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -287,7 +288,7 @@ declare const Slider: {
             readonly vertical: BooleanConstructor;
             readonly height: StringConstructor;
             readonly debounce: {
-                readonly type: import('vue').PropType<number>;
+                readonly type: PropType<number>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -295,7 +296,7 @@ declare const Slider: {
                 readonly default: 300;
             };
             readonly rangeStartLabel: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -303,7 +304,7 @@ declare const Slider: {
                 readonly default: undefined;
             };
             readonly rangeEndLabel: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -311,7 +312,7 @@ declare const Slider: {
                 readonly default: undefined;
             };
             readonly formatValueText: {
-                readonly type: import('vue').PropType<(val: number) => string>;
+                readonly type: PropType<(val: number) => string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -319,7 +320,7 @@ declare const Slider: {
                 readonly default: undefined;
             };
             readonly tooltipClass: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -327,7 +328,7 @@ declare const Slider: {
                 readonly default: undefined;
             };
             readonly placement: {
-                readonly type: import('vue').PropType<string>;
+                readonly type: PropType<string>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -335,9 +336,9 @@ declare const Slider: {
                 readonly default: "top";
             };
             readonly marks: {
-                readonly type: import('vue').PropType<{
+                readonly type: PropType<{
                     [x: number]: (string | {
-                        style: import('vue').CSSProperties;
+                        style: CSSProperties;
                         label: any;
                     }) | undefined;
                 }>;
@@ -346,7 +347,7 @@ declare const Slider: {
                 __epPropKey: true;
             };
             readonly validateEvent: {
-                readonly type: import('vue').PropType<boolean>;
+                readonly type: PropType<boolean>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -354,7 +355,7 @@ declare const Slider: {
                 readonly default: true;
             };
             readonly persistent: {
-                readonly type: import('vue').PropType<boolean>;
+                readonly type: PropType<boolean>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -390,7 +391,7 @@ declare const Slider: {
             readonly showInput: boolean;
             readonly showStops: boolean;
         }> | null;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    }, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -398,18 +399,18 @@ declare const Slider: {
         M: {};
         Defaults: {};
     }, Readonly<{}> & Readonly<{}>, {
-        refEl: import('vue').Ref<any, any>;
+        refEl: Ref<any, any>;
     }, {}, {}, {}, {} | {
         [x: string]: any;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
-    refEl: import('vue').Ref<any, any>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {} | {
+} & ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+    refEl: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {} | {
     [x: string]: any;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {}) => any>>;
-}) & import('vue').Plugin;
+}) & Plugin;
 export { Slider, Slider as default };

package/dist/components/slider/index.ts

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

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

@@ -0,0 +1,23 @@
+import type { ExtractPropTypes } from 'vue';
+
+import { buildProps } from '../../../utils/vues/buildProps';
+
+/**
+ * @title {h2} Slider 滑块
+ * @text 目前完全继承 element-plus 中 el-slider
+ */
+
+export const dataProps = buildProps<any>({});
+
+export type DataProps = ExtractPropTypes<typeof dataProps>;
+
+export const dataEmits = [];
+
+export type DataEmits = typeof dataEmits;
+
+export const dataSlot = {};
+
+/**
+ * @expose refEl 获取当前组件在element-plus中暴露的方法
+ */
+export const dataExpose = {};

package/dist/components/slider/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("../../../hooks/cssname/index.cjs");
 require("@fangzhongya/utils/basic/string/splitUpper");
@@ -19,14 +19,14 @@ require("../../../hooks/global-config/index.cjs");
 const index$2 = require("../../../hooks/locale/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 refEl = vue.ref();
     const attrs = index.useInherit();
-    const slots = require$$0.useSlots();
+    const slots = vue.useSlots();
     const cs = index$1.useCssName("slider");
     index$2.useLocale();
     __expose({
@@ -34,18 +34,18 @@ 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.createVNode(require$$0.unref(elementPlus.ElSlider), 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.createVNode(vue.unref(elementPlus.ElSlider), vue.mergeProps(vue.unref(attrs).assem, {
           ref_key: "refEl",
           ref: refEl
-        }), 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)
               ])
             };
           })