yahee-components 0.0.92 → 0.0.94

package/es/complex-search/complex-search.vue.js

@@ -1,8 +1,9 @@
-import B from "./complex-search.vue2.js";
-import { resolveComponent as r, createElementBlock as d, openBlock as n, Fragment as u, createElementVNode as b, createVNode as t, withKeys as _, createSlots as U, withCtx as a, renderList as i, createBlock as s, createCommentVNode as V, createTextVNode as h, toDisplayString as c } from "vue";
+import _ from "./complex-search.vue2.js";
+import { resolveComponent as r, createElementBlock as d, openBlock as n, Fragment as u, createElementVNode as b, createVNode as t, withKeys as B, createSlots as U, withCtx as a, renderList as i, createBlock as s, createCommentVNode as V, createTextVNode as h, toDisplayString as c } from "vue";
+/* empty css                    */
 import O from "../_virtual/_plugin-vue_export-helper.js";
 const z = { class: "yahee-complex-search" }, P = { class: "search-type-checkbox" }, W = { class: "dialog-footer" };
-function E(e, o, N, $, K, L) {
+function E(e, o, N, $, I, K) {
   const m = r("el-option"), p = r("el-select"), C = r("Search"), w = r("el-icon"), f = r("el-input"), g = r("el-checkbox"), v = r("el-link"), y = r("el-form-item"), S = r("el-row"), F = r("el-form"), k = r("el-button"), T = r("el-dialog");
   return n(), d(u, null, [
     b("div", z, [
@@ -14,7 +15,7 @@ function E(e, o, N, $, K, L) {
         clearable: "",
         maxlength: "30",
         onChange: e.handleSearch,
-        onKeyup: _(e.handleSearch, ["enter"]),
+        onKeyup: B(e.handleSearch, ["enter"]),
         onPaste: e.pasteFormatInput,
         onClear: e.handleClear
       }, U({
@@ -212,7 +213,7 @@ function E(e, o, N, $, K, L) {
     }, 8, ["modelValue", "before-close"])
   ], 64);
 }
-const X = /* @__PURE__ */ O(B, [["render", E]]);
+const j = /* @__PURE__ */ O(_, [["render", E], ["__scopeId", "data-v-814a7364"]]);
 export {
-  X as default
+  j as default
 };

package/es/complex-search/complex-search.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as R, toRefs as _, ref as n, watch as k } from "vue";
+import { defineComponent as R, toRefs as _, ref as l, watch as k } from "vue";
 import v from "../_virtual/lodash.js";
-import { defaultComplexSearchProps as l } from "./props.js";
-import { ElLink as G, ElOption as P, ElButton as K, ElRow as V, ElFormItem as j, ElForm as q, ElIcon as Y, ElDialog as $, ElSelect as z, ElCheckbox as J, ElInput as M } from "element-plus";
+import { defaultComplexSearchProps as o } from "./props.js";
+import { ElLink as L, ElOption as P, ElButton as G, ElRow as K, ElFormItem as V, ElForm as j, ElIcon as q, ElDialog as Y, ElSelect as $, ElCheckbox as z, ElInput as J } from "element-plus";
 import "element-plus/theme-chalk/src/base.scss";
 import "element-plus/theme-chalk/src/input.scss";
 import "element-plus/theme-chalk/src/checkbox.scss";
@@ -18,179 +18,167 @@ import "element-plus/theme-chalk/src/form-item.scss";
 import "element-plus/theme-chalk/src/row.scss";
 import "element-plus/theme-chalk/src/button.scss";
 import "element-plus/theme-chalk/src/link.scss";
-import { Search as N } from "@element-plus/icons-vue";
-const Ce = R({
+import { Search as M } from "@element-plus/icons-vue";
+const ye = R({
   name: "YaheeComplexSearch",
   components: {
-    ElInput: M,
-    ElCheckbox: J,
-    ElSelect: z,
-    ElDialog: $,
-    ElIcon: Y,
-    ElForm: q,
-    ElFormItem: j,
-    ElRow: V,
-    ElButton: K,
+    ElInput: J,
+    ElCheckbox: z,
+    ElSelect: $,
+    ElDialog: Y,
+    ElIcon: q,
+    ElForm: j,
+    ElFormItem: V,
+    ElRow: K,
+    ElButton: G,
     ElOption: P,
-    ElLink: G,
-    Search: N
+    ElLink: L,
+    Search: M
   },
   props: {
     defaultSearch: {
       type: String,
-      default: l().defaultSearch
+      default: o().defaultSearch
     },
     options: {
       type: Array,
-      default: l().options
+      default: o().options
     },
     placeholderText: {
       type: String,
-      default: l().placeholderText
+      default: o().placeholderText
     },
     showPatchSearch: {
       type: Boolean,
-      default: l().showPatchSearch
+      default: o().showPatchSearch
     },
     showWithinFilterCheckbox: {
       type: Boolean,
-      default: l().showWithinFilterCheckbox
+      default: o().showWithinFilterCheckbox
     },
     specialOptions: {
       type: Array,
-      default: l().specialOptions
+      default: o().specialOptions
     },
     normalOptions: {
       type: Array,
-      default: l().normalOptions
+      default: o().normalOptions
     },
     showSelect: {
       type: Boolean,
-      default: l().showSelect
+      default: o().showSelect
     },
     searchItem: {
       type: Object,
-      default: l().searchItem
+      default: o().searchItem
     },
     isBatchSelectOptionsSameWithInput: {
       type: Boolean,
-      default: l().isBatchSelectOptionsSameWithInput
+      default: o().isBatchSelectOptionsSameWithInput
     },
     batchOptions: {
       type: Array,
-      default: l().batchOptions
+      default: o().batchOptions
     }
   },
   emits: ["filterChangeGrandson", "update:searchItem"],
-  setup(y, { emit: i }) {
-    const { specialOptions: C, normalOptions: I, searchItem: E } = _(y), h = n(y.defaultSearch || "WHOLE_SEARCH"), o = n(""), p = n(!1), d = n(!1), u = n(!1), S = n(null), r = n({ searchType: "WHOLE_SEARCH", searchContent: "" }), T = [{ value: "WHOLE_SEARCH", label: "综合搜索" }], F = {
+  setup(y, { emit: f }) {
+    const { specialOptions: C, normalOptions: g, searchItem: E } = _(y), i = l(y.defaultSearch || "WHOLE_SEARCH"), h = l(""), p = l(!1), d = l(!1), u = l(!1), S = l(null), r = l({ searchType: "WHOLE_SEARCH", searchContent: "" }), I = [{ value: "WHOLE_SEARCH", label: "综合搜索" }], T = {
       searchContent: [{ required: !0, message: "请输入查询内容", trigger: "blur" }]
-    }, c = n({ ...E.value });
+    }, n = l({ ...E.value });
     k(
       () => E.value,
-      (e) => {
-        c.value = { ...e }, g();
+      (t) => {
+        n.value = { ...t }, s();
       },
       { deep: !0 }
     );
-    const g = () => {
-      let e = {};
-      p.value ? e = {
-        ...c.value,
-        ...o.value ? { putSearch: o.value } : {},
-        searchType: h.value
-        // 包含 searchType
-      } : e = {
-        ...c.value
-        // 注意：这里不包含 searchType
-      }, e.putSearch === "" && delete e.putSearch, console.log("左侧筛选条件变化，触发搜索:", e), p.value ? i("filterChangeGrandson", e, h.value) : i("filterChangeGrandson", e, void 0);
-    }, m = () => {
-      let e = {};
-      p.value ? e = {
-        ...c.value,
-        putSearch: o.value || "",
-        searchType: h.value
-      } : e = {
-        putSearch: o.value || "",
-        searchType: h.value
-        // 包含 searchType
-      }, e.putSearch === "" && delete e.putSearch, console.log("搜索框变化，触发搜索:", e), i("filterChangeGrandson", e, h.value);
-    }, b = () => {
-      m();
+    const b = () => {
+      s();
     }, w = () => {
-      o.value = "", m();
+      h.value = "", s();
+    }, s = () => {
+      let t = {};
+      p.value ? t = {
+        ...n.value,
+        putSearch: h.value || "",
+        searchType: i.value
+      } : t = {
+        putSearch: h.value || "",
+        searchType: i.value
+      }, f("filterChangeGrandson", t, i.value);
     }, W = () => {
-      o.value ? m() : g();
+      s();
     }, x = () => {
       u.value = !0;
     }, B = () => {
       u.value = !1, r.value = { searchType: "WHOLE_SEARCH", searchContent: "" };
-    }, H = (e, t) => {
-      const a = { ...e };
-      return v.map(C.value, (s) => s.key).includes(t.filterKey) ? C.value.forEach((s) => delete a[s.key]) : delete a[t.filterKey], a;
-    }, A = (e) => {
-      let t = { ...c.value };
-      v.forEach(e, (a) => {
-        t = H(t, a);
-        const { checkedValues: s, filterKey: f } = a;
-        v.isEmpty(s) ? delete t[f] : I.value.includes(f) ? t[f] = s[0] : t[f] = s;
-      }), c.value = t, i("update:searchItem", t);
-    }, D = (e) => {
-      const t = O(e);
-      t !== null && (o.value = t, setTimeout(() => {
-        m();
+    }, F = (t, e) => {
+      const a = { ...t };
+      return v.map(C.value, (c) => c.key).includes(e.filterKey) ? C.value.forEach((c) => delete a[c.key]) : delete a[e.filterKey], a;
+    }, H = (t) => {
+      let e = { ...n.value };
+      v.forEach(t, (a) => {
+        e = F(e, a);
+        const { checkedValues: c, filterKey: m } = a;
+        v.isEmpty(c) ? delete e[m] : g.value.includes(m) ? e[m] = c[0] : e[m] = c;
+      }), n.value = e, f("update:searchItem", e), p.value && s();
+    }, A = (t) => {
+      const e = O(t);
+      e !== null && (h.value = e, setTimeout(() => {
+        s();
       }, 50));
-    }, L = (e) => {
-      const t = O(e);
-      if (t) {
+    }, D = (t) => {
+      const e = O(t);
+      if (e) {
         const a = r.value.searchContent || "";
-        r.value.searchContent = a ? `${a},${t}` : t;
+        r.value.searchContent = a ? `${a},${e}` : e;
       }
-    }, O = (e) => {
+    }, O = (t) => {
       var a;
-      e.preventDefault();
-      const t = (a = e.clipboardData) == null ? void 0 : a.getData("text/plain");
-      return t == null ? void 0 : t.replace(/[\n\r\t]+/g, ",");
+      t.preventDefault();
+      const e = (a = t.clipboardData) == null ? void 0 : a.getData("text/plain");
+      return e == null ? void 0 : e.replace(/[\n\r\t]+/g, ",");
     };
     return {
-      selectedSearchType: h,
-      putSearch: o,
+      selectedSearchType: i,
+      putSearch: h,
       isWithinFilterOptions: p,
       confirmLoading: d,
       showBatchSearch: u,
       batchSearchFormRef: S,
       batchSearchForm: r,
-      defalutOptions: T,
-      rules: F,
+      defalutOptions: I,
+      rules: T,
       showBatchSearchDialog: x,
       handleBatchSearchClose: B,
       searchWithinFilterOptions: W,
       handleSearch: b,
       handleClear: w,
-      pasteFormatInput: D,
+      pasteFormatInput: A,
       confirmSearch: () => {
-        S.value && S.value.validate((e) => {
-          var t;
-          if (e && ((t = r.value.searchContent) != null && t.trim())) {
+        S.value && S.value.validate((t) => {
+          var e;
+          if (t && ((e = r.value.searchContent) != null && e.trim())) {
             d.value = !0;
             let a = {};
             p.value ? a = {
-              ...c.value,
+              ...n.value,
               putSearch: r.value.searchContent.trim(),
               searchType: r.value.searchType
             } : a = {
               putSearch: r.value.searchContent.trim(),
               searchType: r.value.searchType
-            }, i("filterChangeGrandson", a, r.value.searchType), r.value = { searchType: "WHOLE_SEARCH", searchContent: "" }, u.value = !1, d.value = !1;
+            }, f("filterChangeGrandson", a, r.value.searchType), r.value = { searchType: "WHOLE_SEARCH", searchContent: "" }, u.value = !1, d.value = !1;
           }
         });
       },
-      pasteFormat: L,
-      filterChange: A,
-      getSearchItem: () => c.value
+      pasteFormat: D,
+      filterChange: H,
+      getSearchItem: () => n.value
     };
   }
 });
 export {
-  Ce as default
+  ye as default
 };

package/es/help-tag/help-tag.vue.js

@@ -0,0 +1,73 @@
+import { defineComponent as u, ref as n, nextTick as d, createElementBlock as h, openBlock as v, createVNode as p, unref as i, withCtx as c, withDirectives as m, createElementVNode as g, normalizeStyle as y, withModifiers as C } from "vue";
+import { GetHelpTag as _ } from "../packages/components/api/log/index.js";
+import { InfoFilled as w } from "@element-plus/icons-vue";
+import { ElPopover as k, vLoading as z, ElIcon as S } from "element-plus";
+import "element-plus/theme-chalk/src/base.scss";
+import "element-plus/theme-chalk/src/popper.scss";
+import "element-plus/theme-chalk/src/popover.scss";
+const x = { class: "yahee-help-tag" }, I = ["innerHTML"], B = /* @__PURE__ */ u({
+  __name: "help-tag",
+  props: {
+    tipsId: {
+      type: String,
+      default: ""
+    },
+    tipsContentSize: {
+      type: Object,
+      default: () => ({ width: 80, height: 80 }),
+      required: !1
+    }
+  },
+  setup(l) {
+    const r = n(), e = n(null), t = n(null), a = n(!1), f = l;
+    d(() => {
+      t.value && (t.value.style.height = `${f.tipsContentSize.height}px`, t.value.style.overflowY = "auto"), e.value && typeof e.value.updatePopper == "function" && e.value.updatePopper();
+    });
+    const s = () => {
+      a.value = !0, _({ Id: f.tipsId }).then((o) => {
+        o && o.Content && (r.value = o.Content.Content);
+      }).catch(() => {
+        r.value = "加载失败，请重试";
+      }).finally(() => {
+        a.value = !1;
+      });
+    };
+    return (o, T) => (v(), h("div", x, [
+      p(i(k), {
+        ref_key: "popoverRef",
+        ref: e,
+        placement: "bottom",
+        width: l.tipsContentSize.width,
+        trigger: "click"
+      }, {
+        reference: c(() => [
+          p(i(S), {
+            size: "18",
+            color: "#ccc",
+            onClick: C(s, ["stop"]),
+            style: { cursor: "pointer" }
+          }, {
+            default: c(() => [
+              p(i(w))
+            ]),
+            _: 1
+          })
+        ]),
+        default: c(() => [
+          m(g("div", {
+            ref_key: "contentRef",
+            ref: t,
+            innerHTML: r.value,
+            style: y({ height: l.tipsContentSize.height, overflowY: "hidden" })
+          }, null, 12, I), [
+            [i(z), a.value]
+          ])
+        ]),
+        _: 1
+      }, 8, ["width"])
+    ]));
+  }
+});
+export {
+  B as default
+};

package/es/help-tag/help-tag.vue2.js

@@ -0,0 +1,4 @@
+import f from "./help-tag.vue.js";
+export {
+  f as default
+};

package/es/help-tag/index.js

@@ -0,0 +1,7 @@
+import { withInstall as t } from "../utils/install.js";
+import a from "./help-tag.vue.js";
+const m = t(a);
+export {
+  m as YaheeHelpTag,
+  m as default
+};

package/es/help-tag/props.js

@@ -0,0 +1,9 @@
+function t() {
+  return {
+    tipsContentSize: () => ({ width: 80, height: 80 }),
+    tipsId: ""
+  };
+}
+export {
+  t as defaultHelpTagProps
+};

package/es/help-tag/style/index.css

@@ -0,0 +1,4 @@
+.yahee-help-tag {
+  display: flex;
+  align-items: center;
+}

package/es/index.js

@@ -10,40 +10,44 @@ import { YaheeOperationLog as I } from "./operation-log/index.js";
 import { YaheeCountryPlatformShopCondition as E } from "./country-platform-shop-condition/index.js";
 import { YaheeLeftCondition as L } from "./left-condition/index.js";
 import { YaheeLeftConditionEnum as D } from "./left-condition-enum/index.js";
-import { YaheeDropDownCondition as W } from "./drop-down-condition/index.js";
-import { YaheeCommonImport as k } from "./common-import/index.js";
-import { YaheeBorderWrap as A } from "./border-wrap/index.js";
-import { YaheeEchartGauge as j } from "./echart-gauge/index.js";
-import { YaheeScaleScreen as v } from "./scale-screen/index.js";
+import { YaheeDropDownCondition as T } from "./drop-down-condition/index.js";
+import { YaheeCommonImport as W } from "./common-import/index.js";
+import { YaheeBorderWrap as k } from "./border-wrap/index.js";
+import { YaheeEchartGauge as A } from "./echart-gauge/index.js";
+import { YaheeScaleScreen as j } from "./scale-screen/index.js";
+import { YaheeHelpTag as v } from "./help-tag/index.js";
 import { defaultComplexSearchProps as F } from "./complex-search/props.js";
-import { defaultCopyProps as J } from "./copy/props.js";
-import { defaultBorderWrapPropsProps as M } from "./border-wrap/props.js";
-import { defaultEchartGaugeProps as Q } from "./echart-gauge/props.js";
-import { defaultScaleScreenProps as T } from "./scale-screen/props.js";
+import { defaultCopyProps as K } from "./copy/props.js";
+import { defaultBorderWrapPropsProps as N } from "./border-wrap/props.js";
+import { defaultEchartGaugeProps as R } from "./echart-gauge/props.js";
+import { defaultScaleScreenProps as X } from "./scale-screen/props.js";
+import { defaultHelpTagProps as _ } from "./help-tag/props.js";
 const { setConfig: p } = t(), n = e([...r]);
 function x(o) {
   p(o);
 }
 export {
   P as YaheeAnnexUpload,
-  A as YaheeBorderWrap,
-  k as YaheeCommonImport,
+  k as YaheeBorderWrap,
+  W as YaheeCommonImport,
   s as YaheeComplexSearch,
   u as YaheeCopy,
   E as YaheeCountryPlatformShopCondition,
-  W as YaheeDropDownCondition,
-  j as YaheeEchartGauge,
+  T as YaheeDropDownCondition,
+  A as YaheeEchartGauge,
+  v as YaheeHelpTag,
   C as YaheeImageUpload,
   i as YaheeInput,
   L as YaheeLeftCondition,
   D as YaheeLeftConditionEnum,
   I as YaheeOperationLog,
-  v as YaheeScaleScreen,
+  j as YaheeScaleScreen,
   n as default,
-  M as defaultBorderWrapPropsProps,
+  N as defaultBorderWrapPropsProps,
   F as defaultComplexSearchProps,
-  J as defaultCopyProps,
-  Q as defaultEchartGaugeProps,
-  T as defaultScaleScreenProps,
+  K as defaultCopyProps,
+  R as defaultEchartGaugeProps,
+  _ as defaultHelpTagProps,
+  X as defaultScaleScreenProps,
   x as useGlobalConfig
 };

package/es/installs.js

@@ -6,13 +6,14 @@ import { YaheeOperationLog as t } from "./operation-log/index.js";
 import { YaheeAnnexUpload as a } from "./annex-upload/index.js";
 import { YaheeLeftCondition as p } from "./left-condition/index.js";
 import { YaheeLeftConditionEnum as i } from "./left-condition-enum/index.js";
-import { YaheeDropDownCondition as n } from "./drop-down-condition/index.js";
-import { YaheeCountryPlatformShopCondition as f } from "./country-platform-shop-condition/index.js";
+import { YaheeDropDownCondition as f } from "./drop-down-condition/index.js";
+import { YaheeCountryPlatformShopCondition as n } from "./country-platform-shop-condition/index.js";
 import { YaheeCommonImport as h } from "./common-import/index.js";
 import { YaheeBorderWrap as Y } from "./border-wrap/index.js";
-import { YaheeEchartGauge as d } from "./echart-gauge/index.js";
-import { YaheeScaleScreen as l } from "./scale-screen/index.js";
-const A = [
+import { YaheeEchartGauge as l } from "./echart-gauge/index.js";
+import { YaheeScaleScreen as d } from "./scale-screen/index.js";
+import { YaheeHelpTag as C } from "./help-tag/index.js";
+const G = [
   o,
   e,
   r,
@@ -21,15 +22,16 @@ const A = [
   a,
   p,
   i,
-  n,
   f,
+  n,
   h,
   Y,
+  l,
   d,
-  l
+  C
   // YaheeFilterContainer,
   // YaheeFilterWrapper,
 ];
 export {
-  A as default
+  G as default
 };

package/es/style.css

@@ -548,6 +548,11 @@
   font-size: 20px;
 }
 
+.yahee-help-tag {
+  display: flex;
+  align-items: center;
+}
+
 :root {
   --el-color-primary: #3366cc;
   --el-text-color-regular: #000;

package/es/yahee-components.css

@@ -1 +1 @@
-.container[data-v-d3e37633]{box-sizing:initial;display:inline-block;text-align:center;border-radius:50%;overflow:hidden}.spinner[data-v-d3e37633]{box-sizing:initial;border:2px solid #a1a1a1;border-right-color:transparent;width:23px;height:23px;border-radius:50%;animation:spin-d3e37633 .9s linear infinite}@keyframes spin-d3e37633{to{transform:rotate(360deg)}}.v3-infinite-loading[data-v-4bdee133]{width:100%;height:44px}.state-error[data-v-4bdee133]{display:flex;flex-direction:column;align-items:center}.retry[data-v-4bdee133]{margin-top:8px;padding:2px 6px 4px;width:60px;color:inherit;font-size:14px;font-family:inherit;background:transparent;border:2px solid currentColor;border-radius:5px;outline:none;cursor:pointer}.retry[data-v-4bdee133]:hover{opacity:.8}
+.yahee-complex-search[data-v-814a7364]{width:100%}.search-type-checkbox[data-v-814a7364]{display:flex;justify-content:space-between;margin-top:8px;align-items:center}.row-class[data-v-814a7364]{margin-bottom:16px}.dialog-footer[data-v-814a7364]{display:flex;justify-content:flex-end;gap:12px}.container[data-v-d3e37633]{box-sizing:initial;display:inline-block;text-align:center;border-radius:50%;overflow:hidden}.spinner[data-v-d3e37633]{box-sizing:initial;border:2px solid #a1a1a1;border-right-color:transparent;width:23px;height:23px;border-radius:50%;animation:spin-d3e37633 .9s linear infinite}@keyframes spin-d3e37633{to{transform:rotate(360deg)}}.v3-infinite-loading[data-v-4bdee133]{width:100%;height:44px}.state-error[data-v-4bdee133]{display:flex;flex-direction:column;align-items:center}.retry[data-v-4bdee133]{margin-top:8px;padding:2px 6px 4px;width:60px;color:inherit;font-size:14px;font-family:inherit;background:transparent;border:2px solid currentColor;border-radius:5px;outline:none;cursor:pointer}.retry[data-v-4bdee133]:hover{opacity:.8}

package/lib/help-tag/style/index.css

@@ -0,0 +1,4 @@
+.yahee-help-tag {
+  display: flex;
+  align-items: center;
+}

package/lib/style.css

@@ -548,6 +548,11 @@
   font-size: 20px;
 }
 
+.yahee-help-tag {
+  display: flex;
+  align-items: center;
+}
+
 :root {
   --el-color-primary: #3366cc;
   --el-text-color-regular: #000;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yahee-components",
   "private": false,
-  "version": "0.0.92",
+  "version": "0.0.94",
   "description": "深圳前海亚讯前端组件库",
   "main": "lib",
   "module": "es",

package/types/src/components.d.ts

@@ -12,3 +12,4 @@ export * from './common-import';
 export * from './border-wrap';
 export * from './echart-gauge';
 export * from './scale-screen';
+export * from './help-tag';

package/types/src/help-tag/help-tag.d.ts

@@ -0,0 +1,2 @@
+import { default as HelpTag } from './help-tag.vue';
+export type HelpTagInstance = InstanceType<typeof HelpTag>;