api-dict-select 0.1.0 → 0.1.1

package/README.md

@@ -1,4 +1,4 @@
-# `api-dict-select`
+# `dict-select`
 
 一个可复用的下拉组件。传入接口方法后自动请求选项数据，支持缓存、联动参数、`label` 回传和多选。
 
@@ -38,7 +38,7 @@ npm publish --registry=http://your-registry
 ```ts
 import { createApp } from 'vue';
 import ElementPlus from 'element-plus';
-import DictSelect from 'api-dict-select';
+import DictSelect from 'dict-select';
 import 'element-plus/dist/index.css';
 
 const app = createApp(App);

package/dist/index.js

@@ -1,214 +0,0 @@
-import { defineComponent as z, useModel as p, ref as B, computed as U, watch as v, resolveComponent as D, openBlock as M, createBlock as L, withCtx as _, createElementBlock as G, Fragment as H, renderList as P, mergeModels as N } from "vue";
-const O = /* @__PURE__ */ new Map(), Q = () => O, W = (u) => {
-  if (u) {
-    O.delete(u);
-    return;
-  }
-  O.clear();
-}, I = /* @__PURE__ */ z({
-  __name: "DictSelect",
-  props: /* @__PURE__ */ N({
-    placeholder: { default: "全部" },
-    disabled: { type: Boolean, default: !1 },
-    optionLabel: { default: "k" },
-    optionValue: { default: "v" },
-    optionDisabledField: { default: "text" },
-    optionDisabledValue: { type: [String, Number, Boolean], default: "disable" },
-    filter: { type: Boolean, default: !1 },
-    clearable: { type: Boolean, default: !0 },
-    vModelToNumber: { type: Boolean, default: !1 },
-    vModelToString: { type: Boolean, default: !1 },
-    isBuffer: { type: Boolean, default: !0 },
-    isLabel: { type: Boolean, default: !1 },
-    api: {},
-    mock: { default: () => [] },
-    multiple: { type: Boolean, default: !1 },
-    param: { default: () => ({}) },
-    callApiIfNeeded: { type: Boolean, default: !0 },
-    cacheKey: { default: "" },
-    transform: { type: Function, default: void 0 },
-    immediate: { type: Boolean, default: !0 },
-    autoClearInvalidValue: { type: Boolean, default: !0 }
-  }, {
-    modelValue: {},
-    modelModifiers: {},
-    options: {},
-    optionsModifiers: {},
-    response: {},
-    responseModifiers: {},
-    loading: { type: Boolean },
-    loadingModifiers: {},
-    selectedOption: {},
-    selectedOptionModifiers: {}
-  }),
-  emits: /* @__PURE__ */ N(["label", "allData", "options", "loaded", "error", "onClear"], ["update:modelValue", "update:options", "update:response", "update:loading", "update:selectedOption"]),
-  setup(u, { expose: w, emit: T }) {
-    const e = u, n = p(u, "modelValue"), A = p(u, "options"), K = p(u, "response"), E = p(u, "loading"), k = p(u, "selectedOption"), o = B([]), m = B(!1), d = B(), g = Q();
-    let y = 0;
-    const c = T, C = (l) => {
-      var a, i, t;
-      return ((a = l == null ? void 0 : l.result) == null ? void 0 : a.list) || ((i = l == null ? void 0 : l.result) == null ? void 0 : i.data) || ((t = l == null ? void 0 : l.result) == null ? void 0 : t.result) || (l == null ? void 0 : l.result) || (l == null ? void 0 : l.data) || l || [];
-    }, F = () => !e.param || Object.keys(e.param).length === 0 ? !0 : Object.values(e.param).every(
-      (l) => l != null && l !== ""
-    ), S = () => {
-      var a;
-      return `${e.cacheKey || ((a = e.api) == null ? void 0 : a.name) || "dict-select"}:${JSON.stringify(e.param || {})}`;
-    }, f = () => e.multiple ? Array.isArray(n.value) ? o.value.filter(
-      (l) => n.value.includes(l[e.optionValue])
-    ) : [] : o.value.find(
-      (l) => l[e.optionValue] === n.value
-    ), s = () => {
-      A.value = o.value, K.value = d.value, E.value = m.value, k.value = f();
-    }, j = (l) => {
-      e.vModelToNumber && l.forEach((a) => {
-        a[e.optionValue] = Number(a[e.optionValue]);
-      }), e.vModelToString && l.forEach((a) => {
-        a[e.optionValue] = String(a[e.optionValue]);
-      });
-    }, J = () => {
-      if (!e.autoClearInvalidValue)
-        return;
-      if (e.multiple) {
-        if (Array.isArray(n.value) && n.value.length > 0) {
-          const a = n.value.filter(
-            (i) => o.value.some((t) => t[e.optionValue] === i)
-          );
-          a.length !== n.value.length && (n.value = a);
-        }
-        return;
-      }
-      o.value.findIndex(
-        (a) => a[e.optionValue] === n.value
-      ) === -1 && (n.value = void 0);
-    }, R = () => {
-      c("onClear");
-    }, b = (l, a, i) => {
-      o.value = l, d.value = a, j(o.value), J(), s(), c("loaded", {
-        options: o.value,
-        response: d.value,
-        fromCache: i
-      });
-    }, V = async (l = !1) => {
-      if (e.mock.length > 0) {
-        b(e.mock, e.mock, !1);
-        return;
-      }
-      if (!e.api) {
-        o.value = [], d.value = void 0, s();
-        return;
-      }
-      if (!e.callApiIfNeeded || !F()) {
-        o.value = [], d.value = void 0, s();
-        return;
-      }
-      const a = S();
-      if (!l && e.isBuffer && g.has(a)) {
-        const t = g.get(a);
-        b((t == null ? void 0 : t.options) || [], t == null ? void 0 : t.response, !0);
-        return;
-      }
-      const i = ++y;
-      m.value = !0, s();
-      try {
-        const t = await e.api(e.param);
-        if (i !== y)
-          return;
-        const r = e.transform ? e.transform(C(t), t) : C(t), x = Array.isArray(r) ? r : [];
-        e.isBuffer && g.set(a, {
-          options: x,
-          response: t
-        }), b(x, t, !1);
-      } catch (t) {
-        if (i !== y)
-          return;
-        c("error", t), o.value = [], d.value = void 0, s();
-      } finally {
-        i === y && (m.value = !1, s());
-      }
-    }, q = async (l = !0) => {
-      await V(l);
-    }, $ = () => {
-      W(S());
-    }, h = U(() => {
-      if (e.multiple) {
-        const a = f();
-        return Array.isArray(a) ? a.map((i) => i[e.optionLabel]) : [];
-      }
-      const l = f();
-      return !l || Array.isArray(l) ? "" : l[e.optionLabel] ?? "";
-    });
-    return v(
-      () => o.value,
-      () => {
-        c("options", o.value), A.value = o.value;
-      }
-    ), v(
-      () => e.mock,
-      () => {
-        if (e.mock.length > 0) {
-          b(e.mock, e.mock, !1);
-          return;
-        }
-        e.api || (o.value = [], d.value = void 0, s());
-      }
-    ), v(
-      () => e.api,
-      () => {
-        e.immediate && V();
-      },
-      { immediate: e.immediate }
-    ), v(
-      () => e.param,
-      (l, a) => {
-        JSON.stringify(l) !== JSON.stringify(a) && V();
-      },
-      { deep: !0 }
-    ), v(
-      () => [n.value, o.value],
-      () => {
-        const l = f();
-        k.value = l, e.isLabel && c(
-          "label",
-          Array.isArray(h.value) ? h.value.join(",") : h.value
-        ), c("allData", l);
-      },
-      { immediate: !0, deep: !0 }
-    ), w({
-      refresh: q,
-      clearCache: $,
-      getOptions: () => o.value,
-      getResponse: () => d.value,
-      getSelectedOption: f
-    }), (l, a) => {
-      const i = D("el-option"), t = D("el-select");
-      return M(), L(t, {
-        modelValue: n.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (r) => n.value = r),
-        filterable: e.filter,
-        disabled: e.disabled,
-        placeholder: e.placeholder,
-        clearable: e.clearable,
-        multiple: e.multiple,
-        loading: m.value,
-        onClear: R
-      }, {
-        default: _(() => [
-          (M(!0), G(H, null, P(o.value, (r) => (M(), L(i, {
-            key: r[e.optionValue],
-            label: r[e.optionLabel],
-            value: r[e.optionValue],
-            disabled: r[e.optionDisabledField] === e.optionDisabledValue
-          }, null, 8, ["label", "value", "disabled"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["modelValue", "filterable", "disabled", "placeholder", "clearable", "multiple", "loading"]);
-    };
-  }
-}), X = I;
-X.install = (u) => {
-  u.component("DictSelect", I);
-};
-export {
-  I as DictSelect,
-  X as default
-};

package/dist/index.umd.cjs

@@ -1 +0,0 @@
-(function(s,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(s=typeof globalThis<"u"?globalThis:s||self,t(s.DictSelect={},s.Vue))})(this,function(s,t){"use strict";const g=new Map,w=()=>g,x=r=>{if(r){g.delete(r);return}g.clear()},h=t.defineComponent({__name:"DictSelect",props:t.mergeModels({placeholder:{default:"全部"},disabled:{type:Boolean,default:!1},optionLabel:{default:"k"},optionValue:{default:"v"},optionDisabledField:{default:"text"},optionDisabledValue:{type:[String,Number,Boolean],default:"disable"},filter:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},vModelToNumber:{type:Boolean,default:!1},vModelToString:{type:Boolean,default:!1},isBuffer:{type:Boolean,default:!0},isLabel:{type:Boolean,default:!1},api:{},mock:{default:()=>[]},multiple:{type:Boolean,default:!1},param:{default:()=>({})},callApiIfNeeded:{type:Boolean,default:!0},cacheKey:{default:""},transform:{type:Function,default:void 0},immediate:{type:Boolean,default:!0},autoClearInvalidValue:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{},options:{},optionsModifiers:{},response:{},responseModifiers:{},loading:{type:Boolean},loadingModifiers:{},selectedOption:{},selectedOptionModifiers:{}}),emits:t.mergeModels(["label","allData","options","loaded","error","onClear"],["update:modelValue","update:options","update:response","update:loading","update:selectedOption"]),setup(r,{expose:L,emit:N}){const e=r,u=t.useModel(r,"modelValue"),O=t.useModel(r,"options"),T=t.useModel(r,"response"),I=t.useModel(r,"loading"),A=t.useModel(r,"selectedOption"),i=t.ref([]),v=t.ref(!1),c=t.ref(),V=w();let y=0;const p=N,C=l=>{var a,n,o;return((a=l==null?void 0:l.result)==null?void 0:a.list)||((n=l==null?void 0:l.result)==null?void 0:n.data)||((o=l==null?void 0:l.result)==null?void 0:o.result)||(l==null?void 0:l.result)||(l==null?void 0:l.data)||l||[]},j=()=>!e.param||Object.keys(e.param).length===0?!0:Object.values(e.param).every(l=>l!=null&&l!==""),S=()=>{var a;return`${e.cacheKey||((a=e.api)==null?void 0:a.name)||"dict-select"}:${JSON.stringify(e.param||{})}`},m=()=>e.multiple?Array.isArray(u.value)?i.value.filter(l=>u.value.includes(l[e.optionValue])):[]:i.value.find(l=>l[e.optionValue]===u.value),f=()=>{O.value=i.value,T.value=c.value,I.value=v.value,A.value=m()},K=l=>{e.vModelToNumber&&l.forEach(a=>{a[e.optionValue]=Number(a[e.optionValue])}),e.vModelToString&&l.forEach(a=>{a[e.optionValue]=String(a[e.optionValue])})},E=()=>{if(!e.autoClearInvalidValue)return;if(e.multiple){if(Array.isArray(u.value)&&u.value.length>0){const a=u.value.filter(n=>i.value.some(o=>o[e.optionValue]===n));a.length!==u.value.length&&(u.value=a)}return}i.value.findIndex(a=>a[e.optionValue]===u.value)===-1&&(u.value=void 0)},F=()=>{p("onClear")},b=(l,a,n)=>{i.value=l,c.value=a,K(i.value),E(),f(),p("loaded",{options:i.value,response:c.value,fromCache:n})},M=async(l=!1)=>{if(e.mock.length>0){b(e.mock,e.mock,!1);return}if(!e.api){i.value=[],c.value=void 0,f();return}if(!e.callApiIfNeeded||!j()){i.value=[],c.value=void 0,f();return}const a=S();if(!l&&e.isBuffer&&V.has(a)){const o=V.get(a);b((o==null?void 0:o.options)||[],o==null?void 0:o.response,!0);return}const n=++y;v.value=!0,f();try{const o=await e.api(e.param);if(n!==y)return;const d=e.transform?e.transform(C(o),o):C(o),D=Array.isArray(d)?d:[];e.isBuffer&&V.set(a,{options:D,response:o}),b(D,o,!1)}catch(o){if(n!==y)return;p("error",o),i.value=[],c.value=void 0,f()}finally{n===y&&(v.value=!1,f())}},q=async(l=!0)=>{await M(l)},J=()=>{x(S())},B=t.computed(()=>{if(e.multiple){const a=m();return Array.isArray(a)?a.map(n=>n[e.optionLabel]):[]}const l=m();return!l||Array.isArray(l)?"":l[e.optionLabel]??""});return t.watch(()=>i.value,()=>{p("options",i.value),O.value=i.value}),t.watch(()=>e.mock,()=>{if(e.mock.length>0){b(e.mock,e.mock,!1);return}e.api||(i.value=[],c.value=void 0,f())}),t.watch(()=>e.api,()=>{e.immediate&&M()},{immediate:e.immediate}),t.watch(()=>e.param,(l,a)=>{JSON.stringify(l)!==JSON.stringify(a)&&M()},{deep:!0}),t.watch(()=>[u.value,i.value],()=>{const l=m();A.value=l,e.isLabel&&p("label",Array.isArray(B.value)?B.value.join(","):B.value),p("allData",l)},{immediate:!0,deep:!0}),L({refresh:q,clearCache:J,getOptions:()=>i.value,getResponse:()=>c.value,getSelectedOption:m}),(l,a)=>{const n=t.resolveComponent("el-option"),o=t.resolveComponent("el-select");return t.openBlock(),t.createBlock(o,{modelValue:u.value,"onUpdate:modelValue":a[0]||(a[0]=d=>u.value=d),filterable:e.filter,disabled:e.disabled,placeholder:e.placeholder,clearable:e.clearable,multiple:e.multiple,loading:v.value,onClear:F},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.value,d=>(t.openBlock(),t.createBlock(n,{key:d[e.optionValue],label:d[e.optionLabel],value:d[e.optionValue],disabled:d[e.optionDisabledField]===e.optionDisabledValue},null,8,["label","value","disabled"]))),128))]),_:1},8,["modelValue","filterable","disabled","placeholder","clearable","multiple","loading"])}}}),k=h;k.install=r=>{r.component("DictSelect",h)},s.DictSelect=h,s.default=k,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/types/DictSelect.vue.d.ts

@@ -1,92 +0,0 @@
-import type { ApiFunction, OptionItem, TransformFunction } from './types';
-type __VLS_Props = {
-    placeholder?: string;
-    disabled?: boolean;
-    optionLabel?: string;
-    optionValue?: string;
-    optionDisabledField?: string;
-    optionDisabledValue?: string | number | boolean;
-    filter?: boolean;
-    clearable?: boolean;
-    vModelToNumber?: boolean;
-    vModelToString?: boolean;
-    isBuffer?: boolean;
-    isLabel?: boolean;
-    api?: ApiFunction;
-    mock?: OptionItem[];
-    multiple?: boolean;
-    param?: Record<string, any>;
-    callApiIfNeeded?: boolean;
-    cacheKey?: string;
-    transform?: TransformFunction;
-    immediate?: boolean;
-    autoClearInvalidValue?: boolean;
-};
-type __VLS_PublicProps = __VLS_Props & {
-    modelValue?: any;
-    'options'?: OptionItem[] | undefined;
-    'response'?: any;
-    'loading'?: boolean | undefined;
-    'selectedOption'?: OptionItem | OptionItem[] | undefined;
-};
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
-    refresh: (force?: boolean) => Promise<void>;
-    clearCache: () => void;
-    getOptions: () => OptionItem[];
-    getResponse: () => any;
-    getSelectedOption: () => OptionItem | OptionItem[] | undefined;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    options: (args_0: OptionItem[]) => any;
-    label: (args_0: string) => any;
-    allData: (args_0: OptionItem | OptionItem[] | undefined) => any;
-    loaded: (args_0: {
-        options: OptionItem[];
-        response: any;
-        fromCache: boolean;
-    }) => any;
-    error: (args_0: unknown) => any;
-    onClear: () => any;
-    "update:modelValue": (value: any) => any;
-    "update:options": (value: OptionItem[] | undefined) => any;
-    "update:response": (value: any) => any;
-    "update:loading": (value: boolean | undefined) => any;
-    "update:selectedOption": (value: OptionItem | OptionItem[] | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onOptions?: ((args_0: OptionItem[]) => any) | undefined;
-    onLabel?: ((args_0: string) => any) | undefined;
-    onAllData?: ((args_0: OptionItem | OptionItem[] | undefined) => any) | undefined;
-    onLoaded?: ((args_0: {
-        options: OptionItem[];
-        response: any;
-        fromCache: boolean;
-    }) => any) | undefined;
-    onError?: ((args_0: unknown) => any) | undefined;
-    onOnClear?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    "onUpdate:options"?: ((value: OptionItem[] | undefined) => any) | undefined;
-    "onUpdate:response"?: ((value: any) => any) | undefined;
-    "onUpdate:loading"?: ((value: boolean | undefined) => any) | undefined;
-    "onUpdate:selectedOption"?: ((value: OptionItem | OptionItem[] | undefined) => any) | undefined;
-}>, {
-    placeholder: string;
-    disabled: boolean;
-    optionLabel: string;
-    optionValue: string;
-    optionDisabledField: string;
-    optionDisabledValue: string | number | boolean;
-    filter: boolean;
-    clearable: boolean;
-    vModelToNumber: boolean;
-    vModelToString: boolean;
-    isBuffer: boolean;
-    isLabel: boolean;
-    mock: OptionItem[];
-    multiple: boolean;
-    param: Record<string, any>;
-    callApiIfNeeded: boolean;
-    cacheKey: string;
-    transform: TransformFunction;
-    immediate: boolean;
-    autoClearInvalidValue: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/types/cache.d.ts

@@ -1,7 +0,0 @@
-export type OptionItem = Record<string, any>;
-export interface CacheEntry {
-    options: OptionItem[];
-    response: any;
-}
-export declare const getOptionCache: () => Map<string, CacheEntry>;
-export declare const clearOptionCache: (key?: string) => void;

package/dist/types/index.d.ts

@@ -1,10 +0,0 @@
-import type { App } from 'vue';
-import DictSelect from './DictSelect.vue';
-import type { DictSelectExpose, OptionItem } from './types';
-type DictSelectPlugin = typeof DictSelect & {
-    install: (app: App) => void;
-};
-declare const plugin: DictSelectPlugin;
-export default plugin;
-export { DictSelect };
-export type { DictSelectExpose, OptionItem };

package/dist/types/types.d.ts

@@ -1,10 +0,0 @@
-export type OptionItem = Record<string, any>;
-export type ApiFunction = (params?: Record<string, any>) => Promise<any>;
-export type TransformFunction = (raw: any, response: any) => OptionItem[];
-export interface DictSelectExpose {
-    refresh: (force?: boolean) => Promise<void>;
-    clearCache: () => void;
-    getOptions: () => OptionItem[];
-    getResponse: () => any;
-    getSelectedOption: () => OptionItem | OptionItem[] | undefined;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "api-dict-select",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A reusable select component that loads options from an API automatically.",
   "type": "module",
   "main": "dist/index.umd.cjs",