@jctrans-materials/comps-vue3 1.0.41-beta.8 → 1.0.41-beta.9

package/dist/index.d.ts

@@ -6,7 +6,7 @@ export { createRequest, getAppId, initSharedConfig };
 export * from './plugin';
 export * from './gio';
 export type { SharedConfig };
-export declare const ApplyDataDialog: any, JcSearch: any, GlobalModal: any, JcMSearch: any, ChineseCompanySearch: any, JcLoginDialog: any, CodeInput: any, GoogleInput: any, JcFloatInput: any, JcFloatWrapper: any, JcVerifySlide: any, JcCarrierSearch: any, AirCarrierSearch: any, SeaCarrierSearch: any, AirLineSearch: any, SeaLineSearch: any, LineCascader: any;
+export declare const ApplyDataDialog: any, JcSearch: any, GlobalModal: any, JcMSearch: any, ChineseCompanySearch: any, JcLoginDialog: any, CodeInput: any, GoogleInput: any, JcFloatInput: any, JcFloatWrapper: any, JcVerifySlide: any, JcCarrierSearch: any, AirCarrierSearch: any, SeaCarrierSearch: any, AirLineSearch: any, SeaLineSearch: any, LineCascader: any, JcImg: any;
 interface JcUIPluginOptions {
     sharedConfig?: Partial<SharedConfig>;
     tracking?: TrackConfig;

package/dist/index.esm.js

@@ -1746,7 +1746,7 @@ const icon_search_country = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAA
 const icon_search_city = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABFUlEQVR4AaRQO07DQBCdWe8B4B5IFFyAK9ARkIVNhIQEEiVtJLgABRVRvIBCJBquwBVyDgoaSnuHeZY3MlYcNsnIb8fze6M3hra0XoKJm95N3Nv3EnyhFvb2EgjRJbOMKqmO2tDcvQ5fK+qvl4CJbOn9/CJPP9tArp5sHtP4lc652VXxPL1Z1hRFIOytF1NuTJCfnT4Ms8HjSgJctn1xIt6hxqIkdK+u8U8zT1ESmP5enUkWmqMkhG2FmxXOvR+EGD5KAhoDqsQvtiMXJQGNQJ4N8mF6PMd/wL8SxuOXPSG21pj9p+L1EOjGyAHoQQ0zWGDqx9pbPWIpwqOEkw+gGyMHoAc1ozOkVhOcZyepYndNpDpPvwAAAP//BVQJHAAAAAZJREFUAwDZWL4hub5xHQAAAABJRU5ErkJggg==";
 const SearchIcon = "data:image/svg+xml,%3csvg%20t='1695277594902'%20fill='%23fff'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2534'%20width='200'%20height='200'%3e%3cpath%20d='M448%2085.333333a362.666667%20362.666667%200%201%200%20224.512%20647.509334l155.818667%20155.818666a42.666667%2042.666667%200%200%200%2060.330666-60.330666l-155.818666-155.818667A362.666667%20362.666667%200%200%200%20448%2085.333333zM170.666667%20448a277.333333%20277.333333%200%201%201%20554.666666%200%20277.333333%20277.333333%200%200%201-554.666666%200z'%20p-id='2535'%3e%3c/path%3e%3c/svg%3e";
 const ICON_MORE = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='icon/more'%3e%3cg%20id='&%23231;&%23188;&%23150;&%23231;&%23187;&%23132;'%3e%3cpath%20id='Stroke%201'%20d='M1.56628%207.79421H14.0959'%20stroke='%23FF6A00'%20stroke-width='1.5'%20stroke-linejoin='round'/%3e%3cpath%20id='Stroke%203'%20d='M14.0667%207.79292C11.5075%207.79292%209.43396%205.71938%209.43396%203.16016'%20stroke='%23FF6A00'%20stroke-width='1.5'%20stroke-linejoin='round'/%3e%3cpath%20id='Stroke%205'%20d='M14.0667%207.79297C11.5075%207.79297%209.43396%209.86651%209.43396%2012.4257'%20stroke='%23FF6A00'%20stroke-width='1.5'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
-const _hoisted_1$n = { class: "selection-wrapper" };
+const _hoisted_1$o = { class: "selection-wrapper" };
 const _hoisted_2$l = { class: "tag-text" };
 const _hoisted_3$j = ["onClick"];
 const _hoisted_4$h = {
@@ -1796,7 +1796,7 @@ const _hoisted_24$1 = {
 };
 const _hoisted_25$1 = { class: "jc:flex jc:justify-center jc:items-center jc:gap-1" };
 const _hoisted_26$1 = ["src"];
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     modelValue: { default: null },
@@ -2145,7 +2145,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           ref: referenceRef,
           onClick: focusInput
         }, [
-          createElementVNode("div", _hoisted_1$n, [
+          createElementVNode("div", _hoisted_1$o, [
             renderSlot(_ctx.$slots, "prefix", {}, void 0, true),
             __props.multiple && selectedItems.value.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(displayedTags.value, (item, index2) => {
@@ -2315,8 +2315,8 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const JcSearch$1 = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-176a8f0f"]]);
-const __vite_glob_0_14 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const JcSearch$1 = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-176a8f0f"]]);
+const __vite_glob_0_15 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: JcSearch$1
 }, Symbol.toStringTag, { value: "Module" }));
@@ -3150,7 +3150,7 @@ function debounce(func, wait, options) {
 function isEqual(value, other) {
   return baseIsEqual(value, other);
 }
-const _hoisted_1$m = {
+const _hoisted_1$n = {
   key: 0,
   class: "modal-container"
 };
@@ -3187,7 +3187,7 @@ const _hoisted_19$4 = {
 const _hoisted_20$2 = { class: "apply-success-container__content" };
 const _hoisted_21$2 = { class: "desc" };
 const _hoisted_22$1 = { class: "apply-success-container__btns" };
-const _sfc_main$q = {
+const _sfc_main$r = {
   __name: "ApplyDataDialog",
   props: {
     // v-model 绑定，默认 false
@@ -3334,7 +3334,7 @@ const _sfc_main$q = {
         class: "modal-mask",
         onClick: withModifiers(handleClose, ["self"])
       }, [
-        !submitSuccess.value ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
+        !submitSuccess.value ? (openBlock(), createElementBlock("div", _hoisted_1$n, [
           createElementVNode("div", _hoisted_2$k, [
             createElementVNode("span", _hoisted_3$i, toDisplayString(isEn.value ? `Apply for data addition` : `申请补充数据`), 1),
             createElementVNode("div", {
@@ -3421,7 +3421,7 @@ const _sfc_main$q = {
     };
   }
 };
-const ApplyDataDialog$1 = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-98fe6169"]]);
+const ApplyDataDialog$1 = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-98fe6169"]]);
 const __vite_glob_0_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ApplyDataDialog$1
@@ -3459,10 +3459,10 @@ const useIsEn = (lang = "") => {
     isEn
   };
 };
-const _hoisted_1$l = { class: "global-company-input" };
+const _hoisted_1$m = { class: "global-company-input" };
 const _hoisted_2$j = { class: "company-option-item" };
 const CHINA_COUNTRY_ID = 1;
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     lang: { default: "" },
@@ -3578,7 +3578,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
         isChina.value ? (openBlock(), createBlock(unref(ElSelect), {
           key: 0,
           modelValue: companyNameValue.value,
@@ -3634,12 +3634,12 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ChineseCompanySearch$1 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1c4f606a"]]);
+const ChineseCompanySearch$1 = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-1c4f606a"]]);
 const __vite_glob_0_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ChineseCompanySearch$1
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$o = {
+const _sfc_main$p = {
   name: "GoogleInput",
   components: {
     ElInput
@@ -3724,7 +3724,7 @@ const _sfc_main$o = {
     }
   }
 };
-const _hoisted_1$k = {
+const _hoisted_1$l = {
   type: "text",
   name: "fakeUsername",
   autocomplete: "on"
@@ -3745,7 +3745,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["google-input", { "is-focus": $options.shouldFloat, "is-have-prepend": $options.isHavePrepend }])
   }, [
-    withDirectives(createElementVNode("input", _hoisted_1$k, null, 512), [
+    withDirectives(createElementVNode("input", _hoisted_1$l, null, 512), [
       [vShow, false]
     ]),
     withDirectives(createElementVNode("input", _hoisted_2$i, null, 512), [
@@ -3774,12 +3774,12 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-const GoogleInput$1 = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$9], ["__scopeId", "data-v-27eaff9d"]]);
+const GoogleInput$1 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$9], ["__scopeId", "data-v-27eaff9d"]]);
 const __vite_glob_0_4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: GoogleInput$1
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$n = {
+const _sfc_main$o = {
   name: "JcFloatInput",
   components: {
     ElInput
@@ -3871,7 +3871,7 @@ const _sfc_main$n = {
     }
   }
 };
-const _hoisted_1$j = {
+const _hoisted_1$k = {
   type: "text",
   name: "fakeUsername",
   autocomplete: "on"
@@ -3892,7 +3892,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["google-input", { "is-focus": $options.shouldFloat, "is-have-prepend": $options.isHavePrepend }])
   }, [
-    withDirectives(createElementVNode("input", _hoisted_1$j, null, 512), [
+    withDirectives(createElementVNode("input", _hoisted_1$k, null, 512), [
       [vShow, false]
     ]),
     withDirectives(createElementVNode("input", _hoisted_2$h, null, 512), [
@@ -3924,7 +3924,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-const JcFloatInput$1 = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$8], ["__scopeId", "data-v-b4df44b2"]]);
+const JcFloatInput$1 = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$8], ["__scopeId", "data-v-b4df44b2"]]);
 const __vite_glob_0_10 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: JcFloatInput$1
@@ -10543,7 +10543,7 @@ let nanoid = (size2 = 21) => {
   }
   return id;
 };
-const _sfc_main$m = {
+const _sfc_main$n = {
   name: "JcVerifySlide",
   props: {
     visible: { type: Boolean, default: false },
@@ -10819,7 +10819,7 @@ const _sfc_main$m = {
     }
   }
 };
-const _hoisted_1$i = {
+const _hoisted_1$j = {
   key: 0,
   class: "auth-captcha-box-top"
 };
@@ -10848,7 +10848,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
         "max-width": "100%"
       })
     }, [
-      $props.mode === "pop" ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
+      $props.mode === "pop" ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
         createElementVNode("span", _hoisted_2$g, toDisplayString($options.isEn ? "please finish the security verification" : "请完成安全验证"), 1),
         createElementVNode("span", {
           class: "auth-captcha-box-close",
@@ -10973,12 +10973,12 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, $options.showBox]
   ]);
 }
-const JcVerifySlide$1 = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$7], ["__scopeId", "data-v-00650cc3"]]);
-const __vite_glob_0_15 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const JcVerifySlide$1 = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$7], ["__scopeId", "data-v-00650cc3"]]);
+const __vite_glob_0_16 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: JcVerifySlide$1
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$l = {
+const _sfc_main$m = {
   name: "CodeInput",
   components: { GoogleInput: GoogleInput$1, JcFloatInput: JcFloatInput$1, JcVerifySlide: JcVerifySlide$1 },
   props: {
@@ -11078,10 +11078,10 @@ const _sfc_main$l = {
     (_b = (_a = this.handleSend).cancel) == null ? void 0 : _b.call(_a);
   }
 };
-const _hoisted_1$h = { class: "code-input-container" };
+const _hoisted_1$i = { class: "code-input-container" };
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_JcVerifySlide = resolveComponent("JcVerifySlide");
-  return openBlock(), createElementBlock("div", _hoisted_1$h, [
+  return openBlock(), createElementBlock("div", _hoisted_1$i, [
     (openBlock(), createBlock(resolveDynamicComponent($props.showIcon ? "JcFloatInput" : "GoogleInput"), {
       "model-value": $props.modelValue,
       "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:modelValue", $event)),
@@ -11122,15 +11122,15 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["visible", "is-en", "onSuccess"])
   ]);
 }
-const CodeInput$1 = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$6], ["__scopeId", "data-v-9d6cb765"]]);
+const CodeInput$1 = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$6], ["__scopeId", "data-v-9d6cb765"]]);
 const __vite_glob_0_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: CodeInput$1
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$g = { class: "global-modal-header-custom" };
+const _hoisted_1$h = { class: "global-modal-header-custom" };
 const _hoisted_2$f = { class: "global-modal-body-custom" };
 const _hoisted_3$e = { class: "global-modal-footer-custom" };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "GlobalModal",
   props: {
     "modelValue": { type: Boolean, ...{
@@ -11211,7 +11211,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         class: "global-modal-custom"
       }, {
         header: withCtx(() => [
-          createElementVNode("div", _hoisted_1$g, [
+          createElementVNode("div", _hoisted_1$h, [
             _cache[9] || (_cache[9] = createElementVNode("h2", null, "即刻链接全球货代", -1)),
             createVNode(unref(ElButton), {
               link: "",
@@ -11386,9 +11386,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
 });
 const __vite_glob_0_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$k
+  default: _sfc_main$l
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$f = { class: "jc:flex jc:items-center jc:justify-between" };
+const _hoisted_1$g = { class: "jc:flex jc:items-center jc:justify-between" };
 const _hoisted_2$e = {
   key: 0,
   class: "jc:ml-2 jc:text-xs jc:text-gray-400"
@@ -11403,7 +11403,7 @@ const _hoisted_6$9 = { class: "jc:flex jc:justify-center jc:items-center jc:gap-
 const _hoisted_7$8 = ["src"];
 const _hoisted_8$8 = { key: 1 };
 const pageSize = 50;
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     modelValue: {
@@ -11742,7 +11742,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             }, {
               option: withCtx(() => [
                 renderSlot(_ctx.$slots, "option", { item }, () => [
-                  createElementVNode("div", _hoisted_1$f, [
+                  createElementVNode("div", _hoisted_1$g, [
                     createElementVNode("span", null, toDisplayString(unref(isEn) ? item.displayEn || item.display : item.displayCn || item.display), 1),
                     item.code ? (openBlock(), createElementBlock("span", _hoisted_2$e, toDisplayString(item.code), 1)) : createCommentVNode("", true)
                   ])
@@ -11765,12 +11765,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const JcCarrierSearch$1 = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-c621b886"]]);
+const JcCarrierSearch$1 = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-c621b886"]]);
 const __vite_glob_0_9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: JcCarrierSearch$1
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "AirCarrierSearch",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -11789,9 +11789,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 });
 const __vite_glob_0_5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$i
+  default: _sfc_main$j
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "AirLineSearch",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -11810,9 +11810,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
 });
 const __vite_glob_0_6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$h
+  default: _sfc_main$i
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "SeaCarrierSearch",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -11831,9 +11831,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
 });
 const __vite_glob_0_7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$g
+  default: _sfc_main$h
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "SeaLineSearch",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -11852,9 +11852,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
 });
 const __vite_glob_0_8 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: _sfc_main$f
+  default: _sfc_main$g
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$e = {
+const _sfc_main$f = {
   name: "JcFloatWrapper",
   emits: ["focus", "blur"],
   props: {
@@ -11890,7 +11890,7 @@ const _sfc_main$e = {
     }
   }
 };
-const _hoisted_1$e = { class: "wrapper-container" };
+const _hoisted_1$f = { class: "wrapper-container" };
 const _hoisted_2$d = {
   key: 0,
   class: "wrapper-prepend"
@@ -11910,7 +11910,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     onFocusin: _cache[0] || (_cache[0] = (...args) => $options.handleFocusIn && $options.handleFocusIn(...args)),
     onFocusout: _cache[1] || (_cache[1] = (...args) => $options.handleFocusOut && $options.handleFocusOut(...args))
   }, [
-    createElementVNode("div", _hoisted_1$e, [
+    createElementVNode("div", _hoisted_1$f, [
       $options.isHavePrepend ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
         renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
       ])) : createCommentVNode("", true),
@@ -11924,11 +11924,99 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 34);
 }
-const JcFloatWrapper$1 = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$5], ["__scopeId", "data-v-4e8a7fce"]]);
+const JcFloatWrapper$1 = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$5], ["__scopeId", "data-v-4e8a7fce"]]);
 const __vite_glob_0_11 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: JcFloatWrapper$1
 }, Symbol.toStringTag, { value: "Module" }));
+const _hoisted_1$e = ["src", "alt"];
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: {
+    src: {},
+    level: { default: 1 },
+    transform: { type: Boolean, default: true },
+    domains: { default: () => ({
+      origin: "resources.jctrans.com",
+      thumbnail: "thumbnail.jctrans.com",
+      webp: "webp.jctrans.com"
+    }) },
+    alt: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const currentIndex = ref(0);
+    const computedAlt = computed(() => {
+      if (props.alt) return props.alt;
+      const filename = props.src.split("/").pop() || "";
+      return filename.replace(/\.[^.]+$/, "");
+    });
+    function replaceHost(url, host) {
+      const clone = new URL(url.toString());
+      clone.hostname = host;
+      return clone;
+    }
+    const sourceList = computed(() => {
+      if (!props.transform) {
+        return [props.src];
+      }
+      let url;
+      try {
+        url = new URL(props.src);
+      } catch {
+        return [props.src];
+      }
+      const pathname = url.pathname;
+      const extIndex = pathname.lastIndexOf(".");
+      const webpPath = `${pathname.slice(0, extIndex)}.webp`;
+      const origin = props.src;
+      const thumbnail = replaceHost(
+        url,
+        props.domains.thumbnail
+      ).toString();
+      const webp = replaceHost(
+        new URL(webpPath, url.origin),
+        props.domains.webp
+      ).toString();
+      switch (props.level) {
+        case 3:
+          return [webp, thumbnail, origin];
+        case 2:
+          return [thumbnail, origin];
+        default:
+          return [origin];
+      }
+    });
+    const currentSrc = computed(() => {
+      return sourceList.value[currentIndex.value];
+    });
+    watch(
+      () => [props.src, props.level, props.transform],
+      () => {
+        currentIndex.value = 0;
+      }
+    );
+    function handleError() {
+      if (currentIndex.value < sourceList.value.length - 1) {
+        currentIndex.value++;
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("img", mergeProps(_ctx.$attrs, {
+        src: currentSrc.value,
+        alt: computedAlt.value,
+        onError: handleError
+      }), null, 16, _hoisted_1$e);
+    };
+  }
+});
+const __vite_glob_0_12 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: _sfc_main$e
+}, Symbol.toStringTag, { value: "Module" }));
 /*! js-cookie v3.0.5 | MIT */
 function assign(target) {
   for (var i = 1; i < arguments.length; i++) {
@@ -20487,7 +20575,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8, ["modelValue", "width", "onClose", "onOpen"]);
 }
 const index$2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render], ["__scopeId", "data-v-8734ed08"]]);
-const __vite_glob_0_12 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const __vite_glob_0_13 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: index$2
 }, Symbol.toStringTag, { value: "Module" }));
@@ -21015,7 +21103,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const index$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ae746c64"]]);
-const __vite_glob_0_13 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const __vite_glob_0_14 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: index$1
 }, Symbol.toStringTag, { value: "Module" }));
@@ -21289,7 +21377,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const __vite_glob_0_16 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const __vite_glob_0_17 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: _sfc_main
 }, Symbol.toStringTag, { value: "Module" }));
@@ -21521,7 +21609,7 @@ function createGlobalModalPlugin() {
         const container = document.createElement("div");
         container.setAttribute("id", "global-modal-root");
         document.body.appendChild(container);
-        createApp(_sfc_main$k).mount(container);
+        createApp(_sfc_main$l).mount(container);
         mounted = true;
       }
       app.config.globalProperties.$globalModal = api;
@@ -21541,11 +21629,12 @@ const componentFiles = /* @__PURE__ */ Object.assign({
   "./components/JcCarrierSearch/index.vue": __vite_glob_0_9,
   "./components/JcFloatInput.vue": __vite_glob_0_10,
   "./components/JcFloatWrapper.vue": __vite_glob_0_11,
-  "./components/JcLoginDialog/index.vue": __vite_glob_0_12,
-  "./components/JcMSearch/index.vue": __vite_glob_0_13,
-  "./components/JcSearch/index.vue": __vite_glob_0_14,
-  "./components/JcVerifySlide/index.vue": __vite_glob_0_15,
-  "./components/LineCascader/index.vue": __vite_glob_0_16
+  "./components/JcImg/index.vue": __vite_glob_0_12,
+  "./components/JcLoginDialog/index.vue": __vite_glob_0_13,
+  "./components/JcMSearch/index.vue": __vite_glob_0_14,
+  "./components/JcSearch/index.vue": __vite_glob_0_15,
+  "./components/JcVerifySlide/index.vue": __vite_glob_0_16,
+  "./components/LineCascader/index.vue": __vite_glob_0_17
 });
 const components = {};
 Object.entries(componentFiles).forEach(([path, module2]) => {
@@ -21580,7 +21669,8 @@ const {
   SeaCarrierSearch,
   AirLineSearch,
   SeaLineSearch,
-  LineCascader
+  LineCascader,
+  JcImg
 } = components;
 let installed = false;
 const index = {
@@ -21610,6 +21700,7 @@ export {
   JcCarrierSearch,
   JcFloatInput,
   JcFloatWrapper,
+  JcImg,
   JcLoginDialog,
   JcMSearch,
   JcSearch,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jctrans-materials/comps-vue3",
-  "version": "1.0.41-beta.8",
+  "version": "1.0.41-beta.9",
   "private": false,
   "description": "",
   "type": "module",
@@ -38,7 +38,7 @@
     "nanoid": "^5.1.6",
     "qrcode": "^1.5.4",
     "tailwindcss": "4.1.18",
-    "@jctrans-materials/shared": "1.0.41-beta.8"
+    "@jctrans-materials/shared": "1.0.41-beta.9"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "4.1.18",