@opendesign-plus-test/components 0.0.1-rc.104 → 0.0.1-rc.106

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/dist/components/header/OHeaderMobile.vue.d.ts +4 -0
  2. package/dist/components/header/index.d.ts +2 -0
  3. package/dist/components/header/types.d.ts +5 -2
  4. package/dist/components/header-search/OHeaderSearch.vue.d.ts +6 -6
  5. package/dist/components/header-search/index.d.ts +3 -3
  6. package/dist/components/search/OSearchInput.vue.d.ts +6 -6
  7. package/dist/components/search/index.d.ts +3 -3
  8. package/dist/components/search/internal/SearchImageInput.vue.d.ts +1 -1
  9. package/dist/components.cjs.js +37 -37
  10. package/dist/components.css +1 -1
  11. package/dist/components.es.js +6666 -6704
  12. package/dist/treeshaking/components/common/TooltipText.css +1 -0
  13. package/dist/treeshaking/components/common/TooltipText.vue.mjs +11 -0
  14. package/dist/treeshaking/components/header/OHeader.css +15 -15
  15. package/dist/treeshaking/components/header/OHeader.vue.mjs +1 -1
  16. package/dist/treeshaking/components/header/OHeader.vue2.mjs +2 -1
  17. package/dist/treeshaking/components/header/OHeaderMobile.css +19 -19
  18. package/dist/treeshaking/components/header/OHeaderMobile.vue.d.ts +4 -0
  19. package/dist/treeshaking/components/header/OHeaderMobile.vue.mjs +1 -1
  20. package/dist/treeshaking/components/header/OHeaderMobile.vue2.mjs +3 -1
  21. package/dist/treeshaking/components/header/components/HeaderContent.css +178 -175
  22. package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
  23. package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs +10 -11
  24. package/dist/treeshaking/components/header/components/HeaderFlatten.css +49 -51
  25. package/dist/treeshaking/components/header/components/HeaderFlatten.vue.mjs +1 -1
  26. package/dist/treeshaking/components/header/components/HeaderFlatten.vue2.mjs +10 -13
  27. package/dist/treeshaking/components/header/components/HeaderNav.css +45 -42
  28. package/dist/treeshaking/components/header/components/HeaderNav.vue.mjs +1 -1
  29. package/dist/treeshaking/components/header/components/HeaderNav.vue2.mjs +6 -5
  30. package/dist/treeshaking/components/header/components/HeaderNavMobile.css +110 -73
  31. package/dist/treeshaking/components/header/components/HeaderNavMobile.vue.mjs +1 -1
  32. package/dist/treeshaking/components/header/components/HeaderNavMobile.vue2.mjs +51 -44
  33. package/dist/treeshaking/components/header/index.d.ts +2 -0
  34. package/dist/treeshaking/components/header/types.d.ts +5 -2
  35. package/dist/treeshaking/components/header-search/OHeaderSearch.vue.d.ts +6 -6
  36. package/dist/treeshaking/components/header-search/index.d.ts +3 -3
  37. package/dist/treeshaking/components/meeting/OMeetingCalendar.css +2 -2
  38. package/dist/treeshaking/components/meeting/OMeetingMyCalendar.css +23 -31
  39. package/dist/treeshaking/components/meeting/OMeetingMyCalendar.vue.mjs +1 -0
  40. package/dist/treeshaking/components/meeting/OMeetingMyCalendar2.css +8 -0
  41. package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.css +5 -7
  42. package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.vue.mjs +3 -6
  43. package/dist/treeshaking/components/meeting/components/OMeetingDetail.css +1 -1
  44. package/dist/treeshaking/components/meeting/components/OMeetingDetail.vue.mjs +10 -6
  45. package/dist/treeshaking/components/search/OSearchInput.vue.d.ts +6 -6
  46. package/dist/treeshaking/components/search/index.d.ts +3 -3
  47. package/dist/treeshaking/components/search/internal/SearchImageInput.vue.d.ts +1 -1
  48. package/package.json +1 -1
  49. package/dist/treeshaking/components/common/MoreText.css +0 -69
  50. package/dist/treeshaking/components/common/MoreText.vue.mjs +0 -88
  51. package/dist/treeshaking/components/common/MoreText.vue3.mjs +0 -5
@@ -468,8 +468,8 @@ declare function __VLS_template(): {
468
468
  disabled: boolean;
469
469
  modelValue: string;
470
470
  clearable: boolean;
471
- expanded: boolean;
472
471
  preview: boolean;
472
+ expanded: boolean;
473
473
  imageUrl: string;
474
474
  enableImageSearch: boolean;
475
475
  maxImageSize: number;
@@ -501,8 +501,8 @@ declare function __VLS_template(): {
501
501
  disabled: boolean;
502
502
  modelValue: string;
503
503
  clearable: boolean;
504
- expanded: boolean;
505
504
  preview: boolean;
505
+ expanded: boolean;
506
506
  imageUrl: string;
507
507
  enableImageSearch: boolean;
508
508
  maxImageSize: number;
@@ -511,7 +511,7 @@ declare function __VLS_template(): {
511
511
  allowedImageTypes: string[];
512
512
  }> & Omit<Readonly<import('./internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
513
513
  [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
514
- }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "expanded" | "preview" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
514
+ }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
515
515
  focus: () => void | undefined;
516
516
  blur: () => void | undefined;
517
517
  awaitUpload: () => Promise<void>;
@@ -953,8 +953,8 @@ declare const __VLS_component: import('vue').DefineComponent<OSearchInputPropsT,
953
953
  disabled: boolean;
954
954
  modelValue: string;
955
955
  clearable: boolean;
956
- expanded: boolean;
957
956
  preview: boolean;
957
+ expanded: boolean;
958
958
  imageUrl: string;
959
959
  enableImageSearch: boolean;
960
960
  maxImageSize: number;
@@ -986,8 +986,8 @@ declare const __VLS_component: import('vue').DefineComponent<OSearchInputPropsT,
986
986
  disabled: boolean;
987
987
  modelValue: string;
988
988
  clearable: boolean;
989
- expanded: boolean;
990
989
  preview: boolean;
990
+ expanded: boolean;
991
991
  imageUrl: string;
992
992
  enableImageSearch: boolean;
993
993
  maxImageSize: number;
@@ -996,7 +996,7 @@ declare const __VLS_component: import('vue').DefineComponent<OSearchInputPropsT,
996
996
  allowedImageTypes: string[];
997
997
  }> & Omit<Readonly<import('./internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
998
998
  [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
999
- }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "expanded" | "preview" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
999
+ }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
1000
1000
  focus: () => void | undefined;
1001
1001
  blur: () => void | undefined;
1002
1002
  awaitUpload: () => Promise<void>;
@@ -419,8 +419,8 @@ declare const OSearchInput: {
419
419
  disabled: boolean;
420
420
  modelValue: string;
421
421
  clearable: boolean;
422
- expanded: boolean;
423
422
  preview: boolean;
423
+ expanded: boolean;
424
424
  imageUrl: string;
425
425
  enableImageSearch: boolean;
426
426
  maxImageSize: number;
@@ -452,8 +452,8 @@ declare const OSearchInput: {
452
452
  disabled: boolean;
453
453
  modelValue: string;
454
454
  clearable: boolean;
455
- expanded: boolean;
456
455
  preview: boolean;
456
+ expanded: boolean;
457
457
  imageUrl: string;
458
458
  enableImageSearch: boolean;
459
459
  maxImageSize: number;
@@ -462,7 +462,7 @@ declare const OSearchInput: {
462
462
  allowedImageTypes: string[];
463
463
  }> & Omit<Readonly<import('./internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
464
464
  [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
465
- }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "expanded" | "preview" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
465
+ }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
466
466
  focus: () => void | undefined;
467
467
  blur: () => void | undefined;
468
468
  awaitUpload: () => Promise<void>;
@@ -387,8 +387,8 @@ declare const __VLS_component: import('vue').DefineComponent<SearchImageInputPro
387
387
  disabled: boolean;
388
388
  modelValue: string;
389
389
  clearable: boolean;
390
- expanded: boolean;
391
390
  preview: boolean;
391
+ expanded: boolean;
392
392
  imageUrl: string;
393
393
  enableImageSearch: boolean;
394
394
  maxImageSize: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opendesign-plus-test/components",
3
- "version": "0.0.1-rc.104",
3
+ "version": "0.0.1-rc.106",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -1,69 +0,0 @@
1
- .hover-icon-rotate .o-icon {
2
- transition: all var(--o-duration-m1) var(--o-easing-standard-in);
3
- }
4
- @media (hover: hover) {
5
- .hover-icon-rotate:hover .o-icon {
6
- transform: rotate(-180deg);
7
- }
8
- }
9
- .more-text-wrapper .more-text-content {
10
- line-height: 1.5em;
11
- overflow: hidden;
12
- text-overflow: ellipsis;
13
- display: -webkit-box;
14
- -webkit-box-orient: vertical;
15
- white-space: pre-wrap;
16
- word-break: break-all;
17
- transition: height 0.1s;
18
- }
19
- .more-text-wrapper .more-text-content.is-link {
20
- color: var(--o-color-primary1);
21
- cursor: pointer;
22
- }
23
- @media (hover: hover) {
24
- .more-text-wrapper .more-text-content.is-link:hover {
25
- color: var(--o-color-primary2);
26
- }
27
- }
28
- .more-text-wrapper .more-text-btn {
29
- color: var(--o-color-primary1);
30
- }
31
- @media (hover: hover) {
32
- .more-text-wrapper .more-text-btn:hover {
33
- color: var(--o-color-primary2);
34
- }
35
- }
36
- .more-text-wrapper .more-text-btn > div {
37
- height: 1.5em;
38
- cursor: pointer;
39
- display: flex;
40
- align-items: center;
41
- column-gap: 4px;
42
- justify-content: flex-end;
43
- font-size: 14px;
44
- line-height: 22px;
45
- }
46
- @media (min-width: 1201px) and (max-width: 1680px) {
47
- .more-text-wrapper .more-text-btn > div {
48
- font-size: 12px;
49
- line-height: 18px;
50
- }
51
- }
52
- @media (min-width: 841px) and (max-width: 1200px) {
53
- .more-text-wrapper .more-text-btn > div {
54
- font-size: 12px;
55
- line-height: 18px;
56
- }
57
- }
58
- @media (min-width: 601px) and (max-width: 840px) {
59
- .more-text-wrapper .more-text-btn > div {
60
- font-size: 12px;
61
- line-height: 18px;
62
- }
63
- }
64
- @media (max-width: 600px) {
65
- .more-text-wrapper .more-text-btn > div {
66
- font-size: 12px;
67
- line-height: 18px;
68
- }
69
- }
@@ -1,88 +0,0 @@
1
- import { defineComponent, ref, onMounted, watch, nextTick, openBlock, createElementBlock, createElementVNode, normalizeStyle, normalizeClass, toDisplayString, unref, createVNode, withCtx, createCommentVNode } from "vue";
2
- import { OIcon, OIconChevronDown, OIconChevronUp } from "@opensig/opendesign";
3
- import { useI18n } from "../../i18n/index.mjs";
4
- const _hoisted_1 = { class: "more-text-wrapper" };
5
- const _hoisted_2 = { key: 0 };
6
- const _hoisted_3 = { key: 1 };
7
- const _sfc_main = /* @__PURE__ */ defineComponent({
8
- __name: "MoreText",
9
- props: {
10
- text: { default: "" },
11
- link: { type: Boolean, default: false },
12
- lines: { default: 3 },
13
- show: { type: Boolean, default: false }
14
- },
15
- setup(__props) {
16
- const props = __props;
17
- const { t } = useI18n();
18
- const expanded = ref(false);
19
- const showBtn = ref(false);
20
- const offsetHeight = ref(0);
21
- const contentRef = ref(null);
22
- onMounted(() => {
23
- determineHeight();
24
- });
25
- watch([() => props.text, () => props.show], () => {
26
- determineHeight();
27
- });
28
- const determineHeight = () => {
29
- nextTick(() => {
30
- const ele = contentRef.value;
31
- if (ele) {
32
- const range = document.createRange();
33
- range.setStart(ele, 0);
34
- range.setEnd(ele, ele.childNodes.length);
35
- showBtn.value = range.getBoundingClientRect().height > ele.offsetHeight + 10 || ele.scrollHeight > ele.offsetHeight + 10;
36
- offsetHeight.value = range.getBoundingClientRect().height || ele.scrollHeight;
37
- } else {
38
- showBtn.value = false;
39
- }
40
- });
41
- };
42
- const clickText = () => {
43
- if (props.link) {
44
- window.open(props.text);
45
- }
46
- };
47
- return (_ctx, _cache) => {
48
- return openBlock(), createElementBlock("div", _hoisted_1, [
49
- createElementVNode("div", {
50
- class: normalizeClass(["more-text-content", __props.link && "is-link"]),
51
- ref_key: "contentRef",
52
- ref: contentRef,
53
- style: normalizeStyle({
54
- "max-height": expanded.value ? offsetHeight.value + "px" : "4.5em",
55
- "-webkit-line-clamp": expanded.value ? "initial" : __props.lines
56
- }),
57
- onClick: clickText
58
- }, toDisplayString(__props.text), 7),
59
- showBtn.value ? (openBlock(), createElementBlock("div", {
60
- key: 0,
61
- class: "more-text-btn",
62
- onClick: _cache[0] || (_cache[0] = ($event) => expanded.value = !expanded.value)
63
- }, [
64
- !expanded.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
65
- createElementVNode("span", null, toDisplayString(unref(t)("common.expand")), 1),
66
- createVNode(unref(OIcon), null, {
67
- default: withCtx(() => [
68
- createVNode(unref(OIconChevronDown))
69
- ]),
70
- _: 1
71
- })
72
- ])) : (openBlock(), createElementBlock("div", _hoisted_3, [
73
- createElementVNode("span", null, toDisplayString(unref(t)("common.collapse")), 1),
74
- createVNode(unref(OIcon), null, {
75
- default: withCtx(() => [
76
- createVNode(unref(OIconChevronUp))
77
- ]),
78
- _: 1
79
- })
80
- ]))
81
- ])) : createCommentVNode("", true)
82
- ]);
83
- };
84
- }
85
- });
86
- export {
87
- _sfc_main as default
88
- };
@@ -1,5 +0,0 @@
1
- import _sfc_main from "./MoreText.vue.mjs";
2
- import './MoreText.css';
3
- export {
4
- _sfc_main as default
5
- };