@minilo/ui 0.0.6 → 0.0.7

package/minilo/lib/components/tree-select-dialog/index.vue2.js

@@ -93,9 +93,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return result;
     });
     const treeSelectRef = vue.ref();
+    const searchText = vue.ref("");
     vue.watch(visible, (val) => {
-      if (!val && treeSelectRef.value) {
-        treeSelectRef.value.reset();
+      if (!val) {
+        searchText.value = "";
+        if (treeSelectRef.value) {
+          treeSelectRef.value.reset();
+        }
       }
     });
     const handleBeforeClose = () => {
@@ -109,27 +113,31 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       visible.value = false;
     };
     __expose({
-      input: (value) => emit("input", value)
+      input: (value) => emit("input", value),
+      searchText,
+      treeRef: treeSelectRef
     });
     return (_ctx, _cache) => {
       const _component_el_dialog = vue.resolveComponent("el-dialog");
       return vue.openBlock(), vue.createBlock(_component_el_dialog, vue.mergeProps({
         modelValue: visible.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event)
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event)
       }, dialogAttrs.value, {
         class: vue.unref(index.bem)("tree-select-dialog"),
         "before-close": handleBeforeClose,
-        onClose: _cache[1] || (_cache[1] = ($event) => emit("close"))
+        onClose: _cache[2] || (_cache[2] = ($event) => emit("close"))
       }), {
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(index$1.MlTreeSelect), vue.mergeProps({
             ref_key: "treeSelectRef",
             ref: treeSelectRef,
+            "search-text": searchText.value,
+            "onUpdate:searchText": _cache[0] || (_cache[0] = ($event) => searchText.value = $event),
             "tree-data": props.treeData
           }, treeSelectAttrs.value, vue.toHandlers(_ctx.$attrs), {
             onConfirm: handleConfirm,
             onCancel: handleCancel
-          }), null, 16, ["tree-data"])
+          }), null, 16, ["search-text", "tree-data"])
         ]),
         _: 1
         /* STABLE */

package/minilo/lib/components/tree-select-drawer/index.d.ts

@@ -56,6 +56,8 @@ export declare const MlTreeSelectDrawer: <T = any>(__VLS_props: NonNullable<Awai
     } & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         input: (value: string) => void;
+        searchText: import('vue').Ref<string, string>;
+        treeRef: import('vue').Ref<import('..').TreeSelectExpose, import('..').TreeSelectExpose>;
     }>): void;
     attrs: any;
     slots: {};

package/minilo/lib/components/tree-select-drawer/index.vue.d.ts

@@ -1,4 +1,5 @@
 import { TreeSelectDrawerProps } from './type';
+import { TreeSelectExpose } from '../tree-select/type';
 declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onInput?: (value: string) => any;
@@ -10,6 +11,8 @@ declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_
     } & TreeSelectDrawerProps<T>) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         input: (value: string) => void;
+        searchText: import('vue').Ref<string, string>;
+        treeRef: import('vue').Ref<TreeSelectExpose, TreeSelectExpose>;
     }>): void;
     attrs: any;
     slots: {};

package/minilo/lib/components/tree-select-drawer/index.vue2.js

@@ -98,9 +98,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return result;
     });
     const treeSelectRef = vue.ref();
+    const searchText = vue.ref("");
     vue.watch(visible, (val) => {
-      if (!val && treeSelectRef.value) {
-        treeSelectRef.value.reset();
+      if (!val) {
+        searchText.value = "";
+        if (treeSelectRef.value) {
+          treeSelectRef.value.reset();
+        }
       }
     });
     const handleBeforeClose = (done) => {
@@ -115,27 +119,31 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       visible.value = false;
     };
     __expose({
-      input: (value) => emit("input", value)
+      input: (value) => emit("input", value),
+      searchText,
+      treeRef: treeSelectRef
     });
     return (_ctx, _cache) => {
       const _component_el_drawer = vue.resolveComponent("el-drawer");
       return vue.openBlock(), vue.createBlock(_component_el_drawer, vue.mergeProps({
         modelValue: visible.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event)
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event)
       }, drawerAttrs.value, {
         class: vue.unref(index.bem)("tree-select-drawer"),
         "before-close": handleBeforeClose,
-        onClose: _cache[1] || (_cache[1] = ($event) => emit("close"))
+        onClose: _cache[2] || (_cache[2] = ($event) => emit("close"))
       }), {
         default: vue.withCtx(() => [
           vue.createVNode(index_vue_vue_type_script_setup_true_lang.default, vue.mergeProps({
             ref_key: "treeSelectRef",
             ref: treeSelectRef,
+            "search-text": searchText.value,
+            "onUpdate:searchText": _cache[0] || (_cache[0] = ($event) => searchText.value = $event),
             "tree-data": __props.treeData
           }, treeSelectAttrs.value, vue.toHandlers(_ctx.$attrs), {
             onConfirm: handleConfirm,
             onCancel: handleCancel
-          }), null, 16, ["tree-data"])
+          }), null, 16, ["search-text", "tree-data"])
         ]),
         _: 1
         /* STABLE */

package/minilo/lib/components/virtual-list/index.vue2.js

@@ -125,9 +125,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         resizeObserver.disconnect();
       }
       resizeObserver = new ResizeObserver((entries) => {
+        console.log("\u5916\u90E8entries:", entries);
         let needUpdate = false;
         const changedIndices = [];
         for (const entry of entries) {
+          console.log("entry:", entry);
           const target = entry.target;
           const index = parseInt(target.dataset.index || "0");
           const pos = positions.value[index];
@@ -165,7 +167,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const observeVisibleItems = () => {
       if (!resizeObserver || props.itemEqual) return;
       resizeObserver.disconnect();
-      const nodes = containerRef.value?.querySelectorAll(".virtual-list-item");
+      const nodes = containerRef.value?.querySelectorAll(`.${index.bem("virtual-list", "item")}`);
       if (!nodes) return;
       nodes.forEach((node) => {
         resizeObserver.observe(node);

package/minilo/lib/packages/utils/dist/request/index.js

@@ -0,0 +1,115 @@
+'use strict';
+
+var axios = require('axios');
+var elementPlus = require('element-plus');
+var defu = require('defu');
+
+const initRequestInstance = (extendConfig = {}, options = {}) => {
+  const { interceptorsRequestFn = () => {
+  }, interceptorsResponseFn = () => {
+  }, isSuccess = (data) => data?.code === 200, getData = (data) => data?.data, getMessage = (data) => data?.msg || "\u8BF7\u6C42\u5931\u8D25" } = options;
+  const axiosConfig = defu.defu({}, extendConfig, {
+    baseURL: "/",
+    // 从环境变量获取基础URL
+    timeout: 1e4,
+    // 超时时间
+    headers: {
+      "Content-Type": "application/json;charset=utf-8"
+    }
+  });
+  const instance = axios.create(axiosConfig);
+  instance.interceptors.request.use((config) => {
+    interceptorsRequestFn(config);
+    addPendingRequest(config);
+    return config;
+  }, (error) => {
+    return Promise.reject(error);
+  });
+  instance.interceptors.response.use((response) => {
+    interceptorsResponseFn(response);
+    removePendingRequest(response.config);
+    const data = response.data;
+    if (isSuccess(data)) {
+      return Promise.resolve({
+        ...response,
+        ...data,
+        data: getData(data)
+      });
+    } else {
+      const msg = getMessage(data);
+      elementPlus.ElMessage.error(msg);
+      return Promise.reject(new Error(msg));
+    }
+  }, (error) => {
+    console.log("\u8BF7\u6C42\u53D1\u751F\u9519\u8BEF>>>>>>>>>>>>>>>>>>\uFF1A", error);
+    if (error.config) {
+      removePendingRequest(error.config);
+    }
+    if (axios.isCancel(error)) {
+      console.warn("\u8BF7\u6C42\u5DF2\u88AB\u53D6\u6D88:", error.message);
+      return Promise.reject(new Error("\u8BF7\u6C42\u5DF2\u88AB\u53D6\u6D88"));
+    }
+    if (!window.navigator.onLine) {
+      elementPlus.ElMessage.error("\u7F51\u7EDC\u8FDE\u63A5\u5DF2\u65AD\u5F00\uFF0C\u8BF7\u68C0\u67E5\u7F51\u7EDC");
+      return Promise.reject(new Error("\u7F51\u7EDC\u8FDE\u63A5\u5DF2\u65AD\u5F00"));
+    }
+    const { response } = error;
+    if (response) {
+      switch (response.status) {
+        case 401:
+          elementPlus.ElMessage.error("\u8EAB\u4EFD\u9A8C\u8BC1\u5931\u8D25\uFF0C\u8BF7\u91CD\u65B0\u767B\u5F55");
+          break;
+        case 403:
+          elementPlus.ElMessage.error("\u6CA1\u6709\u6743\u9650\u6267\u884C\u6B64\u64CD\u4F5C");
+          break;
+        case 404:
+          elementPlus.ElMessage.error("\u8BF7\u6C42\u7684\u8D44\u6E90\u4E0D\u5B58\u5728");
+          break;
+        case 500:
+          elementPlus.ElMessage.error("\u670D\u52A1\u5668\u5185\u90E8\u9519\u8BEF");
+          break;
+        default:
+          elementPlus.ElMessage.error(`\u8BF7\u6C42\u9519\u8BEF: ${response.status}`);
+      }
+    } else {
+      elementPlus.ElMessage.error("\u8BF7\u6C42\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
+    }
+    return Promise.reject(error);
+  });
+  return instance;
+};
+const pendingRequests = /* @__PURE__ */ new Map();
+const generateRequestKey = (config) => {
+  const { method, url, params, data } = config;
+  const paramsStr = params ? JSON.stringify(params) : "";
+  const dataStr = data ? JSON.stringify(data) : "";
+  return `${method}-${url}-${paramsStr}-${dataStr}`;
+};
+const addPendingRequest = (config) => {
+  const requestKey = generateRequestKey(config);
+  if (pendingRequests.has(requestKey)) {
+    const cancelToken = pendingRequests.get(requestKey);
+    cancelToken.cancel(`\u91CD\u590D\u8BF7\u6C42\u88AB\u53D6\u6D88: ${config.url}`);
+    pendingRequests.delete(requestKey);
+  }
+  const source = axios.CancelToken.source();
+  config.cancelToken = source.token;
+  pendingRequests.set(requestKey, source);
+};
+const removePendingRequest = (config) => {
+  const requestKey = generateRequestKey(config);
+  if (pendingRequests.has(requestKey)) {
+    pendingRequests.delete(requestKey);
+  }
+};
+
+exports.addPendingRequest = addPendingRequest;
+exports.generateRequestKey = generateRequestKey;
+exports.initRequestInstance = initRequestInstance;
+exports.removePendingRequest = removePendingRequest;
+Object.keys(axios).forEach(function (k) {
+    if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+        enumerable: true,
+        get: function () { return axios[k]; }
+    });
+});

package/minilo/lib/resolver/index.js

@@ -17,10 +17,7 @@ const MiniloUiResolver = () => {
         return {
           name,
           from: `@${libraryName}/ui/es/${componentName}`,
-          sideEffects: [
-            "element-plus/theme-chalk/index.css",
-            `@${libraryName}/ui/theme-chalk/ml-${componentName}`
-          ]
+          sideEffects: [`@${libraryName}/ui/theme-chalk/ml-${componentName}`]
         };
       }
       return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@minilo/ui",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "type": "module",
   "imports": {
     "#/*": "./src/*"
@@ -96,7 +96,7 @@
     "vitepress": "2.0.0-alpha.12",
     "vitest": "^4.0.16",
     "vue-tsc": "^3.1.0",
-    "@minilo/utils": "0.0.2"
+    "@minilo/utils": "0.0.8"
   },
   "peerDependencies": {
     "vue": "^3.5.17"

package/minilo/es/components/search-table/index.d.ts

@@ -1,274 +0,0 @@
-export declare const MlSearchTable: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        methodType: {
-            type: () => import('./props').RequestMethodType;
-            default: string;
-        };
-        url: {
-            type: StringConstructor;
-            default: string;
-        };
-        responseDataField: {
-            type: StringConstructor;
-            default: string;
-        };
-        responseTotalField: {
-            type: StringConstructor;
-            default: string;
-        };
-        headers: {
-            type: ObjectConstructor;
-            default: () => {};
-        };
-        showPagination: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        paramsHandler: {
-            type: FunctionConstructor;
-            default: any;
-        };
-        render: {
-            type: FunctionConstructor;
-            default: any;
-        };
-        searchProps: {
-            type: ObjectConstructor;
-            default: () => void;
-        };
-        tableProps: {
-            type: ObjectConstructor;
-            default: () => {
-                border: boolean;
-            };
-        };
-        columns: {
-            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[];
-                fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-                fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-                readonly [Symbol.species]: ArrayConstructor;
-            };
-            default: () => any[];
-        };
-        search: {
-            type: import('vue').PropType<import('../search/props').SearchModel>;
-        };
-    }>> & Readonly<{
-        onReset?: (...args: any[]) => any;
-        "onUpdate:search"?: (value: import('../search/props').SearchModel) => any;
-    }>, {
-        handleSearch: (reset?: boolean) => Promise<void>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        reset: (...args: any[]) => void;
-        "update:search": (value: import('../search/props').SearchModel) => void;
-    }, import('vue').PublicProps, {
-        render: Function;
-        url: string;
-        methodType: import('./props').RequestMethodType;
-        responseDataField: string;
-        responseTotalField: string;
-        headers: Record<string, any>;
-        showPagination: boolean;
-        paramsHandler: Function;
-        searchProps: Record<string, any>;
-        tableProps: Record<string, any>;
-        columns: any[];
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
-        methodType: {
-            type: () => import('./props').RequestMethodType;
-            default: string;
-        };
-        url: {
-            type: StringConstructor;
-            default: string;
-        };
-        responseDataField: {
-            type: StringConstructor;
-            default: string;
-        };
-        responseTotalField: {
-            type: StringConstructor;
-            default: string;
-        };
-        headers: {
-            type: ObjectConstructor;
-            default: () => {};
-        };
-        showPagination: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        paramsHandler: {
-            type: FunctionConstructor;
-            default: any;
-        };
-        render: {
-            type: FunctionConstructor;
-            default: any;
-        };
-        searchProps: {
-            type: ObjectConstructor;
-            default: () => void;
-        };
-        tableProps: {
-            type: ObjectConstructor;
-            default: () => {
-                border: boolean;
-            };
-        };
-        columns: {
-            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[];
-                fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-                fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-                readonly [Symbol.species]: ArrayConstructor;
-            };
-            default: () => any[];
-        };
-        search: {
-            type: import('vue').PropType<import('../search/props').SearchModel>;
-        };
-    }>> & Readonly<{
-        onReset?: (...args: any[]) => any;
-        "onUpdate:search"?: (value: import('../search/props').SearchModel) => any;
-    }>, {
-        handleSearch: (reset?: boolean) => Promise<void>;
-    }, {}, {}, {}, {
-        render: Function;
-        url: string;
-        methodType: import('./props').RequestMethodType;
-        responseDataField: string;
-        responseTotalField: string;
-        headers: Record<string, any>;
-        showPagination: boolean;
-        paramsHandler: Function;
-        searchProps: Record<string, any>;
-        tableProps: Record<string, any>;
-        columns: any[];
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    methodType: {
-        type: () => import('./props').RequestMethodType;
-        default: string;
-    };
-    url: {
-        type: StringConstructor;
-        default: string;
-    };
-    responseDataField: {
-        type: StringConstructor;
-        default: string;
-    };
-    responseTotalField: {
-        type: StringConstructor;
-        default: string;
-    };
-    headers: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    showPagination: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    paramsHandler: {
-        type: FunctionConstructor;
-        default: any;
-    };
-    render: {
-        type: FunctionConstructor;
-        default: any;
-    };
-    searchProps: {
-        type: ObjectConstructor;
-        default: () => void;
-    };
-    tableProps: {
-        type: ObjectConstructor;
-        default: () => {
-            border: boolean;
-        };
-    };
-    columns: {
-        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[];
-            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        default: () => any[];
-    };
-    search: {
-        type: import('vue').PropType<import('../search/props').SearchModel>;
-    };
-}>> & Readonly<{
-    onReset?: (...args: any[]) => any;
-    "onUpdate:search"?: (value: import('../search/props').SearchModel) => any;
-}>, {
-    handleSearch: (reset?: boolean) => Promise<void>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    reset: (...args: any[]) => void;
-    "update:search": (value: import('../search/props').SearchModel) => void;
-}, string, {
-    render: Function;
-    url: string;
-    methodType: import('./props').RequestMethodType;
-    responseDataField: string;
-    responseTotalField: string;
-    headers: Record<string, any>;
-    showPagination: boolean;
-    paramsHandler: Function;
-    searchProps: Record<string, any>;
-    tableProps: Record<string, any>;
-    columns: any[];
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Partial<Record<any, (_: {}) => any>> & Partial<Record<any, (_: {
-        index: any;
-        row: any;
-    }) => any>> & {
-        prefix?(_: {}): any;
-        suffix?(_: {}): any;
-    };
-});
-export default MlSearchTable;