@fmdeui/fmui 1.0.110 → 1.0.111

package/es/component.mjs

@@ -15,6 +15,7 @@ import { FmTree } from './packages/components/fmtree/index.mjs';
 import { FmCascader } from './packages/components/fmcascader/index.mjs';
 import { FmInputNumber } from './packages/components/fm-inputnumber/index.mjs';
 import { FmAutocomplete } from './packages/components/fm-autocomplete/index.mjs';
+import { FmSelect } from './packages/components/fm-select/index.mjs';
 
 const plugins = [
   FButton,
@@ -33,7 +34,8 @@ const plugins = [
   FmTree,
   FmCascader,
   FmInputNumber,
-  FmAutocomplete
+  FmAutocomplete,
+  FmSelect
 ];
 
 export { plugins as default };

package/es/components/fm-select/index.d.ts

@@ -0,0 +1,194 @@
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export 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;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    basecode: {
+        type: StringConstructor;
+        default: string;
+    };
+    multibasecode: {
+        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[];
+    };
+    freshSize: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    autoLoadData: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: PropType<number>;
+    };
+    name: {
+        type: PropType<string>;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:id": (value: number) => void;
+    "update:name": (value: string) => 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;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    basecode: {
+        type: StringConstructor;
+        default: string;
+    };
+    multibasecode: {
+        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[];
+    };
+    freshSize: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    autoLoadData: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: PropType<number>;
+    };
+    name: {
+        type: PropType<string>;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:id"?: ((value: number) => any) | undefined;
+    "onUpdate:name"?: ((value: string) => any) | undefined;
+}>, {
+    placeholder: string;
+    optionData: any[];
+    bvalue: string;
+    blabel: string;
+    inputWidth: string;
+    dropWidth: string;
+    dropHeight: string;
+    apiService: string;
+    apiAction: string;
+    basecode: string;
+    multibasecode: any[];
+    freshSize: string | number;
+    autoLoadData: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/es/components/fm-select/index.vue.d.ts

@@ -0,0 +1,237 @@
+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;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+  * api service name
+  */
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * api service 下的方法
+    */
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 基础编码 自动获取数据
+     */
+    basecode: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * 基础编码  多个编码合在一起调用
+    */
+    multibasecode: {
+        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[];
+    };
+    freshSize: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    /**
+  * 是否默认加载数据
+  */
+    autoLoadData: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: PropType<number>;
+    };
+    name: {
+        type: PropType<string>;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:id": (value: number) => void;
+    "update:name": (value: string) => 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;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    inputWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    dropHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+  * api service name
+  */
+    apiService: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * api service 下的方法
+    */
+    apiAction: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * 基础编码 自动获取数据
+     */
+    basecode: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+    * 基础编码  多个编码合在一起调用
+    */
+    multibasecode: {
+        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[];
+    };
+    freshSize: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    /**
+  * 是否默认加载数据
+  */
+    autoLoadData: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: PropType<number>;
+    };
+    name: {
+        type: PropType<string>;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:id"?: ((value: number) => any) | undefined;
+    "onUpdate:name"?: ((value: string) => any) | undefined;
+}>, {
+    placeholder: string;
+    optionData: any[];
+    bvalue: string;
+    blabel: string;
+    inputWidth: string;
+    dropWidth: string;
+    dropHeight: string;
+    apiService: string;
+    apiAction: string;
+    basecode: string;
+    multibasecode: any[];
+    freshSize: string | number;
+    autoLoadData: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/index.d.ts

@@ -11,6 +11,7 @@ export * from './svgIcon';
 export * from './fm-layout';
 export * from './fm-settings';
 export * from './modifyRecord';
+export * from './fm-select';
 export * from './fm-inputdropdown';
 export * from './fm-inputnumber';
 export * from './fm-autocomplete';

package/es/packages/components/fm-select/index.mjs

@@ -0,0 +1,6 @@
+import './index.vue.mjs';
+import _sfc_main from './index.vue2.mjs';
+
+const FmSelect = _sfc_main;
+
+export { FmSelect };

package/es/packages/components/fm-select/index.vue.mjs

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

package/es/packages/components/fm-select/index.vue2.mjs

@@ -0,0 +1,177 @@
+import { defineComponent, useModel, reactive, onMounted, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementBlock, Fragment, renderList, createElementVNode, createVNode, unref, mergeModels } from 'vue';
+import { RefreshLeft } from '@element-plus/icons-vue';
+import '../../stores/index.mjs';
+import { usefminputdropdownstore } from '../../stores/ainputdropdow.mjs';
+
+const _hoisted_1 = { style: { "display": "flex", "justify-content": "end", "align-items": "right" } };
+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"
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u9009\u62E9"
+    },
+    inputWidth: {
+      type: String,
+      default: "40%"
+    },
+    dropWidth: {
+      type: String,
+      default: "90px"
+    },
+    dropHeight: {
+      type: String,
+      default: "180px"
+    },
+    /**
+    * api service name
+    */
+    apiService: {
+      type: String,
+      default: "baseData"
+    },
+    /**
+    * api service 下的方法
+    */
+    apiAction: {
+      type: String,
+      default: "baseDataList"
+    },
+    /**
+     * 基础编码 自动获取数据
+     */
+    basecode: {
+      type: String,
+      default: ""
+    },
+    /**
+    * 基础编码  多个编码合在一起调用
+    */
+    multibasecode: {
+      type: Array,
+      default: []
+    },
+    freshSize: {
+      type: [Number, String],
+      default: 20
+    },
+    /**
+    * 是否默认加载数据
+    */
+    autoLoadData: {
+      type: Boolean,
+      default: true
+    }
+  }, {
+    "id": { default: 0, required: false },
+    "idModifiers": {},
+    "name": { default: "", required: false },
+    "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 state = reactive({
+      optionData: props.optionData
+    });
+    const emit = __emit;
+    const handelChange = (val) => {
+      const fitem = state.optionData.find((item) => item[props.blabel] === val);
+      modeValueId.value = fitem != null ? fitem[props.bvalue] : 0;
+      modeValueName.value = fitem != null ? fitem[props.blabel] : "";
+      emit("change", val);
+    };
+    const handelClear = () => {
+      modeValueId.value = 0;
+      modeValueName.value = "";
+      emit("change", "");
+    };
+    onMounted(async () => {
+      if (props.optionData.length > 0) {
+        state.optionData = props.optionData;
+      }
+      if (props.autoLoadData && props.basecode && props.basecode != "") {
+        const useBaseApi = usefminputdropdownstore();
+        state.optionData = await useBaseApi.getOptionsData(props.apiService, props.apiAction, props.basecode, false, props.multibasecode);
+      }
+    });
+    const handRestdata = async () => {
+      if (props.basecode && props.basecode != "") {
+        const useBaseApi = usefminputdropdownstore();
+        state.optionData = await useBaseApi.getOptionsData(props.apiService, props.apiAction, props.basecode, true, []);
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      return openBlock(), createBlock(_component_el_select, {
+        modelValue: modeValueName.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modeValueName.value = $event),
+        placeholder: props.placeholder,
+        style: normalizeStyle({ width: __props.inputWidth }),
+        onChange: handelChange,
+        onClear: handelClear
+      }, {
+        header: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(_component_el_icon, {
+              color: "#13c2c2",
+              size: __props.freshSize,
+              onClick: handRestdata
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(RefreshLeft))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["size"])
+          ])
+        ]),
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(state.optionData, (item, index) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: index,
+                label: item[__props.blabel],
+                value: item[__props.blabel]
+              }, null, 8, ["label", "value"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "placeholder", "style"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/index.mjs

@@ -11,6 +11,7 @@ export { elSvg } from './svgIcon/index.mjs';
 export { FLayout } from './fm-layout/index.mjs';
 export { FSettings } from './fm-settings/index.mjs';
 export { FModifyRecord } from './modifyRecord/index.mjs';
+export { FmSelect } from './fm-select/index.mjs';
 export { Fminputdropdown } from './fm-inputdropdown/index.mjs';
 export { FmInputNumber } from './fm-inputnumber/index.mjs';
 export { FmAutocomplete } from './fm-autocomplete/index.mjs';