@fmdevui/fm-dev 1.0.50 → 1.0.52

package/lib/component.js

@@ -8,7 +8,9 @@ var index$1 = require('./packages/core/ui/components/index.js');
 const plugins = [
   index.FmLogin,
   index$1.FmTransfer,
-  index$1.FmNoticeBar
+  index$1.FmNoticeBar,
+  index$1.Fmselect,
+  index$1.FmAutocomplete
 ];
 
 exports.default = plugins;

package/lib/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/lib/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/lib/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/lib/index.js

@@ -48,9 +48,11 @@ exports.default = defaults.default;
 exports.emitter = index.default;
 exports.setIntroduction = setIconfont.default;
 exports.version = version.version;
+exports.FmAutocomplete = index$1.FmAutocomplete;
 exports.FmDragImg = index$1.FmDragImg;
 exports.FmNoticeBar = index$1.FmNoticeBar;
 exports.FmTransfer = index$1.FmTransfer;
+exports.Fmselect = index$1.Fmselect;
 exports.elSvg = index$2.elSvg;
 exports.FmLogin = index$3.FmLogin;
 exports.NextLoading = index$4.NextLoading;

package/lib/packages/core/index.js

@@ -40,9 +40,11 @@ var index$f = require('./utils/const/index.js');
 
 
 
+exports.FmAutocomplete = index.FmAutocomplete;
 exports.FmDragImg = index.FmDragImg;
 exports.FmNoticeBar = index.FmNoticeBar;
 exports.FmTransfer = index.FmTransfer;
+exports.Fmselect = index.Fmselect;
 exports.FmLogin = index$2.FmLogin;
 exports.NextLoading = index$3.NextLoading;
 exports.AccountTypeEnum = index$4.AccountTypeEnum;

package/lib/packages/core/ui/components/fmautocomplete/index.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/lib/packages/core/ui/components/fmautocomplete/index.vue2.js

@@ -0,0 +1,121 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../../api/base/index.js');
+
+const _hoisted_1 = { style: { "font-size": "14px", "line-height": "30px" } };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "FmAutocomplete"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ vue.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__ */ vue.mergeModels(["select", "reset"], ["update:name", "update:id"]),
+  setup(__props, { emit: __emit }) {
+    const autoName = vue.useModel(__props, "name");
+    const autoId = vue.useModel(__props, "id");
+    const props = __props;
+    const emit = __emit;
+    const querySearchAsync = async (queryString, cb) => {
+      resetValue();
+      const res = await index.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 = vue.resolveComponent("el-autocomplete");
+      return vue.openBlock(), vue.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: vue.withCtx(({ item }) => [
+          vue.createElementVNode(
+            "div",
+            _hoisted_1,
+            vue.toDisplayString(item[__props.fName]),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "placeholder"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/core/ui/components/fmselect/index.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+
+
+
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/lib/packages/core/ui/components/fmselect/index.vue2.js

@@ -0,0 +1,90 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "Fmselect"
+  },
+  __name: "index",
+  props: /* @__PURE__ */ vue.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__ */ vue.mergeModels(["change"], ["update:id", "update:name"]),
+  setup(__props, { emit: __emit }) {
+    const modeValueId = vue.useModel(__props, "id");
+    const modeValueName = vue.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 = vue.resolveComponent("el-option");
+      const _component_el_select = vue.resolveComponent("el-select");
+      return vue.openBlock(), vue.createBlock(_component_el_select, {
+        modelValue: modeValueId.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modeValueId.value = $event),
+        placeholder: "\u8BF7\u9009\u62E9",
+        onChange: handleSelectChange
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_option, {
+            value: 0,
+            label: ""
+          }),
+          (vue.openBlock(true), vue.createElementBlock(
+            vue.Fragment,
+            null,
+            vue.renderList(__props.optionData, (item, index) => {
+              return vue.openBlock(), vue.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"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/core/ui/components/index.js

@@ -3,15 +3,23 @@
 require('./transfer/index.vue.js');
 require('./noticeBar/index.vue.js');
 var dragVerifyImgRotate = require('./dragVerify/dragVerifyImgRotate.vue.js');
+require('./fmselect/index.vue.js');
+require('./fmautocomplete/index.vue.js');
 var index = require('./svgIcon/index.js');
 var index_vue_vue_type_script_setup_true_lang = require('./transfer/index.vue2.js');
 var index_vue_vue_type_script_setup_true_lang$1 = require('./noticeBar/index.vue2.js');
+var index_vue_vue_type_script_setup_true_lang$2 = require('./fmselect/index.vue2.js');
+var index_vue_vue_type_script_setup_true_lang$3 = require('./fmautocomplete/index.vue2.js');
 
 const FmTransfer = index_vue_vue_type_script_setup_true_lang.default;
 const FmNoticeBar = index_vue_vue_type_script_setup_true_lang$1.default;
 const FmDragImg = dragVerifyImgRotate.default;
+const Fmselect = index_vue_vue_type_script_setup_true_lang$2.default;
+const FmAutocomplete = index_vue_vue_type_script_setup_true_lang$3.default;
 
 exports.elSvg = index.elSvg;
+exports.FmAutocomplete = FmAutocomplete;
 exports.FmDragImg = FmDragImg;
 exports.FmNoticeBar = FmNoticeBar;
 exports.FmTransfer = FmTransfer;
+exports.Fmselect = Fmselect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fmdevui/fm-dev",
-  "version": "1.0.50",
+  "version": "1.0.52",
   "description": "Page level components developed based on Element Plus.",
   "author": "fmdevui",
   "keywords": [