cnhis-design-vue 3.3.1-beta.7 → 3.3.1-release.4

package/es/shared/hooks/useFormRequest/index.js

@@ -1 +1,164 @@
-import{isObject as e,isPromise as t}from"@vue/shared";import{uuidGenerator as r}from"../../utils/index.js";import{unref as n}from"vue";import"naive-ui";import"@vueuse/core";import"date-fns";import{AsyncQueue as s}from"../useAsyncQueue/index.js";import{isArray as o,cloneDeep as a,isFunction as i}from"lodash-es";import"@vueuse/shared";import"../selectHooks/useSearchContent.js";import"@vicons/ionicons5";import"../useScrollLoading.js";let u=null;const c={method:"post",url:"",primaryKeyUrl:"",mergeUrl:""},l={url:{get:"/fdp-api/fdp/aiRec/search",post:"/fdp-api/fdp/aiRec/sendBehaviorData",delete:"/fdp-api/fdp/aiRec/delete"},getRecommendIds:()=>({})};function f(){return{getHttpInstance:function(){return u},registGlobHttpInstance:function(e){u=e},registGlobRecommendInfo:function(e){Object.assign(l,e)},registGlobSearchInfo:function(e){Object.assign(c,e)},getSearchRequestInfo:function(){return{...c}},getRecommendRequestInfo:function(){return a(l)}}}function p(o,a){const{getHttpInstance:u}=f();let c=null;return{create:function(l=3,f){const p=new s({name:"FormRenderAsyncQueue",uniqueData:a.value,parallelism:l,async processor({key:r,mergeUrl:s,method:a="post",cache:m,params:d,url:h,payload:g},R,w){var y,b,q,v;const S=null!=(y=n(o))?y:u();if(!S)return console.log("before use http feature, you should regist http instance by useFormRequest.registGlobHttpInstance()"),R(),void w();try{let n;if(f&&i(f.beforeRequest)&&(d=null!=(b=f.beforeRequest(r,d,g))?b:{}),s){(!c||Object.keys(c.waitingRequestParams).length>=10)&&(c=function(e,t,r,n,s){const o=new Promise(((s,a)=>{n.parallelism=1e3,setTimeout((async()=>{try{s(await e[r](t,o.waitingRequestParams))}catch(e){a(e)}}),10)})).finally((()=>{c=null,n.parallelism=s}));return o.waitingRequestParams={},o}(S,s,a,p,l)),c.waitingRequestParams[r]=d;const t=await c;n=e(t)?{...t,map:null!=(v=null==(q=t.map)?void 0:q[r])?v:{rows:[]}}:{}}else n=await S[a](h,d);f&&i(f.afterRequest)&&(n=f.afterRequest(r,n,g),t(n)&&(n=await n)),R(void 0,Array.isArray(n)?n:[]),!m&&w()}catch(e){R(new Error(`Request error => ${e}`)),w()}},getKey:({url:e,method:t="post",cache:n,params:s})=>n?e+t+JSON.stringify(s||{}):r()});return p}}}function m(t){if(!e(t))throw t;return r=t,Reflect.has(r,"map")&&Reflect.has(r,"result")?function(e){const{result:t,map:r}=e;if("SUCCESS"!==t)throw e;o(r.rows)&&Object.assign(r.rows,{total:r.total,pageSize:r.pageSize,page:r.page,fieldList:r.fieldList});return r.rows}(t):function(e){return Reflect.has(e,"result")&&Reflect.has(e,"obj")}(t)?function(t){const{obj:r,result:n}=t;if("SUCCESS"!==n||!e(r))throw t;return Object.entries(r).reduce(((e,[t,r])=>(r.forEach((r=>e.push({...r,type:t}))),e)),[])}(t):function(e){return Reflect.has(e,"data")&&Reflect.has(e,"success")}(t)?function(e){const{data:t,success:r}=e;if(!r)throw e;return t}(t):[];var r}export{m as presetRequestHandler,p as useFormAsyncQueue,f as useFormRequest};
+import { isObject, isPromise } from '@vue/shared';
+import { uuidGenerator } from '../../utils/index.js';
+import { unref } from 'vue';
+import 'naive-ui';
+import '@vueuse/core';
+import 'date-fns';
+import { AsyncQueue } from '../useAsyncQueue/index.js';
+import { isArray, cloneDeep, isFunction } from 'lodash-es';
+import '@vueuse/shared';
+import '../selectHooks/useSearchContent.js';
+import '@vicons/ionicons5';
+import '../useScrollLoading.js';
+
+let http = null;
+const searchRequestInfo = { method: "post", url: "", primaryKeyUrl: "", mergeUrl: "" };
+const recommendRequestInfo = {
+  url: {
+    get: "/fdp-api/fdp/aiRec/search",
+    post: "/fdp-api/fdp/aiRec/sendBehaviorData",
+    delete: "/fdp-api/fdp/aiRec/delete"
+  },
+  getRecommendIds: () => ({})
+};
+function useFormRequest() {
+  function getHttpInstance() {
+    return http;
+  }
+  function registGlobHttpInstance(instance) {
+    http = instance;
+  }
+  function getSearchRequestInfo() {
+    return { ...searchRequestInfo };
+  }
+  function getRecommendRequestInfo() {
+    return cloneDeep(recommendRequestInfo);
+  }
+  function registGlobSearchInfo(info) {
+    Object.assign(searchRequestInfo, info);
+  }
+  function registGlobRecommendInfo(info) {
+    Object.assign(recommendRequestInfo, info);
+  }
+  return {
+    getHttpInstance,
+    registGlobHttpInstance,
+    registGlobRecommendInfo,
+    registGlobSearchInfo,
+    getSearchRequestInfo,
+    getRecommendRequestInfo
+  };
+}
+function useFormAsyncQueue(requestInstance, uniqueData) {
+  const { getHttpInstance } = useFormRequest();
+  let waiting = null;
+  function createWaitingRequest(http2, url, method, asyncQueue, parallelism) {
+    const result = new Promise((res, rej) => {
+      asyncQueue.parallelism = 1e3;
+      setTimeout(async () => {
+        try {
+          res(await http2[method](url, result.waitingRequestParams));
+        } catch (e) {
+          rej(e);
+        }
+      }, 10);
+    }).finally(() => {
+      waiting = null;
+      asyncQueue.parallelism = parallelism;
+    });
+    result.waitingRequestParams = {};
+    return result;
+  }
+  function create(parallelism = 3, option) {
+    const instance = new AsyncQueue({
+      name: "FormRenderAsyncQueue",
+      uniqueData: uniqueData.value,
+      parallelism,
+      async processor({ key, mergeUrl, method = "post", cache, params, url, payload }, cb, removeCache) {
+        var _a, _b, _c, _d;
+        const http2 = (_a = unref(requestInstance)) != null ? _a : getHttpInstance();
+        if (!http2) {
+          console.log(
+            "before use http feature, you should regist http instance by useFormRequest.registGlobHttpInstance()"
+          );
+          cb();
+          removeCache();
+          return;
+        }
+        try {
+          if (option && isFunction(option.beforeRequest)) {
+            params = (_b = option.beforeRequest(key, params, payload)) != null ? _b : {};
+          }
+          let res;
+          if (mergeUrl) {
+            if (!waiting || Object.keys(waiting.waitingRequestParams).length >= 10) {
+              waiting = createWaitingRequest(http2, mergeUrl, method, instance, parallelism);
+            }
+            waiting.waitingRequestParams[key] = params;
+            const fullRes = await waiting;
+            res = isObject(fullRes) ? { ...fullRes, map: (_d = (_c = fullRes.map) == null ? void 0 : _c[key]) != null ? _d : { rows: [] } } : {};
+          } else {
+            res = await http2[method](url, params);
+          }
+          if (option && isFunction(option.afterRequest)) {
+            res = option.afterRequest(key, res, payload);
+            if (isPromise(res))
+              res = await res;
+          }
+          cb(void 0, Array.isArray(res) ? res : []);
+          !cache && removeCache();
+        } catch (e) {
+          cb(new Error(`Request error => ${e}`));
+          removeCache();
+        }
+      },
+      getKey({ url, method = "post", cache, params }) {
+        if (!cache)
+          return uuidGenerator();
+        return url + method + JSON.stringify(params || {});
+      }
+    });
+    return instance;
+  }
+  return { create };
+}
+function presetRequestHandler(res) {
+  if (!isObject(res))
+    throw res;
+  return isSearchResult(res) ? handlerSearch(res) : isRecommendResult(res) ? handlerRecommend(res) : isSelectResult(res) ? handlerSelect(res) : [];
+  function isSelectResult(res2) {
+    return Reflect.has(res2, "data") && Reflect.has(res2, "success");
+  }
+  function handlerSelect(res2) {
+    const { data, success } = res2;
+    if (!success)
+      throw res2;
+    return data;
+  }
+  function isSearchResult(res2) {
+    return Reflect.has(res2, "map") && Reflect.has(res2, "result");
+  }
+  function handlerSearch(res2) {
+    const { result, map } = res2;
+    if (result !== "SUCCESS")
+      throw res2;
+    if (isArray(map.rows)) {
+      Object.assign(map.rows, { total: map.total, pageSize: map.pageSize, page: map.page, fieldList: map.fieldList });
+    }
+    return map.rows;
+  }
+  function isRecommendResult(res2) {
+    return Reflect.has(res2, "result") && Reflect.has(res2, "obj");
+  }
+  function handlerRecommend(res2) {
+    const { obj, result } = res2;
+    if (result !== "SUCCESS" || !isObject(obj))
+      throw res2;
+    return Object.entries(obj).reduce((res3, [type, list]) => {
+      list.forEach((item) => res3.push({ ...item, type }));
+      return res3;
+    }, []);
+  }
+}
+
+export { presetRequestHandler, useFormAsyncQueue, useFormRequest };

package/es/shared/hooks/useLevelSearchCascader.d.ts

@@ -22,6 +22,7 @@ export declare function useLevelSearchCascader(props: Partial<{
     labelKey: import("vue").ComputedRef<string>;
     valueKey: import("vue").ComputedRef<string>;
     optionsRef: Ref<AnyObject[]>;
+    nodeHasChild: (node: AnyObject) => Promise<boolean>;
     showRef: Ref<boolean>;
     fetchData: (node?: AnyObject, keyword?: string, dbClick?: boolean, updateValueWhenNoChild?: boolean) => Promise<void | AnyObject>;
     menuWidth: Ref<number>;

package/es/shared/hooks/useLevelSearchCascader.js

@@ -1 +1,309 @@
-import{deepOmit as e}from"../utils/index.js";import"naive-ui";import{computed as t,ref as r,watch as n,unref as i}from"vue";import"@vueuse/core";import"date-fns";import{isEqual as o,noop as a,isString as l,isNumber as u,isEmpty as s,isFunction as c,cloneDeep as d,omit as v,isArray as p}from"lodash-es";import{useFormRequest as h}from"./useFormRequest/index.js";import"@vueuse/shared";import"./selectHooks/useSearchContent.js";import"@vicons/ionicons5";import"./useScrollLoading.js";function y(y,f,{asyncQueue:m,fieldKey:k,getRequestPayload:g=a}){const b=t({get:()=>y.value,set(e){o(e,y.value)||f("update:value",e)}}),w=r(!1),_=r([]),O=t((()=>{var e,t,r;return null!=(r=null==(t=null==(e=y.wordbook)?void 0:e.show_key)?void 0:t[0])?r:y.labelField})),L=t((()=>{var e,t;return null!=(t=null==(e=y.wordbook)?void 0:e.value_key)?t:y.valueField})),j=t((()=>{var e,t;return null==(t=null==(e=y.wordbook)?void 0:e.render_key)?void 0:t[0]})),C=t((()=>{var e;return(null==(e=y.wordbook)?void 0:e.level_num)||1/0})),K=function(e,t,r){return{transformListToChildren(e){if(!e.length)return[];const t=[(e=d(e))[0]];let r=e[0];for(let t=1;t<e.length;t++){const n=e[t];n&&(r.children=[n],n.parent=r,r=n)}return[e,t]},getNodeDepth(e){let t=1,r=e.parent;for(;r;)t++,r=r.parent;return t},enrichChildOption(e,t,r){return{...e,parent:t,isLeaf:this.getNodeDepth(t)+1>=r}},enrichKeywordOption:(e,n)=>(e.__keyword=!!n,e.isLeaf=!!n,n&&r.value&&e[r.value]&&(e[t.value]=e[r.value]),e),sortOptionWithIdList:(t,r)=>r.map((r=>t.find((t=>t[e.value]===r)))),generateOptionWithIdList(t,r,n){let i=t[0];return{options:r.reduce(((e,r,a)=>{const l=o(t,r);return 0===a?(i=l,[l]):(Object.assign(l,{parent:i,isLeaf:a+1>=n}),i.children=[l],i=l,e)}),[]),lastOption:i};function o(t,r){return t.find((t=>t[e.value]===r))}},parseLinkFromString2List:e=>e.split("_").filter((e=>e)),isClickNodeCheckbox:e=>e&&!e.__keyword&&e.isLeaf,createConfigObject:(t,r,n)=>r?t.conObj||[]:n?[{con:"EQ",is_compare_field:!1,field_key:t.level_key,value:n[e.value]}]:t.conObjFirstLevel||[],createOptionValue(e){const t=[];let r=e;for(;r;)t.unshift(v(r,["parent","isLeaf","__keyword","children"])),r=r.parent;return t},shouldInitOptionList:(t,r,n)=>p(t)&&!s(t)&&t.every((t=>t[e.value]))&&!r&&!n}}(L,O,j),{getSearchRequestInfo:I}=h(),R=r(150),N=r();async function P(t,r,n,o=!0){var a,d;if(R.value=r&&(null==(a=N.value)?void 0:a.getWidth())||150,K.shouldInitOptionList(b.value,t,r)){const[e,t]=K.transformListToChildren(b.value),r=e[Math.max(0,e.length-2)];if(b.value.length>1){_.value=t;const r=e[Math.max(0,e.length-2)];return await P(r,void 0,!1,!1),r}if(null==(d=_.value)?void 0:d.length)return r}try{return K.isClickNodeCheckbox(t)?v(t):t?t.__keyword?async function(){var r;if(!l(t.id_link))return Promise.reject(`id_link isn't string "${t.id_link}"`);const o=K.parseLinkFromString2List(t.id_link);u(C.value)&&C.value!==1/0&&o.splice(C.value);const a=await async function(e){if(!I().primaryKeyUrl)return[];try{return await m.addAsync(t(y.wordbook,y.autograph,e,i(k)))}catch(e){l(e)&&console.error(e)}function t(e,t,r,n){const i={...I()};Reflect.deleteProperty(i,"mergeUrl");return{key:n,params:{autograph:t,tableId:e.id,primaryKeyValue:r.join(","),page:1},...i,url:i.primaryKeyUrl,cache:y.requestCache,payload:{field:{},labelKey:O.value,valueKey:L.value}}}}(o);if(!a)return Promise.reject("fetchPrimaryKeyValue failed");const{lastOption:c,options:d}=K.generateOptionWithIdList(a,o,C.value);o.length<C.value&&(n&&(isNaN(+y.checkAbleLevel)||o.length>=+y.checkAbleLevel)?c&&(c.children=[]):await P(c));if(s(null==c?void 0:c.children))return b.value=e(K.sortOptionWithIdList(a,o),["parent","children"]),w.value=!1,Promise.reject("lastOption.children is empty");return _.value=d,null==(r=N.value)||r.setCursor(c),c}():async function(){const e=await m.addAsync(p(y.wordbook,y.autograph,t,i(k)));if(!e.length)return o?v(t):Promise.reject("childrenList is empty");t.children=e.map((e=>K.enrichChildOption(e,t,C.value)))}():async function(){var e;const n=await m.addAsync(p(y.wordbook,y.autograph,t,i(k)));_.value=n.map((e=>K.enrichKeywordOption(e,r))),r&&(null==(e=N.value)||e.setCursor(_.value[0]))}()}catch(e){l(e)&&console.error(e)}function v(e){return b.value=K.createOptionValue(e),w.value=!1,Promise.reject("update value success, no need to continue")}function p(e,t,n,i){const o={autograph:()=>t,wordbookId:"id",wordbookType:"type",fieldKeys:()=>e.search_key?JSON.stringify(e.search_key):void 0,conObj:()=>JSON.stringify(K.createConfigObject(e,r,n)),primaryKey:"primary_key",levelKey:"level_key",keyword:()=>r,page:()=>1},a=Object.entries(o).reduce(((t,[r,n])=>(t[r]=l(n)?e[n]:c(n)?n():void 0,t)),{});return{...I(),params:a,key:i,cache:y.requestCache,payload:{...g(),labelKey:O.value,valueKey:L.value}}}}return n((()=>y.wordbook),((e,t)=>{o(e,t)||(_.value=[],e&&(b.value||!y.lazyRequest)&&P())}),{immediate:!0}),{valueRef:b,labelKey:O,valueKey:L,optionsRef:_,showRef:w,fetchData:P,menuWidth:R,searchCascaderRef:N}}export{y as useLevelSearchCascader};
+import { deepOmit } from '../utils/index.js';
+import 'naive-ui';
+import { computed, ref, watch, unref } from 'vue';
+import '@vueuse/core';
+import 'date-fns';
+import { isEqual, noop, isString, isNumber, isEmpty, isArray, isFunction, cloneDeep, omit } from 'lodash-es';
+import { useFormRequest } from './useFormRequest/index.js';
+import '@vueuse/shared';
+import './selectHooks/useSearchContent.js';
+import '@vicons/ionicons5';
+import './useScrollLoading.js';
+
+function useLevelSearchCascader(props, emit, {
+  asyncQueue,
+  fieldKey,
+  getRequestPayload = noop
+}) {
+  const valueRef = computed({
+    get() {
+      return props.value;
+    },
+    set(value) {
+      if (isEqual(value, props.value))
+        return;
+      emit("update:value", value);
+    }
+  });
+  const showRef = ref(false);
+  const optionsRef = ref([]);
+  const labelKey = computed(() => {
+    var _a, _b, _c;
+    return (_c = (_b = (_a = props.wordbook) == null ? void 0 : _a.show_key) == null ? void 0 : _b[0]) != null ? _c : props.labelField;
+  });
+  const valueKey = computed(() => {
+    var _a, _b;
+    return (_b = (_a = props.wordbook) == null ? void 0 : _a.value_key) != null ? _b : props.valueField;
+  });
+  const renderKey = computed(() => {
+    var _a, _b;
+    return (_b = (_a = props.wordbook) == null ? void 0 : _a.render_key) == null ? void 0 : _b[0];
+  });
+  const depth = computed(() => {
+    var _a;
+    return ((_a = props.wordbook) == null ? void 0 : _a.level_num) || Infinity;
+  });
+  const CascaderUtils = createCascaderUtils(valueKey, labelKey, renderKey);
+  const { getSearchRequestInfo } = useFormRequest();
+  const menuWidth = ref(150);
+  const searchCascaderRef = ref();
+  async function fetchData(node, keyword, dbClick, updateValueWhenNoChild = true) {
+    var _a, _b;
+    menuWidth.value = keyword ? ((_a = searchCascaderRef.value) == null ? void 0 : _a.getWidth()) || 150 : 150;
+    if (CascaderUtils.shouldInitOptionList(valueRef.value, node, keyword)) {
+      const [list, options] = CascaderUtils.transformListToChildren(valueRef.value);
+      const lastActiveNode = list[Math.max(0, list.length - 2)];
+      if (valueRef.value.length > 1) {
+        optionsRef.value = options;
+        const lastActiveNode2 = list[Math.max(0, list.length - 2)];
+        await fetchData(lastActiveNode2, void 0, false, false);
+        return lastActiveNode2;
+      } else if ((_b = optionsRef.value) == null ? void 0 : _b.length) {
+        return lastActiveNode;
+      }
+    }
+    try {
+      if (CascaderUtils.isClickNodeCheckbox(node)) {
+        return updateValue(node);
+      }
+      if (!node) {
+        return handlerOptionInit();
+      } else if (node.__keyword) {
+        return handlerClickSearchNode();
+      } else {
+        return handlerClickNode();
+      }
+    } catch (e) {
+      isString(e) && console.error(e);
+    }
+    async function handlerOptionInit() {
+      var _a2;
+      const result = await asyncQueue.addAsync(
+        createParams(props.wordbook, props.autograph, node, unref(fieldKey), keyword)
+      );
+      optionsRef.value = result.map((option) => CascaderUtils.enrichKeywordOption(option, keyword));
+      keyword && ((_a2 = searchCascaderRef.value) == null ? void 0 : _a2.setCursor(optionsRef.value[0]));
+    }
+    async function handlerClickSearchNode() {
+      var _a2;
+      if (!isString(node.id_link))
+        return Promise.reject(`id_link isn't string "${node.id_link}"`);
+      const linkList = CascaderUtils.parseLinkFromString2List(node.id_link);
+      if (isNumber(depth.value) && depth.value !== Infinity) {
+        linkList.splice(depth.value);
+      }
+      const primaryKeyOptions = await fetchPrimaryKeyValue(linkList);
+      if (!primaryKeyOptions)
+        return Promise.reject("fetchPrimaryKeyValue failed");
+      const { lastOption, options } = CascaderUtils.generateOptionWithIdList(primaryKeyOptions, linkList, depth.value);
+      if (linkList.length < depth.value) {
+        if (dbClick && (isNaN(+props.checkAbleLevel) || linkList.length >= +props.checkAbleLevel)) {
+          lastOption && (lastOption.children = []);
+        } else {
+          await fetchData(lastOption);
+        }
+      }
+      if (isEmpty(lastOption == null ? void 0 : lastOption.children)) {
+        valueRef.value = deepOmit(CascaderUtils.sortOptionWithIdList(primaryKeyOptions, linkList), [
+          "parent",
+          "children"
+        ]);
+        showRef.value = false;
+        return Promise.reject("lastOption.children is empty");
+      }
+      optionsRef.value = options;
+      (_a2 = searchCascaderRef.value) == null ? void 0 : _a2.setCursor(lastOption);
+      return lastOption;
+    }
+    async function handlerClickNode() {
+      const result = await asyncQueue.addAsync(createParams(props.wordbook, props.autograph, node, unref(fieldKey)));
+      if (!result.length) {
+        if (updateValueWhenNoChild)
+          return updateValue(node);
+        return Promise.reject("childrenList is empty");
+      }
+      node.children = result.map((option) => CascaderUtils.enrichChildOption(option, node, depth.value));
+    }
+    function updateValue(node2) {
+      valueRef.value = CascaderUtils.createOptionValue(node2);
+      showRef.value = false;
+      return Promise.reject("update value success, no need to continue");
+    }
+  }
+  async function fetchPrimaryKeyValue(primaryKeys) {
+    if (!getSearchRequestInfo().primaryKeyUrl)
+      return [];
+    try {
+      return await asyncQueue.addAsync(createParams2(props.wordbook, props.autograph, primaryKeys, unref(fieldKey)));
+    } catch (e) {
+      isString(e) && console.error(e);
+    }
+    function createParams2(wordbook, autograph, primaryKeys2, key) {
+      const requestInfo = { ...getSearchRequestInfo() };
+      Reflect.deleteProperty(requestInfo, "mergeUrl");
+      const params = {
+        autograph,
+        tableId: wordbook.id,
+        primaryKeyValue: primaryKeys2.join(","),
+        page: 1
+      };
+      return {
+        key,
+        params,
+        ...requestInfo,
+        url: requestInfo.primaryKeyUrl,
+        cache: props.requestCache,
+        payload: {
+          field: {},
+          labelKey: labelKey.value,
+          valueKey: valueKey.value
+        }
+      };
+    }
+  }
+  watch(
+    () => props.wordbook,
+    (wordbook, oldWordbook) => {
+      if (isEqual(wordbook, oldWordbook))
+        return;
+      optionsRef.value = [];
+      if (!wordbook)
+        return;
+      (valueRef.value || !props.lazyRequest) && fetchData();
+    },
+    { immediate: true }
+  );
+  async function nodeHasChild(node) {
+    const result = await asyncQueue.addAsync(createParams(props.wordbook, props.autograph, node, unref(fieldKey)));
+    return isArray(result) && result.length > 0;
+  }
+  function createParams(wordbook, autograph, node, key, keyword) {
+    const paramsAdaptorMap = {
+      autograph: () => autograph,
+      wordbookId: "id",
+      wordbookType: "type",
+      fieldKeys: () => wordbook.search_key ? JSON.stringify(wordbook.search_key) : void 0,
+      conObj: () => JSON.stringify(CascaderUtils.createConfigObject(wordbook, keyword, node)),
+      primaryKey: "primary_key",
+      levelKey: "level_key",
+      keyword: () => keyword,
+      page: () => 1
+    };
+    const params = Object.entries(paramsAdaptorMap).reduce((res, [k, v]) => {
+      res[k] = isString(v) ? wordbook[v] : isFunction(v) ? v() : void 0;
+      return res;
+    }, {});
+    return {
+      ...getSearchRequestInfo(),
+      params,
+      key,
+      cache: props.requestCache,
+      payload: {
+        ...getRequestPayload(),
+        labelKey: labelKey.value,
+        valueKey: valueKey.value
+      }
+    };
+  }
+  return {
+    valueRef,
+    labelKey,
+    valueKey,
+    optionsRef,
+    nodeHasChild,
+    showRef,
+    fetchData,
+    menuWidth,
+    searchCascaderRef
+  };
+}
+function createCascaderUtils(valueKey, labelKey, renderKey) {
+  return {
+    transformListToChildren(list) {
+      if (!list.length)
+        return [];
+      list = cloneDeep(list);
+      const result = [list[0]];
+      let currentItem = list[0];
+      for (let i = 1; i < list.length; i++) {
+        const item = list[i];
+        if (item) {
+          currentItem.children = [item];
+          item.parent = currentItem;
+          currentItem = item;
+        }
+      }
+      return [list, result];
+    },
+    getNodeDepth(node) {
+      let result = 1;
+      let parent = node.parent;
+      while (parent) {
+        result++;
+        parent = parent.parent;
+      }
+      return result;
+    },
+    enrichChildOption(option, parent, depth) {
+      return { ...option, parent, isLeaf: this.getNodeDepth(parent) + 1 >= depth };
+    },
+    enrichKeywordOption(option, keyword) {
+      option.__keyword = !!keyword;
+      option.isLeaf = !!keyword;
+      if (keyword && renderKey.value && option[renderKey.value]) {
+        option[labelKey.value] = option[renderKey.value];
+      }
+      return option;
+    },
+    sortOptionWithIdList(options, idList) {
+      return idList.map((id) => {
+        return options.find((option) => option[valueKey.value] === id);
+      });
+    },
+    generateOptionWithIdList(options, idList, depth) {
+      let lastOption = options[0];
+      const resultOption = idList.reduce((res, id, index) => {
+        const option = getTargetOption(options, id);
+        if (index === 0) {
+          lastOption = option;
+          return [option];
+        }
+        Object.assign(option, { parent: lastOption, isLeaf: index + 1 >= depth });
+        lastOption.children = [option];
+        lastOption = option;
+        return res;
+      }, []);
+      return { options: resultOption, lastOption };
+      function getTargetOption(options2, value) {
+        return options2.find((o) => o[valueKey.value] === value);
+      }
+    },
+    parseLinkFromString2List(linkString) {
+      return linkString.split("_").filter((s) => s);
+    },
+    isClickNodeCheckbox(node) {
+      return node && !node.__keyword && node.isLeaf;
+    },
+    createConfigObject(wordbook, keyword, node) {
+      if (keyword)
+        return wordbook.conObj || [];
+      if (!node)
+        return wordbook.conObjFirstLevel || [];
+      return [{ con: "EQ", is_compare_field: false, field_key: wordbook.level_key, value: node[valueKey.value] }];
+    },
+    createOptionValue(node) {
+      const result = [];
+      let current = node;
+      while (current) {
+        result.unshift(omit(current, ["parent", "isLeaf", "__keyword", "children"]));
+        current = current.parent;
+      }
+      return result;
+    },
+    shouldInitOptionList(value, node, keyword) {
+      return isArray(value) && !isEmpty(value) && value.every((item) => item[valueKey.value]) && !node && !keyword;
+    }
+  };
+}
+
+export { useLevelSearchCascader };

package/es/shared/hooks/useScrollLoading.js

@@ -1 +1,22 @@
-import{useThrottleFn as o,useEventListener as t}from"@vueuse/core";const e=o((({target:o},t,e,l)=>{null==l||l();const{clientHeight:r,scrollTop:c,scrollHeight:i}=o;if("top"===e){if(0===c)return;r-c>=i-5&&t()}else r+c>=i-10&&t()}),500);function l(o,l,r="bottom",c){t(o,"scroll",(o=>e(o,l,r,c)),!0)}export{l as useScrollLoading};
+import { useThrottleFn, useEventListener } from '@vueuse/core';
+
+const throttledFn = useThrottleFn(({ target }, callback, direction, afterScroll) => {
+  afterScroll == null ? void 0 : afterScroll();
+  const { clientHeight, scrollTop, scrollHeight } = target;
+  if (direction === "top") {
+    if (scrollTop === 0)
+      return;
+    if (clientHeight - scrollTop >= scrollHeight - 5) {
+      callback();
+    }
+  } else {
+    if (clientHeight + scrollTop >= scrollHeight - 10) {
+      callback();
+    }
+  }
+}, 500);
+function useScrollLoading(wrapperEl, callback, direction = "bottom", afterScroll) {
+  useEventListener(wrapperEl, "scroll", (e) => throttledFn(e, callback, direction, afterScroll), true);
+}
+
+export { useScrollLoading };

package/es/shared/hooks/useTheme.js

@@ -1 +1,29 @@
-import{checkInSetupEnv as r,hex2rgba as o}from"../utils/index.js";import{useThemeVars as t}from"naive-ui";import{inject as i,computed as e,unref as c}from"vue";function n(n,u){r();const a=t(),m=i("themeOverridesInjectRef",{});return e((()=>{var r;const t=u?c(m)[u]:null,i=null!=(r=a.value.primaryColor)?r:"#5585f5";return{...n,"--c-primary-color":i,"--c-primary-color-opacity1":l(...o(i),.1),"--c-primary-color-opacity2":l(...o(i),.2),...t}}))}function l(r,o,t,i,e=1){return`rgb(${Math.ceil(c(r))},${Math.ceil(c(o))},${Math.ceil(c(t))})`;function c(r){return r+(255-r)*(1-e)}}export{l as createOpacityColor,n as useTheme};
+import { checkInSetupEnv, hex2rgba } from '../utils/index.js';
+import { useThemeVars } from 'naive-ui';
+import { inject, computed, unref } from 'vue';
+
+function useTheme(defaultCssVars, componentKey) {
+  checkInSetupEnv();
+  const naiveUITheme = useThemeVars();
+  const themeOverridesRef = inject("themeOverridesInjectRef", {});
+  return computed(() => {
+    var _a;
+    const currentVars = componentKey ? unref(themeOverridesRef)[componentKey] : null;
+    const primaryColor = (_a = naiveUITheme.value.primaryColor) != null ? _a : "#5585f5";
+    return {
+      ...defaultCssVars,
+      "--c-primary-color": primaryColor,
+      "--c-primary-color-opacity1": createOpacityColor(...hex2rgba(primaryColor), 0.1),
+      "--c-primary-color-opacity2": createOpacityColor(...hex2rgba(primaryColor), 0.2),
+      ...currentVars
+    };
+  });
+}
+function createOpacityColor(r, g, b, a, opacity = 1) {
+  return `rgb(${Math.ceil(transform(r))},${Math.ceil(transform(g))},${Math.ceil(transform(b))})`;
+  function transform(color) {
+    return color + (255 - color) * (1 - opacity);
+  }
+}
+
+export { createOpacityColor, useTheme };

package/es/shared/hooks/useVersion.js

@@ -1 +1,9 @@
-import n from"../package.json.js";function o(){return{"cnhis-version":n.version}}export{o as useVersion};
+import pkg from '../package.json.js';
+
+function useVersion() {
+  return {
+    "cnhis-version": pkg.version
+  };
+}
+
+export { useVersion };

package/es/shared/package.json.js

@@ -1 +1,26 @@
-var e="@cnhis-design-vue/shared",i="3.3.1-beta.7",s="index.ts",n={"naive-ui":"^2.30.0",vue:"^3.2.0"},a={"@vicons/ionicons5":"^0.12.0","lodash-es":"^4.17.21",moment:"^2.29.1","video.js":"^7.19.2","videojs-contrib-hls":"^5.15.0",viewerjs:"^1.10.5","xe-utils":"^3.5.4"},d={name:e,version:"3.3.1-beta.7",private:!0,main:"index.ts",peerDependencies:n,dependencies:a};export{d as default,a as dependencies,s as main,e as name,n as peerDependencies,i as version};
+var name = "@cnhis-design-vue/shared";
+var version = "3.3.1-release.4";
+var main = "index.ts";
+var peerDependencies = {
+	"naive-ui": "^2.30.0",
+	vue: "^3.2.0"
+};
+var dependencies = {
+	"@vicons/ionicons5": "^0.12.0",
+	"lodash-es": "^4.17.21",
+	moment: "^2.29.1",
+	"video.js": "^7.19.2",
+	"videojs-contrib-hls": "^5.15.0",
+	viewerjs: "^1.10.5",
+	"xe-utils": "^3.5.4"
+};
+var pkg = {
+	name: name,
+	version: version,
+	"private": true,
+	main: main,
+	peerDependencies: peerDependencies,
+	dependencies: dependencies
+};
+
+export { pkg as default, dependencies, main, name, peerDependencies, version };