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

package/es/shared/components/no-data/NoData.vue2.js

@@ -1 +1,99 @@
-import{defineComponent as t,computed as e,openBlock as a,createElementBlock as o,unref as s,createCommentVNode as n,createElementVNode as r,toDisplayString as i}from"vue";import p from"../../assets/img/nodata.png.js";import m from"../../assets/img/no-permission.png.js";import l from"../../assets/img/failure.png.js";import g from"../../assets/img/notfound.png.js";const f=["src"];var c=t({__name:"NoData",props:{noDataTip:{type:String,default:"暂无数据"},noDataImg:{type:String,default:"nodata"},showImg:{type:Boolean,default:!0}},setup(t){const c=t,u={display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",fontSize:"22px",color:"#333"},d={width:"260px",maxWidth:"70%"},y={marginTop:"12px",marginBottom:"0",fontSize:"16px",color:"rgb(0 0 0 / 80%)"},x={marginTop:"6px",fontSize:"14px",color:"rgb(0 0 0 / 40%)"},h=e((()=>{let t=null;switch(c.noDataImg){case"no-permission":t=m;break;case"failure":t=l;break;case"nodata":t=p;break;default:t=g}return t})),D=e((()=>{let t="";switch(c.noDataImg){case"no-permission":t="请联系管理员";break;case"failure":t="请稍后再试"}return t}));return(e,p)=>(a(),o("div",{style:u},[t.showImg?(a(),o("img",{key:0,style:d,src:s(h),alt:""},null,8,f)):n("v-if",!0),r("p",{style:y},i(t.noDataTip),1),s(D)?(a(),o("span",{key:1,style:x},i(s(D)),1)):n("v-if",!0)]))}});export{c as default};
+import { defineComponent, computed, openBlock, createElementBlock, unref, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
+import noData from '../../assets/img/nodata.png.js';
+import noPermission from '../../assets/img/no-permission.png.js';
+import failure from '../../assets/img/failure.png.js';
+import notfound from '../../assets/img/notfound.png.js';
+
+const _hoisted_1 = ["src"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "NoData",
+  props: {
+    noDataTip: {
+      type: String,
+      default: "\u6682\u65E0\u6570\u636E"
+    },
+    noDataImg: {
+      type: String,
+      default: "nodata"
+    },
+    showImg: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const wrapperStyle = {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      width: "100%",
+      height: "100%",
+      fontSize: "22px",
+      color: "#333"
+    };
+    const imgStyle = {
+      width: "260px",
+      maxWidth: "70%"
+    };
+    const paragraphStyle = {
+      marginTop: "12px",
+      marginBottom: "0",
+      fontSize: "16px",
+      color: "rgb(0 0 0 / 80%)"
+    };
+    const textStyle = {
+      marginTop: "6px",
+      fontSize: "14px",
+      color: "rgb(0 0 0 / 40%)"
+    };
+    const imgStr = computed(() => {
+      let str = null;
+      switch (props.noDataImg) {
+        case "no-permission":
+          str = noPermission;
+          break;
+        case "failure":
+          str = failure;
+          break;
+        case "nodata":
+          str = noData;
+          break;
+        default:
+          str = notfound;
+          break;
+      }
+      return str;
+    });
+    const handleDesc = computed(() => {
+      let res = "";
+      switch (props.noDataImg) {
+        case "no-permission":
+          res = "\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458";
+          break;
+        case "failure":
+          res = "\u8BF7\u7A0D\u540E\u518D\u8BD5";
+          break;
+      }
+      return res;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { style: wrapperStyle }, [
+        __props.showImg ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          style: imgStyle,
+          src: unref(imgStr),
+          alt: ""
+        }, null, 8, _hoisted_1)) : createCommentVNode("v-if", true),
+        createElementVNode("p", { style: paragraphStyle }, toDisplayString(__props.noDataTip), 1),
+        unref(handleDesc) ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          style: textStyle
+        }, toDisplayString(unref(handleDesc)), 1)) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/shared/components/no-data/index.js

@@ -1 +1,2 @@
-import o from"./NoData.vue.js";export{default}from"./NoData.vue.js";
+import script from './NoData.vue.js';
+export { default } from './NoData.vue.js';

package/es/shared/components/player-vod/player.js

@@ -1 +1,121 @@
-import{defineComponent as e,reactive as o,ref as r,computed as l,onMounted as t,watch as i,createVNode as a}from"vue";import n from"video.js/dist/video.min.js";import"video.js/dist/video-js.css";var s=e({name:"player",props:{options:{type:Object,required:!0,default:()=>{}}},setup(e,s){let p=.6*document.documentElement.clientWidth+"";const u=o({player:null,playerOptions:{},defaultOptions:{playbackRates:[.5,1,1.5,2],autoplay:!0,muted:!1,loop:!1,preload:"auto",src:"",poster:"",height:600,width:parseInt(p),controls:!0,notSupportedMessage:"此视频暂无法播放",suppressNotSupportedError:!0,controlBar:{timeDivider:!0,durationDisplay:!0,currentTimeDisplay:!0,remainingTimeDisplay:!1,pictureInPictureToggle:!1,volumePanel:{inline:!1}},errorDisplay:!0,posterImage:!1,bigPlayButton:!0,textTrackDisplay:!1}}),d=r(null),c=()=>{u.player=n(d.value,Object.assign(u.defaultOptions,e.options),(function(){u.player.on("error",(()=>{let e=(e=>{let o=e.error();if(2===o.code){let o=e.bufferedEnd()-6;e.load(window.playerOptions.sources[0].src),e.currentTime(o),e.play()}else window.alert.err(o.message)})();if(2===e.code){let e=window.bufferedEnd()-6;window.load(y.value),window.currentTime(e),window.play()}else console.log(e.message)}))})),u.player.src(y.value),u.player&&u.player.play()},y=l((()=>{var o,r,l;return null==(l=null==(r=null==(o=e.options)?void 0:o.sources)?void 0:r[0])?void 0:l.src})),v=l((()=>{var o;return null==(o=e.options)?void 0:o.autoplay}));t((()=>{c()})),i((()=>y.value),(e=>{e&&console.log(e,"---watch--src")})),i((()=>v.value),(e=>{e&&u.player.play()}));return()=>a("div",{class:"video-container cp"},[a("video",{onContextmenu:e=>{e.preventDefault(),e.stopPropagation()},ref:d,controls:!0,class:"video-js vjs-default-skin vjs-big-play-centered","webkit-playsinline":"true",playsinline:!0},null)])}});export{s as default};
+import { defineComponent, reactive, ref, computed, onMounted, watch, createVNode } from 'vue';
+import videojs from 'video.js/dist/video.min.js';
+import 'video.js/dist/video-js.css';
+
+var playerVod = /* @__PURE__ */ defineComponent({
+  name: "player",
+  props: {
+    options: {
+      type: Object,
+      required: true,
+      default: () => {
+      }
+    }
+  },
+  setup(props, context) {
+    let tempW = document.documentElement.clientWidth * 0.6 + "";
+    const state = reactive({
+      player: null,
+      playerOptions: {},
+      defaultOptions: {
+        playbackRates: [0.5, 1, 1.5, 2],
+        autoplay: true,
+        muted: false,
+        loop: false,
+        preload: "auto",
+        src: "",
+        poster: "",
+        height: 600,
+        width: parseInt(tempW),
+        controls: true,
+        notSupportedMessage: "\u6B64\u89C6\u9891\u6682\u65E0\u6CD5\u64AD\u653E",
+        suppressNotSupportedError: true,
+        controlBar: {
+          timeDivider: true,
+          durationDisplay: true,
+          currentTimeDisplay: true,
+          remainingTimeDisplay: false,
+          pictureInPictureToggle: false,
+          volumePanel: {
+            inline: false
+          }
+        },
+        errorDisplay: true,
+        posterImage: false,
+        bigPlayButton: true,
+        textTrackDisplay: false
+      }
+    });
+    const videoDom = ref(null);
+    const error = (e) => {
+      let err = e.error();
+      if (err.code === 2) {
+        let buffTime = e.bufferedEnd() - 6;
+        e.load(window.playerOptions.sources[0].src);
+        e.currentTime(buffTime);
+        e.play();
+      } else {
+        window.alert.err(err.message);
+      }
+    };
+    const initVideo = () => {
+      state.player = videojs(videoDom.value, Object.assign(state.defaultOptions, props.options), function() {
+        state.player.on("error", () => {
+          let err = error();
+          if (err.code === 2) {
+            let buffTime = window.bufferedEnd() - 6;
+            window.load(src.value);
+            window.currentTime(buffTime);
+            window.play();
+          } else {
+            console.log(err.message);
+          }
+        });
+      });
+      state.player.src(src.value);
+      if (state.player)
+        state.player.play();
+    };
+    const src = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = props.options) == null ? void 0 : _a.sources) == null ? void 0 : _b[0]) == null ? void 0 : _c.src;
+    });
+    const autoplay = computed(() => {
+      var _a;
+      return (_a = props.options) == null ? void 0 : _a.autoplay;
+    });
+    onMounted(() => {
+      initVideo();
+    });
+    watch(() => src.value, (val) => {
+      if (!val)
+        return;
+      console.log(val, "---watch--src");
+    });
+    watch(() => autoplay.value, (val) => {
+      if (!val)
+        return;
+      state.player.play();
+    });
+    const renderVideoPlayer = () => {
+      return createVNode("div", {
+        "class": "video-container cp"
+      }, [createVNode("video", {
+        "onContextmenu": (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+        },
+        "ref": videoDom,
+        "controls": true,
+        "class": "video-js vjs-default-skin vjs-big-play-centered",
+        "webkit-playsinline": "true",
+        "playsinline": true
+      }, null)]);
+    };
+    return () => {
+      return renderVideoPlayer();
+    };
+  }
+});
+
+export { playerVod as default };

package/es/shared/components/player-vod/video-modal.js

@@ -1 +1,91 @@
-import{defineComponent as e,reactive as t,createVNode as l,resolveComponent as o,withDirectives as i,resolveDirective as r,isVNode as a}from"vue";import{NModal as s,NCarousel as p}from"naive-ui";import n from"./player.js";var d=e({name:"videoModal",components:{NModal:s,NCarousel:p,playerVod:n},props:{visible:Boolean,formData:{type:Object,default:()=>({})},playerOptions:{type:Object,default:()=>({sources:[{type:"video/mp4",src:""}]})},fileList:{type:Array,default:()=>[]},palyerIndex:{type:Number,default:0}},setup(e,s){const p=t({previewVisible:!1});p.previewVisible=e.visible,console.log(p.previewVisible);const d=e.fileList&&!e.fileList.length,v=()=>{s.emit("closeVideoModal",!1),p.previewVisible=!1};console.log("渲染video-model---",e.formData.title);return()=>(()=>{let t;return l(o("n-modal"),{class:"c-player-video-modal",show:p.previewVisible,"onUpdate:show":e=>p.previewVisible=e,preset:"card",style:{width:"60vw",height:"65vh"},"on-after-leave":v},{default:()=>{return[l("div",{class:"preview-wrap"},[l("div",{class:"preview"},[d&&l(n,{options:e.playerOptions},null),!d&&i(l(o("n-carousel"),{arrows:!0,"current-index":e.palyerIndex,"dot-type":"line","show-arrow":!0},(s=t=e.fileList.map(((e,t)=>{l(n,{playerOptions:e.playerOptions,key:t},null)})),"function"==typeof s||"[object Object]"===Object.prototype.toString.call(s)&&!a(s)?t:{default:()=>[t]})),[[r("else")]])])])];var s}})})()}});export{d as default};
+import { defineComponent, reactive, createVNode, resolveComponent, withDirectives, resolveDirective, isVNode } from 'vue';
+import { NModal, NCarousel } from 'naive-ui';
+import playerVod from './player.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var videoModal = /* @__PURE__ */ defineComponent({
+  name: "videoModal",
+  components: {
+    NModal,
+    NCarousel,
+    playerVod
+  },
+  props: {
+    visible: Boolean,
+    formData: {
+      type: Object,
+      default: () => ({})
+    },
+    playerOptions: {
+      type: Object,
+      default: () => ({
+        sources: [{
+          type: "video/mp4",
+          src: ""
+        }]
+      })
+    },
+    fileList: {
+      type: Array,
+      default: () => []
+    },
+    palyerIndex: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(props, context) {
+    const state = reactive({
+      previewVisible: false
+    });
+    state.previewVisible = props.visible;
+    console.log(state.previewVisible);
+    const isSingle = props.fileList && !props.fileList.length;
+    const handleCancel = () => {
+      context.emit("closeVideoModal", false);
+      state.previewVisible = false;
+    };
+    console.log("\u6E32\u67D3video-model---", props.formData.title);
+    const renderVideoModal = () => {
+      let _slot;
+      return createVNode(resolveComponent("n-modal"), {
+        "class": "c-player-video-modal",
+        "show": state.previewVisible,
+        "onUpdate:show": ($event) => state.previewVisible = $event,
+        "preset": "card",
+        "style": {
+          width: "60vw",
+          height: "65vh"
+        },
+        "on-after-leave": handleCancel
+      }, {
+        default: () => [createVNode("div", {
+          "class": "preview-wrap"
+        }, [createVNode("div", {
+          "class": "preview"
+        }, [isSingle && createVNode(playerVod, {
+          "options": props.playerOptions
+        }, null), !isSingle && withDirectives(createVNode(resolveComponent("n-carousel"), {
+          "arrows": true,
+          "current-index": props.palyerIndex,
+          "dot-type": "line",
+          "show-arrow": true
+        }, _isSlot(_slot = props.fileList.map((v, i) => {
+          createVNode(playerVod, {
+            "playerOptions": v.playerOptions,
+            "key": i
+          }, null);
+        })) ? _slot : {
+          default: () => [_slot]
+        }), [[resolveDirective("else")]])])])]
+      });
+    };
+    return () => {
+      return renderVideoModal();
+    };
+  }
+});
+
+export { videoModal as default };

package/es/shared/directive/flexibleResize.js

@@ -1 +1,167 @@
-class t{constructor(t){this.maskMove=t=>{const e=this._isV?t.screenX:t.screenY,s=e-this._mv;this._mv=e;const{onMove:o}=this.options;o&&o({evt:t,distance:s})},this.maskUp=t=>{const{onEnd:e}=this.options,s=this._isV?t.screenX:t.screenY;e&&e({evt:t,distance:s-this._ms}),this.maskRemove()},this.toolDown=t=>{this.maskInsert(),this._isV=/^V/.test(this.options.mode),this._ms=this._mv=this._isV?t.screenX:t.screenY;const{onStart:e}=this.options;e&&e({evt:t,distance:0})},this.options=t||{},this.tool=null,this.mask=null,this._elPosition=null,this._isV=!1,this._ms=0,this._mv=0,this.init(t)}init(t){const{el:e}=t;if(!e)return;const s=this.toolCreate();this.initElPosition(),e.appendChild(s)}destroyed(){const{el:t}=this.options;this.maskRemove(),this.toolRemove(),this._elPosition?t.style.setProperty("position",this._elPosition):t.style.removeProperty("position")}initElPosition(){const t=this.options.el;if(!t)return;this._elPosition=t.style.position;const e=window.getComputedStyle(t,null).position;e&&"static"!==e||t.style.setProperty("position","relative")}maskCreate(t){if(this.mask)return this.mask;const e=document.createElement("div");return e.style="position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999;cursor:"+(/^V/.test(t)?"col":"row")+"-resize",e.addEventListener("mousemove",this.maskMove),e.addEventListener("mouseup",this.maskUp),this.mask=e,e}maskRemove(){const t=this.mask;t&&(t.parentNode&&t.parentNode.removeChild(t),t.removeEventListener("mousemove",this.maskMove),t.removeEventListener("mouseup",this.maskUp),this.mask=null)}maskInsert(){const t=this.mask||this.maskCreate(this.options.mode);return document.body.appendChild(t),t}toolCreate(){if(this.tool)return this.tool;const t=document.createElement("div");return t.addEventListener("mousedown",this.toolDown),this.tool=t,this.toolInitStyle(),t}toolRemove(){const t=this.tool;t&&(t.parentNode&&t.parentNode.removeChild(t),this.tool=null)}toolInitStyle(){let t="user-select:none;cursor:col-resize;position:absolute;";const e=this.options.mode,s=this.options.style;/^V/.test(e)?t+="width: 8px;cursor:col-resize;":t+="height: 8px;cursor:row-resize;";const o={VR:"left",VL:"right",HT:"bottom",HB:"top"},i=o[e];if(t+=Object.keys(o).reduce(((t,e)=>{const s=o[e];return s!==i&&(t+=`${s}:0;`),t}),""),s){t+=Object.keys(s).reduce(((t,e)=>t+=`${e}:${s[e]};`),"")}this.tool&&(this.tool.style=t)}}const e={mounted(e,{value:s}){e._flexibleResize||(e._flexibleResize=new t({el:e,mode:s.mode||"VR",onMove:s.onMove,onEnd:s.onEnd,style:s.style}))},beforeUnmount(t){t._flexibleResize&&(t._flexibleResize.destroyed(),t._flexibleResize=void 0)}};export{e as vFlexibleResize};
+class FlexibleResize {
+  constructor(options) {
+    this.maskMove = (e) => {
+      const v = this._isV ? e.screenX : e.screenY;
+      const distance = v - this._mv;
+      this._mv = v;
+      const { onMove } = this.options;
+      onMove && onMove({
+        evt: e,
+        distance
+      });
+    };
+    this.maskUp = (e) => {
+      const { onEnd } = this.options;
+      const v = this._isV ? e.screenX : e.screenY;
+      onEnd && onEnd({
+        evt: e,
+        distance: v - this._ms
+      });
+      this.maskRemove();
+    };
+    this.toolDown = (e) => {
+      this.maskInsert();
+      this._isV = /^V/.test(this.options.mode);
+      this._ms = this._mv = this._isV ? e.screenX : e.screenY;
+      const { onStart } = this.options;
+      onStart && onStart({
+        evt: e,
+        distance: 0
+      });
+    };
+    this.options = options || {};
+    this.tool = null;
+    this.mask = null;
+    this._elPosition = null;
+    this._isV = false;
+    this._ms = 0;
+    this._mv = 0;
+    this.init(options);
+  }
+  init(options) {
+    const { el } = options;
+    if (!el)
+      return;
+    const tool = this.toolCreate();
+    this.initElPosition();
+    el.appendChild(tool);
+  }
+  destroyed() {
+    const { el } = this.options;
+    this.maskRemove();
+    this.toolRemove();
+    if (this._elPosition) {
+      el.style.setProperty("position", this._elPosition);
+    } else {
+      el.style.removeProperty("position");
+    }
+  }
+  initElPosition() {
+    const el = this.options.el;
+    if (!el)
+      return;
+    this._elPosition = el.style.position;
+    const defStyle = window.getComputedStyle(el, null);
+    const position = defStyle.position;
+    if (!position || position === "static") {
+      el.style.setProperty("position", "relative");
+    }
+  }
+  maskCreate(mode) {
+    if (this.mask)
+      return this.mask;
+    const mask = document.createElement("div");
+    mask.style = "position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999;cursor:" + (/^V/.test(mode) ? "col" : "row") + "-resize";
+    mask.addEventListener("mousemove", this.maskMove);
+    mask.addEventListener("mouseup", this.maskUp);
+    this.mask = mask;
+    return mask;
+  }
+  maskRemove() {
+    const mask = this.mask;
+    if (!mask)
+      return;
+    mask.parentNode && mask.parentNode.removeChild(mask);
+    mask.removeEventListener("mousemove", this.maskMove);
+    mask.removeEventListener("mouseup", this.maskUp);
+    this.mask = null;
+  }
+  maskInsert() {
+    const mask = this.mask || this.maskCreate(this.options.mode);
+    document.body.appendChild(mask);
+    return mask;
+  }
+  toolCreate() {
+    if (this.tool)
+      return this.tool;
+    const div = document.createElement("div");
+    div.addEventListener("mousedown", this.toolDown);
+    this.tool = div;
+    this.toolInitStyle();
+    return div;
+  }
+  toolRemove() {
+    const tool = this.tool;
+    if (!tool)
+      return;
+    tool.parentNode && tool.parentNode.removeChild(tool);
+    this.tool = null;
+  }
+  toolInitStyle() {
+    let style = "user-select:none;cursor:col-resize;position:absolute;";
+    const mode = this.options.mode;
+    const styleAdd = this.options.style;
+    if (/^V/.test(mode)) {
+      style += "width: 8px;cursor:col-resize;";
+    } else {
+      style += "height: 8px;cursor:row-resize;";
+    }
+    const keys = {
+      VR: "left",
+      VL: "right",
+      HT: "bottom",
+      HB: "top"
+    };
+    const mk = keys[mode];
+    const p = Object.keys(keys).reduce((v, k) => {
+      const value = keys[k];
+      if (value !== mk) {
+        v += `${value}:0;`;
+      }
+      return v;
+    }, "");
+    style += p;
+    if (styleAdd) {
+      const styleStr = Object.keys(styleAdd).reduce((v, k) => {
+        const value = styleAdd[k];
+        v += `${k}:${value};`;
+        return v;
+      }, "");
+      style += styleStr;
+    }
+    if (this.tool) {
+      this.tool.style = style;
+    }
+  }
+}
+const vFlexibleResize = {
+  mounted(el, { value }) {
+    if (el._flexibleResize)
+      return;
+    el._flexibleResize = new FlexibleResize({
+      el,
+      mode: value.mode || "VR",
+      onMove: value.onMove,
+      onEnd: value.onEnd,
+      style: value.style
+    });
+  },
+  beforeUnmount(el) {
+    if (el._flexibleResize) {
+      el._flexibleResize.destroyed();
+      el._flexibleResize = void 0;
+    }
+  }
+};
+
+export { vFlexibleResize };

package/es/shared/directive/index.js

@@ -1 +1 @@
-export{vFlexibleResize}from"./flexibleResize.js";
+export { vFlexibleResize } from './flexibleResize.js';

package/es/shared/global/variable.js

@@ -1 +1,3 @@
-const o="C";export{o as COMPONENT_NAMESPACE};
+const COMPONENT_NAMESPACE = "C";
+
+export { COMPONENT_NAMESPACE };

package/es/shared/hooks/index.js

@@ -1 +1,12 @@
-export{createOpacityColor,useTheme}from"./useTheme.js";export{handleInputEvent,useDateTime}from"./useDateTime.js";export{AsyncQueue,ENTRY_STATE}from"./useAsyncQueue/index.js";export{presetRequestHandler,useFormAsyncQueue,useFormRequest}from"./useFormRequest/index.js";export{useLevelSearchCascader}from"./useLevelSearchCascader.js";export{useSelectAllowModify}from"./selectHooks/useSelectAllowModify.js";export{useOptionFiltered}from"./selectHooks/useOptionFiltered.js";export{searchContentMatcher,useSearchContent}from"./selectHooks/useSearchContent.js";export{useSelectRenders}from"./selectHooks/useSelectRenders.js";export{useMenuWidthAuto}from"./selectHooks/useMenuWidthAuto.js";export{useVersion}from"./useVersion.js";export{useScrollLoading}from"./useScrollLoading.js";
+export { createOpacityColor, useTheme } from './useTheme.js';
+export { handleInputEvent, useDateTime } from './useDateTime.js';
+export { AsyncQueue, ENTRY_STATE } from './useAsyncQueue/index.js';
+export { presetRequestHandler, useFormAsyncQueue, useFormRequest } from './useFormRequest/index.js';
+export { useLevelSearchCascader } from './useLevelSearchCascader.js';
+export { useSelectAllowModify } from './selectHooks/useSelectAllowModify.js';
+export { useOptionFiltered } from './selectHooks/useOptionFiltered.js';
+export { searchContentMatcher, useSearchContent } from './selectHooks/useSearchContent.js';
+export { useSelectRenders } from './selectHooks/useSelectRenders.js';
+export { useMenuWidthAuto } from './selectHooks/useMenuWidthAuto.js';
+export { useVersion } from './useVersion.js';
+export { useScrollLoading } from './useScrollLoading.js';

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

@@ -1 +1,5 @@
-export{useSelectAllowModify}from"./useSelectAllowModify.js";export{useOptionFiltered}from"./useOptionFiltered.js";export{searchContentMatcher,useSearchContent}from"./useSearchContent.js";export{useSelectRenders}from"./useSelectRenders.js";export{useMenuWidthAuto}from"./useMenuWidthAuto.js";
+export { useSelectAllowModify } from './useSelectAllowModify.js';
+export { useOptionFiltered } from './useOptionFiltered.js';
+export { searchContentMatcher, useSearchContent } from './useSearchContent.js';
+export { useSelectRenders } from './useSelectRenders.js';
+export { useMenuWidthAuto } from './useMenuWidthAuto.js';

package/es/shared/hooks/selectHooks/useMenuWidthAuto.js

@@ -1 +1,30 @@
-import{computed as e,nextTick as t}from"vue";function l(l,{selectRef:n,options:o,className:i}){const a=e((()=>{var e,t;const i=null!=(t=null==(e=n.value.$el)?void 0:e.clientWidth)?t:0;if(!o.value.length)return i;const a=Math.max(...o.value.map((e=>e[l.labelField].length)));return Math.max(i,14*a+48+16)}));return{setMenuWith:async function(){var e,o;if(l.consistentMenuWidth)return;await t();const{followerRef:s,offsetContainerRef:u}=(null==(o=null==(e=n.value)?void 0:e.followerRef)?void 0:o.$refs)||{};s&&u&&(u.style.setProperty("--iho-select-menu-width",a.value+"px"),s.classList.add(i||"iho-select-menu-width"))}}}export{l as useMenuWidthAuto};
+import { computed, nextTick } from 'vue';
+
+function useMenuWidthAuto(props, {
+  selectRef,
+  options,
+  className
+}) {
+  const MenuWidth = computed(() => {
+    var _a, _b;
+    const selectInputWidth = (_b = (_a = selectRef.value.$el) == null ? void 0 : _a.clientWidth) != null ? _b : 0;
+    if (!options.value.length)
+      return selectInputWidth;
+    const maxCharacterLength = Math.max(...options.value.map((option) => option[props.labelField].length));
+    return Math.max(selectInputWidth, maxCharacterLength * 14 + 12 * 4 + 16);
+  });
+  async function setMenuWith() {
+    var _a, _b;
+    if (props.consistentMenuWidth)
+      return;
+    await nextTick();
+    const { followerRef, offsetContainerRef } = ((_b = (_a = selectRef.value) == null ? void 0 : _a.followerRef) == null ? void 0 : _b.$refs) || {};
+    if (followerRef && offsetContainerRef) {
+      offsetContainerRef.style.setProperty("--iho-select-menu-width", MenuWidth.value + "px");
+      followerRef.classList.add(className || "iho-select-menu-width");
+    }
+  }
+  return { setMenuWith };
+}
+
+export { useMenuWidthAuto };

package/es/shared/hooks/selectHooks/useOptionFiltered.js

@@ -1 +1,33 @@
-import{arrayed as e}from"../../utils/index.js";import"naive-ui";import{ref as o,computed as r,unref as t}from"vue";import"@vueuse/core";import"date-fns";import"lodash-es";import"@vue/shared";import"@vueuse/shared";import{useSearchContent as i}from"./useSearchContent.js";import"@vicons/ionicons5";import"../useScrollLoading.js";function s(s,{labelKey:n,valueKey:u,searchKey:l,wordSplitFilter:a}){const{searchContent:p,optionSearchFilter:m}=i(),v=o(null),c=r((()=>{const o=e((null==l?void 0:l.value)||[]);return s.searchByValue&&o.push(u.value),v.value?m(v.value,n.value,o,!!t(a)):Array.isArray(s.options)?m(s.options,n.value,o,!!t(a)):[]})),h=r((()=>v.value||s.options||[]));return{searchContent:p,remoteOptions:v,filterOptions:c,fullOptions:h}}export{s as useOptionFiltered};
+import { arrayed } from '../../utils/index.js';
+import 'naive-ui';
+import { ref, computed, unref } from 'vue';
+import '@vueuse/core';
+import 'date-fns';
+import 'lodash-es';
+import '@vue/shared';
+import '@vueuse/shared';
+import { useSearchContent } from './useSearchContent.js';
+import '@vicons/ionicons5';
+import '../useScrollLoading.js';
+
+function useOptionFiltered(props, {
+  labelKey,
+  valueKey,
+  searchKey,
+  wordSplitFilter
+}) {
+  const { searchContent, optionSearchFilter } = useSearchContent();
+  const remoteOptions = ref(null);
+  const filterOptions = computed(() => {
+    const searchKeys = arrayed((searchKey == null ? void 0 : searchKey.value) || []);
+    if (props.searchByValue)
+      searchKeys.push(valueKey.value);
+    if (remoteOptions.value)
+      return optionSearchFilter(remoteOptions.value, labelKey.value, searchKeys, !!unref(wordSplitFilter));
+    return Array.isArray(props.options) ? optionSearchFilter(props.options, labelKey.value, searchKeys, !!unref(wordSplitFilter)) : [];
+  });
+  const fullOptions = computed(() => remoteOptions.value || props.options || []);
+  return { searchContent, remoteOptions, filterOptions, fullOptions };
+}
+
+export { useOptionFiltered };

package/es/shared/hooks/selectHooks/useSearchContent.js

@@ -1 +1,50 @@
-import{keywordMatcher as e}from"../../utils/index.js";import{useMemoize as t}from"@vueuse/core";import{identity as r,isArray as n,isString as o,overSome as u,isNumber as i}from"lodash-es";import{ref as c}from"vue";const l=(()=>{const e=t((e=>new RegExp(`(.*)${e.split("").map((e=>`(${function(e){return e.match(/[()\[\]{}$^*.\/]/)?"\\"+e:e}(e)})`)).join("(.*)")}(.*)`)),{getKey:r});return(t,r)=>r.match(e(t))})();function s(){const t=c();return{searchContent:t,optionSearchFilter:function(r,c,s,a=!0){if(!t.value)return r;const f=n(s)?s.filter((e=>e&&o(e))):[];return r.filter((r=>function(r,n,c,s=!0){if(!t.value)return!0;const a=r?r[n]:"";return!!o(a)&&(!!e(t.value,r.keyword)||!!(s?l(t.value,a):a.includes(t.value))||!!c.length&&c.some((e=>u([i,o])(r[e])&&String(r[e]).includes(t.value))))}(r,c,f,a)))}}}export{l as searchContentMatcher,s as useSearchContent};
+import { keywordMatcher } from '../../utils/index.js';
+import { useMemoize } from '@vueuse/core';
+import { identity, isArray, isString, overSome, isNumber } from 'lodash-es';
+import { ref } from 'vue';
+
+function charEscape(char) {
+  return char.match(/[()\[\]{}$^*.\/]/) ? "\\" + char : char;
+}
+const searchContentMatcher = (() => {
+  const getRegexp = useMemoize(
+    (searchContent) => {
+      return new RegExp(
+        `(.*)${searchContent.split("").map((char) => `(${charEscape(char)})`).join("(.*)")}(.*)`
+      );
+    },
+    { getKey: identity }
+  );
+  return (searchContent, label) => {
+    return label.match(getRegexp(searchContent));
+  };
+})();
+function useSearchContent() {
+  const searchContent = ref();
+  function filter(option, labelKey, searchKeys, wordSplitFilter = true) {
+    if (!searchContent.value)
+      return true;
+    const label = option ? option[labelKey] : "";
+    if (!isString(label))
+      return false;
+    if (keywordMatcher(searchContent.value, option.keyword))
+      return true;
+    if (wordSplitFilter ? searchContentMatcher(searchContent.value, label) : label.includes(searchContent.value)) {
+      return true;
+    }
+    if (!searchKeys.length)
+      return false;
+    return searchKeys.some(
+      (searchKey) => overSome([isNumber, isString])(option[searchKey]) && String(option[searchKey]).includes(searchContent.value)
+    );
+  }
+  function optionSearchFilter(options, labelKey, searchKeys, wordSplitFilter = true) {
+    if (!searchContent.value)
+      return options;
+    const _searchKeys = isArray(searchKeys) ? searchKeys.filter((searchKey) => searchKey && isString(searchKey)) : [];
+    return options.filter((option) => filter(option, labelKey, _searchKeys, wordSplitFilter));
+  }
+  return { searchContent, optionSearchFilter };
+}
+
+export { searchContentMatcher, useSearchContent };