@opendesign-plus-test/components 0.0.1-rc.65 → 0.0.1-rc.66

package/dist/esm/components/common/MoreText.vue2.mjs

@@ -0,0 +1,70 @@
+import { defineComponent as w, ref as a, onMounted as C, watch as y, nextTick as B, openBlock as i, createElementBlock as c, createElementVNode as d, normalizeStyle as _, normalizeClass as H, toDisplayString as f, unref as n, createVNode as r, withCtx as x, createCommentVNode as R } from "vue";
+import { OIcon as g, OIconChevronDown as I, OIconChevronUp as N } from "@opensig/opendesign";
+import { useI18n as E } from "../../i18n/index.mjs";
+const O = { class: "more-text-wrapper" }, S = { key: 0 }, T = { key: 1 }, M = /* @__PURE__ */ w({
+  __name: "MoreText",
+  props: {
+    text: { default: "" },
+    link: { type: Boolean, default: !1 },
+    lines: { default: 3 },
+    show: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    const s = l, { t: m } = E(), o = a(!1), u = a(!1), h = a(0), p = a(null);
+    C(() => {
+      v();
+    }), y([() => s.text, () => s.show], () => {
+      v();
+    });
+    const v = () => {
+      B(() => {
+        const e = p.value;
+        if (e) {
+          const t = document.createRange();
+          t.setStart(e, 0), t.setEnd(e, e.childNodes.length), u.value = t.getBoundingClientRect().height > e.offsetHeight + 10 || e.scrollHeight > e.offsetHeight + 10, h.value = t.getBoundingClientRect().height || e.scrollHeight;
+        } else
+          u.value = !1;
+      });
+    }, k = () => {
+      s.link && window.open(s.text);
+    };
+    return (e, t) => (i(), c("div", O, [
+      d("div", {
+        class: H(["more-text-content", l.link && "is-link"]),
+        ref_key: "contentRef",
+        ref: p,
+        style: _({
+          "max-height": o.value ? h.value + "px" : "66px",
+          "-webkit-line-clamp": o.value ? "initial" : l.lines
+        }),
+        onClick: k
+      }, f(l.text), 7),
+      u.value ? (i(), c("div", {
+        key: 0,
+        class: "more-text-btn",
+        onClick: t[0] || (t[0] = (V) => o.value = !o.value)
+      }, [
+        o.value ? (i(), c("div", T, [
+          d("span", null, f(n(m)("common.collapse")), 1),
+          r(n(g), null, {
+            default: x(() => [
+              r(n(N))
+            ]),
+            _: 1
+          })
+        ])) : (i(), c("div", S, [
+          d("span", null, f(n(m)("common.expand")), 1),
+          r(n(g), null, {
+            default: x(() => [
+              r(n(I))
+            ]),
+            _: 1
+          })
+        ]))
+      ])) : R("", !0)
+    ]));
+  }
+});
+export {
+  M as default
+};

package/dist/esm/components/common/ThFilter.css

@@ -0,0 +1,146 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+.th-filter-wrapper {
+  display: flex;
+  column-gap: var(--o-gap-2);
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.th-filter-wrapper > span:first-child {
+  word-break: keep-all;
+}
+.filter-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.filter-wrapper > * {
+  flex-shrink: 0;
+}
+.filter-wrapper .filter-hover-icon {
+  display: none;
+}
+.filter-wrapper .filter-icon {
+  font-size: 24px;
+  line-height: 32px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.filter-wrapper .filter-icon {
+    font-size: 20px;
+    line-height: 28px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.filter-wrapper .filter-icon {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.filter-wrapper .filter-icon {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) {
+.filter-wrapper .filter-icon {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+.filter-wrapper:hover .filter-icon, .filter-wrapper.has-checked .filter-icon {
+  color: var(--o-color-primary1);
+}
+.filter-wrapper:hover .o-icon path, .filter-wrapper.has-checked .o-icon path {
+  fill: currentColor;
+}
+.th-filter-dropdown .o-dropdown-item {
+  min-width: 80px;
+  max-width: calc(var(--table-width, 300) * 0.8px);
+  --dropdown-item-justify: flex-start;
+  --dropdown-item-padding: 7px 12px;
+}
+.th-filter-dropdown .o-dropdown-item.is-active {
+  font-weight: 500;
+  background-color: var(--dropdown-item-bg-color-hover);
+  color: var(--dropdown-item-color-hover);
+}
+.th-filter-popover {
+  --popup-radius: var(--o-radius-xs);
+}
+.th-filter-popover .o-popup-body {
+  padding: var(--o-gap-2) 0 0 0;
+}
+.th-filter-popover .list-content-wrapper {
+  display: flex;
+}
+.th-filter-popover .list-content-wrapper .o-scrollbar-wrapper:first-child {
+  border-right: 1px solid rgb(224, 226, 230);
+}
+.th-filter-popover .content-wrapper {
+  padding: 0 var(--o-gap-4);
+  overflow: auto;
+  max-height: 300px;
+}
+.th-filter-popover .content-wrapper .o-checkbox-group {
+  flex-shrink: 0;
+}
+.th-filter-popover .content-wrapper .o-checkbox-label {
+  flex-grow: 1;
+}
+.th-filter-popover .content-wrapper .o-checkbox-label .label-wrapper {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.th-filter-popover .content-wrapper .o-checkbox-label .label-wrapper .o-svg-icon {
+  font-size: 24px;
+}
+.th-filter-popover .btn-wrapper {
+  min-width: 158px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-bottom: var(--o-gap-3);
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.th-filter-popover .btn-wrapper {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.th-filter-popover .btn-wrapper {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+.th-filter-popover .btn-wrapper {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+.th-filter-popover .btn-wrapper {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.th-filter-popover .btn-wrapper .o-link {
+  width: 80px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/dist/esm/components/common/ThFilter.vue.mjs

@@ -0,0 +1,212 @@
+import { defineComponent as K, computed as O, ref as h, watch as Q, resolveComponent as X, openBlock as u, createElementBlock as k, createElementVNode as m, renderSlot as _, createBlock as p, unref as l, withCtx as o, createVNode as r, Fragment as L, renderList as $, withDirectives as B, createTextVNode as F, toDisplayString as I, normalizeClass as b, normalizeStyle as P, createCommentVNode as U, nextTick as y, h as Y } from "vue";
+import { OPopover as Z, OScroller as W, OCheckboxGroup as ee, OCheckbox as le, ODivider as ae, OLink as z, OIcon as H, ODropdown as te, ODropdownItem as J } from "@opensig/opendesign";
+import q from "../../icons/icon-filter.mjs";
+import { useI18n as oe } from "../../i18n/index.mjs";
+import { buildVueDompurifyHTMLDirective as ne } from "vue-dompurify-html";
+const ue = {
+  class: "th-filter-wrapper",
+  ref: "filterRef"
+}, re = {
+  key: 1,
+  class: "list-content-wrapper"
+}, se = { class: "btn-wrapper" }, pe = /* @__PURE__ */ K({
+  __name: "ThFilter",
+  props: {
+    modelValue: {},
+    list: { default: () => [] },
+    multiple: { type: Boolean, default: !1 },
+    tableWidth: {}
+  },
+  emits: ["update:model-value", "confirm"],
+  setup(d, { emit: G }) {
+    const D = ne(), { t: w } = oe(), v = d, S = G, C = O(() => v.list.some((e) => {
+      var t;
+      return (t = e.children) == null ? void 0 : t.length;
+    })), f = O(() => v.list.map((e) => {
+      const t = (e.children || []).map((n) => ({
+        label: n.label,
+        value: n.value
+      }));
+      return {
+        label: e.label,
+        value: e.value,
+        children: C.value ? t : void 0
+      };
+    })), V = h(!1);
+    Q(
+      () => v.modelValue,
+      (e) => {
+        v.multiple ? i.value = e : s.value = e;
+      }
+    );
+    const i = h([]), M = (e) => {
+      i.value = e;
+    }, c = h([]), s = h(null), E = (e) => {
+      s.value === e ? s.value = null : s.value = e, g();
+    }, R = () => {
+      i.value = [], c.value = [], s.value = null, g();
+    }, g = () => {
+      let e = null;
+      v.multiple ? C.value ? e = c.value : e = i.value : e = s.value, S("update:model-value", e), V.value = !0, y(() => {
+        S("confirm"), V.value = !1;
+      });
+    }, N = O(() => i.value.length || c.value.length || s.value || v.modelValue), T = h(null), j = async (e) => {
+      var a, x;
+      const t = e.target.parentElement.parentElement;
+      await y();
+      const n = t.querySelector("input");
+      n.click(), await y(), (a = n.change) == null || a.call(n, n), await y(), (x = T.value) == null || x.$forceUpdate(), c.value = JSON.parse(JSON.stringify(c.value));
+    }, A = ({ data: e }) => Y("span", { onclick: j }, e.label);
+    return (e, t) => {
+      const n = X("ElCascaderPanel");
+      return u(), k("div", ue, [
+        m("span", null, [
+          _(e.$slots, "default")
+        ]),
+        d.multiple ? (u(), p(l(Z), {
+          key: 0,
+          visible: V.value,
+          position: "bottom",
+          wrapClass: "th-filter-popover",
+          trigger: "click",
+          anchor: !1
+        }, {
+          target: o(() => [
+            m("div", {
+              class: b(["filter-wrapper", N.value && "has-checked"])
+            }, [
+              r(l(H), { class: "filter-icon" }, {
+                default: o(() => [
+                  r(l(q))
+                ]),
+                _: 1
+              })
+            ], 2)
+          ]),
+          default: o(() => [
+            C.value ? (u(), k("div", re, [
+              r(n, {
+                ref_key: "aref",
+                ref: T,
+                expandTrigger: "hover",
+                renderLabel: A,
+                modelValue: c.value,
+                "onUpdate:modelValue": t[1] || (t[1] = (a) => c.value = a),
+                style: { width: "fit-content" },
+                options: f.value,
+                props: { multiple: !0, expandTrigger: "hover" }
+              }, null, 8, ["modelValue", "options"])
+            ])) : (u(), p(l(W), {
+              key: 0,
+              class: "content-wrapper",
+              "show-type": "hover",
+              "disabled-x": ""
+            }, {
+              default: o(() => [
+                r(l(ee), {
+                  direction: "v",
+                  onChange: M,
+                  modelValue: i.value,
+                  "onUpdate:modelValue": t[0] || (t[0] = (a) => i.value = a)
+                }, {
+                  default: o(() => [
+                    (u(!0), k(L, null, $(f.value, (a) => (u(), p(l(le), {
+                      key: a.value,
+                      value: a.value
+                    }, {
+                      default: o(() => [
+                        B(m("span", null, null, 512), [
+                          [l(D), a.label]
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })),
+            r(l(ae)),
+            m("div", se, [
+              r(l(z), { onClick: R }, {
+                default: o(() => [
+                  F(I(l(w)("common.reset")), 1)
+                ]),
+                _: 1
+              }),
+              r(l(z), { onClick: g }, {
+                default: o(() => [
+                  F(I(l(w)("common.confirm")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])) : (u(), p(l(te), {
+          key: 1,
+          optionPosition: "bottom",
+          optionWrapClass: "th-filter-dropdown",
+          modelValue: s.value,
+          "onUpdate:modelValue": t[3] || (t[3] = (a) => s.value = a)
+        }, {
+          dropdown: o(() => [
+            f.value.length ? (u(), p(l(W), {
+              key: 0,
+              "disabled-x": "",
+              style: { "max-height": "300px" },
+              "show-type": "always"
+            }, {
+              default: o(() => [
+                r(l(J), {
+                  style: P({
+                    "--table-width": d.tableWidth
+                  }),
+                  class: b([{ "is-active": d.modelValue === "" }]),
+                  value: "''",
+                  label: l(w)("common.all"),
+                  onClick: t[2] || (t[2] = (a) => E(""))
+                }, null, 8, ["style", "class", "label"]),
+                (u(!0), k(L, null, $(f.value, (a) => (u(), p(l(J), {
+                  style: P({
+                    "--table-width": d.tableWidth
+                  }),
+                  class: b([{ "is-active": a.value === d.modelValue }]),
+                  key: a.value,
+                  value: a.value,
+                  onClick: (x) => E(a.value)
+                }, {
+                  default: o(() => [
+                    B(m("span", null, null, 512), [
+                      [l(D), a.label]
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["style", "class", "value", "onClick"]))), 128))
+              ]),
+              _: 1
+            })) : U("", !0),
+            f.value.length ? U("", !0) : _(e.$slots, "empty", { key: 1 })
+          ]),
+          default: o(() => [
+            m("div", {
+              class: b(["filter-wrapper", N.value && "has-checked"])
+            }, [
+              r(l(H), { class: "filter-icon" }, {
+                default: o(() => [
+                  r(l(q))
+                ]),
+                _: 1
+              })
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["modelValue"]))
+      ], 512);
+    };
+  }
+});
+export {
+  pe as default
+};

package/dist/esm/components/common/ThFilter.vue3.mjs

@@ -0,0 +1,5 @@
+import o from "./ThFilter.vue.mjs";
+import './ThFilter.css';
+export {
+  o as default
+};

package/dist/esm/components/config-provider/OPlusConfigProvider.vue.mjs

@@ -0,0 +1,29 @@
+import { defineComponent as n, reactive as i, computed as r, provide as a, openBlock as m, createBlock as f, unref as e, withCtx as p, renderSlot as d } from "vue";
+import { OConfigProvider as s } from "@opensig/opendesign";
+import u from "@opensig/opendesign/es/locale/lang/zh-cn";
+import h from "@opensig/opendesign/es/locale/lang/en-us";
+import { configProviderInjectKey as g } from "../../shared/provide.mjs";
+const z = /* @__PURE__ */ n({
+  __name: "OPlusConfigProvider",
+  props: {
+    locale: {},
+    theme: { default: "light" }
+  },
+  setup(o) {
+    const t = o, l = i({
+      locale: r(() => t.locale),
+      theme: r(() => t.theme)
+    });
+    return a(g, l), (c, C) => (m(), f(e(s), {
+      locale: o.locale === "zh" ? e(u) : e(h)
+    }, {
+      default: p(() => [
+        d(c.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["locale"]));
+  }
+});
+export {
+  z as default
+};

package/dist/esm/components/config-provider/OPlusConfigProvider.vue2.mjs

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

package/dist/esm/components/config-provider/index.mjs

@@ -0,0 +1,9 @@
+import o from "./OPlusConfigProvider.vue.mjs";
+const r = Object.assign(o, {
+  install(i) {
+    i.component("OPlusConfigProvider", o);
+  }
+});
+export {
+  r as OPlusConfigProvider
+};

package/dist/esm/components/cookie-notice/OCookieNotice.css

@@ -0,0 +1,35 @@
+.hover-icon-rotate .o-icon {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon {
+    transform: rotate(-180deg);
+}
+}
+.o-cookie-notice-dlg-main {
+  --dlg-edge-gap: 32px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-cookie-notice-dlg-main {
+    --dlg-edge-gap: 24px;
+}
+}
+@media (max-width: 600px) {
+.o-cookie-notice-dlg-main {
+    --dlg-edge-gap: 16px 24px;
+}
+}
+.o-cookie-notice-dlg-main {
+  --dlg-width: var(--grid-14);
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.o-cookie-notice-dlg-main {
+    --dlg-edge-gap: 16px;
+    --dlg-width: var(--grid-8);
+}
+}
+@media (max-width: 840px) {
+.o-cookie-notice-dlg-main {
+    --dlg-width: 100vw;
+}
+}

package/dist/esm/components/cookie-notice/OCookieNotice.vue.mjs

@@ -0,0 +1,8 @@
+import o from "./OCookieNotice.vue2.mjs";
+import './OCookieNotice.css';
+import './OCookieNotice2.css';
+import t from "../../_plugin-vue_export-helper.mjs";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b731c798"]]);
+export {
+  _ as default
+};