@fmdevui/fm-dev 1.0.50 → 1.0.52

package/es/component.mjs

@@ -1,10 +1,12 @@
 import { FmLogin } from './packages/core/ui/login/index.mjs';
-import { FmTransfer, FmNoticeBar } from './packages/core/ui/components/index.mjs';
+import { FmTransfer, FmNoticeBar, Fmselect, FmAutocomplete } from './packages/core/ui/components/index.mjs';
 
 const plugins = [
   FmLogin,
   FmTransfer,
-  FmNoticeBar
+  FmNoticeBar,
+  Fmselect,
+  FmAutocomplete
 ];
 
 export { plugins as default };

package/es/core/ui/components/fmautocomplete/index.vue.d.ts

@@ -0,0 +1,110 @@
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * api service name
+     */
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * api service 下的方法
+    */
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    top: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+      * 值的属性值
+      */
+    fId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 值的属性标签
+     */
+    fName: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: PropType<string>;
+        required: true;
+    };
+    id: {
+        type: PropType<Number>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    reset: (...args: any[]) => void;
+    select: (...args: any[]) => void;
+    "update:id": (value: Number) => void;
+    "update:name": (value: string) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * api service name
+     */
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * api service 下的方法
+    */
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    top: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+      * 值的属性值
+      */
+    fId: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 值的属性标签
+     */
+    fName: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: PropType<string>;
+        required: true;
+    };
+    id: {
+        type: PropType<Number>;
+        required: true;
+    };
+}>> & Readonly<{
+    onReset?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onUpdate:id"?: ((value: Number) => any) | undefined;
+    "onUpdate:name"?: ((value: string) => any) | undefined;
+}>, {
+    placeholder: string;
+    top: number;
+    apiService: string;
+    apiAction: string;
+    fId: string;
+    fName: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/core/ui/components/fmselect/index.vue.d.ts

@@ -0,0 +1,91 @@
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    optionData: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: never[];
+    };
+    /**
+     * 值的属性值
+     */
+    bvalue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 值的属性标签
+     */
+    blabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: PropType<any>;
+    };
+    name: {
+        type: PropType<any>;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:id": (value: any) => void;
+    "update:name": (value: any) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    optionData: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: never[];
+    };
+    /**
+     * 值的属性值
+     */
+    bvalue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 值的属性标签
+     */
+    blabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: PropType<any>;
+    };
+    name: {
+        type: PropType<any>;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:id"?: ((value: any) => any) | undefined;
+    "onUpdate:name"?: ((value: any) => any) | undefined;
+}>, {
+    optionData: any[];
+    bvalue: string;
+    blabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/core/ui/components/index.d.ts

@@ -1,5 +1,5 @@
 import { elSvg } from './svgIcon';
-import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, PropType } from 'vue';
 declare const FmTransfer: DefineComponent<ExtractPropTypes<{
     leftTitle: StringConstructor;
     rightTitle: StringConstructor;
@@ -414,4 +414,165 @@ declare const FmDragImg: DefineComponent<ExtractPropTypes<{
     minDegree: number;
     maxDegree: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-export { FmTransfer, FmNoticeBar, FmDragImg, elSvg };
+declare const Fmselect: DefineComponent<ExtractPropTypes<{
+    optionData: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: never[];
+    };
+    bvalue: {
+        type: StringConstructor;
+        default: string;
+    };
+    blabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: PropType<any>;
+    };
+    name: {
+        type: PropType<any>;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:id": (value: any) => void;
+    "update:name": (value: any) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    optionData: {
+        type: {
+            (arrayLength: number): any[];
+            (...items: any[]): any[];
+            new (arrayLength: number): any[];
+            new (...items: any[]): any[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: never[];
+    };
+    bvalue: {
+        type: StringConstructor;
+        default: string;
+    };
+    blabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: PropType<any>;
+    };
+    name: {
+        type: PropType<any>;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:id"?: ((value: any) => any) | undefined;
+    "onUpdate:name"?: ((value: any) => any) | undefined;
+}>, {
+    optionData: any[];
+    bvalue: string;
+    blabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const FmAutocomplete: DefineComponent<ExtractPropTypes<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    top: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fId: {
+        type: StringConstructor;
+        default: string;
+    };
+    fName: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: PropType<string>;
+        required: true;
+    };
+    id: {
+        type: PropType<Number>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    reset: (...args: any[]) => void;
+    select: (...args: any[]) => void;
+    "update:id": (value: Number) => void;
+    "update:name": (value: string) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    top: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fId: {
+        type: StringConstructor;
+        default: string;
+    };
+    fName: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: {
+        type: PropType<string>;
+        required: true;
+    };
+    id: {
+        type: PropType<Number>;
+        required: true;
+    };
+}>> & Readonly<{
+    onReset?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    "onUpdate:id"?: ((value: Number) => any) | undefined;
+    "onUpdate:name"?: ((value: string) => any) | undefined;
+}>, {
+    placeholder: string;
+    top: number;
+    apiService: string;
+    apiAction: string;
+    fId: string;
+    fName: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export { FmTransfer, FmNoticeBar, FmDragImg, Fmselect, FmAutocomplete, elSvg };

package/es/index.mjs

@@ -3,7 +3,7 @@ export { default as emitter } from './packages/core/utils/emit/index.mjs';
 export { default as setIntroduction } from './packages/core/utils/comm/setIconfont.mjs';
 import './packages/core/index.mjs';
 export { version } from './version.mjs';
-export { FmDragImg, FmNoticeBar, FmTransfer } from './packages/core/ui/components/index.mjs';
+export { FmAutocomplete, FmDragImg, FmNoticeBar, FmTransfer, Fmselect } from './packages/core/ui/components/index.mjs';
 export { elSvg } from './packages/core/ui/components/svgIcon/index.mjs';
 export { FmLogin } from './packages/core/ui/login/index.mjs';
 export { NextLoading } from './packages/core/ui/loading/index.mjs';

package/es/packages/core/index.mjs

@@ -1,4 +1,4 @@
-export { FmDragImg, FmNoticeBar, FmTransfer } from './ui/components/index.mjs';
+export { FmAutocomplete, FmDragImg, FmNoticeBar, FmTransfer, Fmselect } from './ui/components/index.mjs';
 export { FmLogin } from './ui/login/index.mjs';
 export { NextLoading } from './ui/loading/index.mjs';
 export { AccountTypeEnum, HttpMethodEnum, JobCreateTypeEnum } from './api/index.mjs';

package/es/packages/core/ui/components/fmautocomplete/index.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/core/ui/components/fmautocomplete/index.vue2.mjs

@@ -0,0 +1,117 @@
+import { defineComponent, useModel, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, toDisplayString, mergeModels } from 'vue';
+import { useBaseApi } from '../../../api/base/index.mjs';
+
+const _hoisted_1 = { style: { "font-size": "14px", "line-height": "30px" } };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FmAutocomplete"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u8F93\u5165\u5FEB\u901F\u641C\u7D22\u9009\u62E9"
+    },
+    /**
+     * api service name
+     */
+    apiService: {
+      type: String,
+      default: "planOrder"
+    },
+    /**
+    * api service 下的方法
+    */
+    apiAction: {
+      type: String,
+      default: "autoQuerySearch"
+    },
+    top: {
+      type: Number,
+      default: 15
+    },
+    /**
+      * 值的属性值
+      */
+    fId: {
+      type: String,
+      default: "id"
+    },
+    /**
+     * 值的属性标签
+     */
+    fName: {
+      type: String,
+      default: "name"
+    }
+  }, {
+    "name": {
+      required: true,
+      default: ""
+    },
+    "nameModifiers": {},
+    "id": {
+      required: true,
+      default: 0
+    },
+    "idModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["select", "reset"], ["update:name", "update:id"]),
+  setup(__props, { emit: __emit }) {
+    const autoName = useModel(__props, "name");
+    const autoId = useModel(__props, "id");
+    const props = __props;
+    const emit = __emit;
+    const querySearchAsync = async (queryString, cb) => {
+      resetValue();
+      const res = await useBaseApi(props.apiService).post({ top: props.top, keywork: queryString }, props.apiAction);
+      const data = res.data.result ?? [];
+      if (data.length === 0) {
+        return cb([]);
+      }
+      const results = data.map((item) => ({
+        ...item,
+        displayText: `${item[props.fName]}`
+        // 自定义展示格式
+        //fullData: item                                // 保留原始对象
+      }));
+      cb(results);
+    };
+    const handleSelect = (item) => {
+      autoName.value = item[props.fName];
+      autoId.value = item[props.fId];
+      emit("select", item);
+    };
+    const resetValue = () => {
+      autoId.value = 0;
+      emit("reset");
+    };
+    return (_ctx, _cache) => {
+      const _component_el_autocomplete = resolveComponent("el-autocomplete");
+      return openBlock(), createBlock(_component_el_autocomplete, {
+        modelValue: autoName.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => autoName.value = $event),
+        debounce: 500,
+        "fetch-suggestions": querySearchAsync,
+        placeholder: props.placeholder,
+        "trigger-on-focus": false,
+        onSelect: handleSelect,
+        style: { "margin-top": "-2px" }
+      }, {
+        default: withCtx(({ item }) => [
+          createElementVNode(
+            "div",
+            _hoisted_1,
+            toDisplayString(item[__props.fName]),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "placeholder"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/ui/components/fmselect/index.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/core/ui/components/fmselect/index.vue2.mjs

@@ -0,0 +1,86 @@
+import { defineComponent, useModel, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementBlock, Fragment, renderList, mergeModels } from 'vue';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Fmselect"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ mergeModels({
+    //数据
+    optionData: {
+      type: Array,
+      default: []
+    },
+    /**
+     * 值的属性值
+     */
+    bvalue: {
+      type: String,
+      default: "id"
+    },
+    /**
+     * 值的属性标签
+     */
+    blabel: {
+      type: String,
+      default: "name"
+    }
+  }, {
+    "id": {
+      type: Number,
+      default: 0
+    },
+    "idModifiers": {},
+    "name": {
+      type: String,
+      default: ""
+    },
+    "nameModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:id", "update:name"]),
+  setup(__props, { emit: __emit }) {
+    const modeValueId = useModel(__props, "id");
+    const modeValueName = useModel(__props, "name");
+    const props = __props;
+    const emit = __emit;
+    const handleSelectChange = () => {
+      const fitem = props.optionData.find((item) => item.id == modeValueId.value);
+      modeValueName.value = fitem[props.blabel];
+      emit("change", fitem);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      return openBlock(), createBlock(_component_el_select, {
+        modelValue: modeValueId.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modeValueId.value = $event),
+        placeholder: "\u8BF7\u9009\u62E9",
+        onChange: handleSelectChange
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_option, {
+            value: 0,
+            label: ""
+          }),
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(__props.optionData, (item, index) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: index,
+                value: item[__props.bvalue],
+                label: item[__props.blabel]
+              }, null, 8, ["value", "label"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/ui/components/index.mjs

@@ -1,12 +1,18 @@
 import './transfer/index.vue.mjs';
 import './noticeBar/index.vue.mjs';
 import dragimg from './dragVerify/dragVerifyImgRotate.vue.mjs';
+import './fmselect/index.vue.mjs';
+import './fmautocomplete/index.vue.mjs';
 export { elSvg } from './svgIcon/index.mjs';
 import _sfc_main from './transfer/index.vue2.mjs';
 import _sfc_main$1 from './noticeBar/index.vue2.mjs';
+import _sfc_main$2 from './fmselect/index.vue2.mjs';
+import _sfc_main$3 from './fmautocomplete/index.vue2.mjs';
 
 const FmTransfer = _sfc_main;
 const FmNoticeBar = _sfc_main$1;
 const FmDragImg = dragimg;
+const Fmselect = _sfc_main$2;
+const FmAutocomplete = _sfc_main$3;
 
-export { FmDragImg, FmNoticeBar, FmTransfer };
+export { FmAutocomplete, FmDragImg, FmNoticeBar, FmTransfer, Fmselect };