@opendesign-plus/components 0.0.1-rc.59 → 0.0.1-rc.60

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 (12) hide show
  1. package/dist/components/icon/index.d.ts +9 -0
  2. package/dist/components.cjs.js +1 -1
  3. package/dist/components.css +1 -1
  4. package/dist/components.es.js +1157 -1147
  5. package/dist/index.d.ts +1 -0
  6. package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.css +36 -26
  7. package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.vue.mjs +1 -1
  8. package/dist/treeshaking/components/icon/index.d.ts +9 -0
  9. package/dist/treeshaking/components/icon/index.mjs +12 -0
  10. package/dist/treeshaking/index.d.ts +1 -0
  11. package/dist/treeshaking/index.mjs +3 -1
  12. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -12,6 +12,7 @@ export * from './components/header-search';
12
12
  export * from './components/header-source-code';
13
13
  export * from './components/header-theme';
14
14
  export * from './components/header-user';
15
+ export * from './components/icon';
15
16
  export * from './components/meeting';
16
17
  export * from './components/search';
17
18
  export * from './components/section';
package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.css CHANGED
@@ -1,17 +1,17 @@
1
- .hover-icon-rotate .o-icon[data-v-44cb0905] {
1
+ .hover-icon-rotate .o-icon[data-v-65aea2b5] {
2
2
  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
3
3
  }
4
4
  @media (hover: hover) {
5
- .hover-icon-rotate:hover .o-icon[data-v-44cb0905] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-65aea2b5] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .o-feedback-doc[data-v-44cb0905] {
9
+ .o-feedback-doc[data-v-65aea2b5] {
10
10
  position: relative;
11
11
  color: var(--o-color-info1);
12
12
  text-align: center;
13
13
  }
14
- .o-feedback-doc .o-feedback-icon-close[data-v-44cb0905] {
14
+ .o-feedback-doc .o-feedback-icon-close[data-v-65aea2b5] {
15
15
  position: absolute;
16
16
  top: -8px;
17
17
  right: -6px;
@@ -21,47 +21,47 @@
21
21
  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
22
22
  }
23
23
  @media (hover: hover) {
24
- .o-feedback-doc .o-feedback-icon-close[data-v-44cb0905]:hover {
24
+ .o-feedback-doc .o-feedback-icon-close[data-v-65aea2b5]:hover {
25
25
  transform: rotate(180deg);
26
26
  color: var(--o-color-primary1);
27
27
  }
28
28
  }
29
- .o-feedback-doc .o-feedback-title[data-v-44cb0905] {
29
+ .o-feedback-doc .o-feedback-title[data-v-65aea2b5] {
30
30
  font-size: 14px;
31
31
  line-height: 22px;
32
32
  font-weight: 600;
33
33
  margin-bottom: 12px;
34
34
  }
35
35
  @media (max-width: 840px) {
36
- .o-feedback-doc .o-feedback-title[data-v-44cb0905] {
36
+ .o-feedback-doc .o-feedback-title[data-v-65aea2b5] {
37
37
  font-size: 18px;
38
38
  line-height: 26px;
39
39
  }
40
40
  }
41
- .o-feedback-doc .o-feedback-star-wrap[data-v-44cb0905] {
41
+ .o-feedback-doc .o-feedback-star-wrap[data-v-65aea2b5] {
42
42
  padding: 0 16px;
43
43
  }
44
44
  @media (max-width: 840px) {
45
- .o-feedback-doc .o-feedback-star-wrap[data-v-44cb0905] {
45
+ .o-feedback-doc .o-feedback-star-wrap[data-v-65aea2b5] {
46
46
  padding: 0 56px;
47
47
  }
48
48
  }
49
49
  @media (max-width: 600px) {
50
- .o-feedback-doc .o-feedback-star-wrap[data-v-44cb0905] {
50
+ .o-feedback-doc .o-feedback-star-wrap[data-v-65aea2b5] {
51
51
  padding: 0 24px;
52
52
  }
53
53
  }
54
54
  @media (max-width: 840px) {
55
- .o-feedback-doc .o-feedback-star-wrap.en[data-v-44cb0905] {
55
+ .o-feedback-doc .o-feedback-star-wrap.en[data-v-65aea2b5] {
56
56
  padding: 0 16px;
57
57
  }
58
58
  }
59
59
  @media (max-width: 600px) {
60
- .o-feedback-doc .o-feedback-star-wrap.en[data-v-44cb0905] {
61
- padding: 0 8px;
60
+ .o-feedback-doc .o-feedback-star-wrap.en[data-v-65aea2b5] {
61
+ padding: 0;
62
62
  }
63
63
  }
64
- .o-feedback-doc .o-feedback-doc-title[data-v-44cb0905] {
64
+ .o-feedback-doc .o-feedback-doc-title[data-v-65aea2b5] {
65
65
  margin-right: 16px;
66
66
  font-size: 12px;
67
67
  line-height: 18px;
@@ -69,40 +69,50 @@
69
69
  text-align: left;
70
70
  }
71
71
  @media (max-width: 840px) {
72
- .o-feedback-doc .o-feedback-doc-title[data-v-44cb0905] {
72
+ .o-feedback-doc .o-feedback-doc-title[data-v-65aea2b5] {
73
73
  font-size: 14px;
74
74
  line-height: 22px;
75
75
  }
76
76
  }
77
- .o-feedback-doc .o-feedback-star-line[data-v-44cb0905] {
77
+ @media (max-width: 600px) {
78
+ .o-feedback-doc .o-feedback-doc-title[data-v-65aea2b5] {
79
+ margin-right: 8px;
80
+ }
81
+ }
82
+ .o-feedback-doc .o-feedback-star-line[data-v-65aea2b5] {
78
83
  display: flex;
79
84
  align-items: center;
80
85
  justify-content: space-between;
81
86
  margin-top: 12px;
82
87
  }
83
- .o-feedback-doc .o-feedback-doc-rate[data-v-44cb0905] {
88
+ .o-feedback-doc .o-feedback-doc-rate[data-v-65aea2b5] {
84
89
  --rate-size: 16px;
85
90
  }
86
91
  @media (max-width: 840px) {
87
- .o-feedback-doc .o-feedback-doc-rate[data-v-44cb0905] {
92
+ .o-feedback-doc .o-feedback-doc-rate[data-v-65aea2b5] {
88
93
  --rate-size: 32px;
89
94
  }
90
95
  }
91
- .o-feedback-doc .o-feedback-doc-rate.en[data-v-44cb0905] {
96
+ .o-feedback-doc .o-feedback-doc-rate.en[data-v-65aea2b5] {
92
97
  --rate-gap: 4px;
93
98
  }
94
- .o-feedback-doc .o-feedback-input-wrap[data-v-44cb0905] {
99
+ @media (max-width: 600px) {
100
+ .o-feedback-doc .o-feedback-doc-rate.en[data-v-65aea2b5] {
101
+ --rate-gap: 2px;
102
+ }
103
+ }
104
+ .o-feedback-doc .o-feedback-input-wrap[data-v-65aea2b5] {
95
105
  margin-top: 12px;
96
106
  }
97
107
  @media (max-width: 840px) {
98
- .o-feedback-doc .o-feedback-input-wrap[data-v-44cb0905] {
108
+ .o-feedback-doc .o-feedback-input-wrap[data-v-65aea2b5] {
99
109
  padding: 0 8px;
100
110
  }
101
111
  }
102
- .o-feedback-doc .o-feedback-input[data-v-44cb0905] {
112
+ .o-feedback-doc .o-feedback-input[data-v-65aea2b5] {
103
113
  width: 100%;
104
114
  }
105
- .o-feedback-doc .o-feedback-doc-submit[data-v-44cb0905] {
115
+ .o-feedback-doc .o-feedback-doc-submit[data-v-65aea2b5] {
106
116
  display: flex;
107
117
  justify-content: center;
108
118
  align-items: center;
@@ -112,13 +122,13 @@
112
122
  font-size: 14px;
113
123
  line-height: 22px;
114
124
  }
115
- .o-feedback-doc-btn-box[data-v-44cb0905] {
125
+ .o-feedback-doc-btn-box[data-v-65aea2b5] {
116
126
  display: flex;
117
127
  align-items: center;
118
128
  justify-content: space-around;
119
129
  margin-top: 16px;
120
130
  }
121
- .o-feedback-doc-btn-box .o-btn[data-v-44cb0905] {
131
+ .o-feedback-doc-btn-box .o-btn[data-v-65aea2b5] {
122
132
  flex: 1;
123
133
  padding: 2px 0;
124
134
  font-size: 16px;
@@ -128,6 +138,6 @@
128
138
  --btn-padding: 0 50px;
129
139
  --btn-color: var(--o-color-info1);
130
140
  }
131
- .o-feedback-doc-btn-box .divider-btn[data-v-44cb0905] {
141
+ .o-feedback-doc-btn-box .divider-btn[data-v-65aea2b5] {
132
142
  height: 24px;
133
143
  }
package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.vue.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./OFeedbackDocContent.vue2.mjs";
2
2
  import './OFeedbackDocContent.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const _OFeedbackDocContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-44cb0905"]]);
4
+ const _OFeedbackDocContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-65aea2b5"]]);
5
5
  export {
6
6
  _OFeedbackDocContent as default
7
7
  };
package/dist/treeshaking/components/icon/index.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { Component } from 'vue';
2
+ /**
3
+ * svg html 创建图标组件
4
+ * @param {string} raw svg html
5
+ * @param {string} [parentTag] 父标签，默认用 span
6
+ * @param {string} [parentClass] 父标签 class，默认为 svg-icon
7
+ * @returns Component
8
+ */
9
+ export declare function createSvgIcon(raw: string, parentTag?: string, parentClass?: string): Component;
package/dist/treeshaking/components/icon/index.mjs ADDED
@@ -0,0 +1,12 @@
1
+ import { defineComponent, resolveDirective, withDirectives, h } from "vue";
2
+ function createSvgIcon(raw, parentTag = "span", parentClass = "svg-icon") {
3
+ return defineComponent({
4
+ render() {
5
+ const dir = resolveDirective("dompurify-html");
6
+ return withDirectives(h(parentTag, { class: parentClass }), [[dir, raw]]);
7
+ }
8
+ });
9
+ }
10
+ export {
11
+ createSvgIcon
12
+ };
package/dist/treeshaking/index.d.ts CHANGED
@@ -12,6 +12,7 @@ export * from './components/header-search';
12
12
  export * from './components/header-source-code';
13
13
  export * from './components/header-theme';
14
14
  export * from './components/header-user';
15
+ export * from './components/icon';
15
16
  export * from './components/meeting';
16
17
  export * from './components/search';
17
18
  export * from './components/section';
package/dist/treeshaking/index.mjs CHANGED
@@ -11,6 +11,7 @@ import { OHeaderSearch } from "./components/header-search/index.mjs";
11
11
  import { OHeaderSourceCode } from "./components/header-source-code/index.mjs";
12
12
  import { OHeaderTheme } from "./components/header-theme/index.mjs";
13
13
  import { OHeaderUser } from "./components/header-user/index.mjs";
14
+ import { createSvgIcon } from "./components/icon/index.mjs";
14
15
  import { OMeetingCalendar, OMeetingForm, OMeetingMyCalendar, OMeetingPlayback, OMeetingSigCalendar } from "./components/meeting/index.mjs";
15
16
  import { OSearchInput } from "./components/search/index.mjs";
16
17
  import { OSection } from "./components/section/index.mjs";
@@ -52,5 +53,6 @@ export {
52
53
  OMeetingSigCalendar,
53
54
  OPlusConfigProvider,
54
55
  OSearchInput,
55
- OSection
56
+ OSection,
57
+ createSvgIcon
56
58
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opendesign-plus/components",
3
- "version": "0.0.1-rc.59",
3
+ "version": "0.0.1-rc.60",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public",