@web-widget/vue2 0.2.2 → 0.3.1

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.
@@ -114,23 +114,41 @@ interface DefineWebWidgetOptions {
114
114
  renderTarget?: WebWidgetContainerOptions["renderTarget"];
115
115
  }
116
116
  declare function defineWebWidget(loader: Loader, options: DefineWebWidgetOptions): vue.DefineComponent<{
117
+ fallback: {
118
+ type: PropType<Component>;
119
+ };
120
+ experimental_loading: {
121
+ type: PropType<"lazy" | "eager" | undefined>;
122
+ default: "lazy" | "eager";
123
+ };
117
124
  renderStage: {
118
125
  type: PropType<"server" | "client" | undefined>;
119
126
  default: "server" | "client" | undefined;
120
127
  };
128
+ experimental_renderTarget: {
129
+ type: PropType<"light" | "shadow" | undefined>;
130
+ default: "light" | "shadow";
131
+ };
132
+ }, () => vue.VNode, {}, {}, {}, vue_types_v3_component_options_js.ComponentOptionsMixin, vue_types_v3_component_options_js.ComponentOptionsMixin, {}, string, Readonly<vue.ExtractPropTypes<{
121
133
  fallback: {
122
134
  type: PropType<Component>;
123
135
  };
124
- }, () => vue.VNode, {}, {}, {}, vue_types_v3_component_options_js.ComponentOptionsMixin, vue_types_v3_component_options_js.ComponentOptionsMixin, {}, string, Readonly<vue.ExtractPropTypes<{
136
+ experimental_loading: {
137
+ type: PropType<"lazy" | "eager" | undefined>;
138
+ default: "lazy" | "eager";
139
+ };
125
140
  renderStage: {
126
141
  type: PropType<"server" | "client" | undefined>;
127
142
  default: "server" | "client" | undefined;
128
143
  };
129
- fallback: {
130
- type: PropType<Component>;
144
+ experimental_renderTarget: {
145
+ type: PropType<"light" | "shadow" | undefined>;
146
+ default: "light" | "shadow";
131
147
  };
132
148
  }>>, {
133
149
  renderStage: "server" | "client" | undefined;
150
+ experimental_loading: "lazy" | "eager" | undefined;
151
+ experimental_renderTarget: "light" | "shadow" | undefined;
134
152
  }>;
135
153
 
136
154
  type JSONValue = string | number | boolean | {
@@ -129,27 +129,41 @@ var WebWidget = /* @__PURE__ */ defineComponent({
129
129
  }
130
130
  });
131
131
  function defineWebWidget(loader, options) {
132
+ var _a, _b;
132
133
  console.warn(`defineWebWidget of vue2 is an experimental feature.`);
133
- options.renderTarget = "light";
134
- options.loading = "lazy";
135
- return /* @__PURE__ */ defineComponent({
134
+ return defineComponent({
136
135
  name: "WebWidgetSuspense",
137
136
  props: {
137
+ fallback: {
138
+ type: Object
139
+ },
140
+ experimental_loading: {
141
+ type: String,
142
+ default: (_a = options.loading) != null ? _a : "lazy"
143
+ },
138
144
  renderStage: {
139
145
  type: String,
140
146
  default: options.renderStage
141
147
  },
142
- fallback: {
143
- type: Object
148
+ experimental_renderTarget: {
149
+ type: String,
150
+ default: (_b = options.renderTarget) != null ? _b : "light"
144
151
  }
145
152
  },
146
- setup({ fallback, renderStage }, { slots }) {
153
+ setup({
154
+ fallback,
155
+ experimental_loading,
156
+ renderStage,
157
+ experimental_renderTarget
158
+ }, { slots }) {
147
159
  const data = useAttrs();
148
160
  return () => h(WebWidget, {
149
161
  props: __spreadProps(__spreadValues({}, options), {
150
162
  data,
151
163
  loader,
164
+ loading: experimental_loading,
152
165
  renderStage,
166
+ renderTarget: experimental_renderTarget,
153
167
  // -----
154
168
  fallback
155
169
  }),
@@ -165,27 +165,41 @@ var WebWidget = /* @__PURE__ */ (0, import_vue.defineComponent)({
165
165
  }
166
166
  });
167
167
  function defineWebWidget(loader, options) {
168
+ var _a, _b;
168
169
  console.warn(`defineWebWidget of vue2 is an experimental feature.`);
169
- options.renderTarget = "light";
170
- options.loading = "lazy";
171
- return /* @__PURE__ */ (0, import_vue.defineComponent)({
170
+ return (0, import_vue.defineComponent)({
172
171
  name: "WebWidgetSuspense",
173
172
  props: {
173
+ fallback: {
174
+ type: Object
175
+ },
176
+ experimental_loading: {
177
+ type: String,
178
+ default: (_a = options.loading) != null ? _a : "lazy"
179
+ },
174
180
  renderStage: {
175
181
  type: String,
176
182
  default: options.renderStage
177
183
  },
178
- fallback: {
179
- type: Object
184
+ experimental_renderTarget: {
185
+ type: String,
186
+ default: (_b = options.renderTarget) != null ? _b : "light"
180
187
  }
181
188
  },
182
- setup({ fallback, renderStage }, { slots }) {
189
+ setup({
190
+ fallback,
191
+ experimental_loading,
192
+ renderStage,
193
+ experimental_renderTarget
194
+ }, { slots }) {
183
195
  const data = (0, import_vue.useAttrs)();
184
196
  return () => (0, import_vue.h)(WebWidget, {
185
197
  props: __spreadProps(__spreadValues({}, options), {
186
198
  data,
187
199
  loader,
200
+ loading: experimental_loading,
188
201
  renderStage,
202
+ renderTarget: experimental_renderTarget,
189
203
  // -----
190
204
  fallback
191
205
  }),
@@ -114,23 +114,41 @@ interface DefineWebWidgetOptions {
114
114
  renderTarget?: WebWidgetContainerOptions["renderTarget"];
115
115
  }
116
116
  declare function defineWebWidget(loader: Loader, options: DefineWebWidgetOptions): vue.DefineComponent<{
117
+ fallback: {
118
+ type: PropType<Component>;
119
+ };
120
+ experimental_loading: {
121
+ type: PropType<"lazy" | "eager" | undefined>;
122
+ default: "lazy" | "eager";
123
+ };
117
124
  renderStage: {
118
125
  type: PropType<"server" | "client" | undefined>;
119
126
  default: "server" | "client" | undefined;
120
127
  };
128
+ experimental_renderTarget: {
129
+ type: PropType<"light" | "shadow" | undefined>;
130
+ default: "light" | "shadow";
131
+ };
132
+ }, () => vue.VNode, {}, {}, {}, vue_types_v3_component_options_js.ComponentOptionsMixin, vue_types_v3_component_options_js.ComponentOptionsMixin, {}, string, Readonly<vue.ExtractPropTypes<{
121
133
  fallback: {
122
134
  type: PropType<Component>;
123
135
  };
124
- }, () => vue.VNode, {}, {}, {}, vue_types_v3_component_options_js.ComponentOptionsMixin, vue_types_v3_component_options_js.ComponentOptionsMixin, {}, string, Readonly<vue.ExtractPropTypes<{
136
+ experimental_loading: {
137
+ type: PropType<"lazy" | "eager" | undefined>;
138
+ default: "lazy" | "eager";
139
+ };
125
140
  renderStage: {
126
141
  type: PropType<"server" | "client" | undefined>;
127
142
  default: "server" | "client" | undefined;
128
143
  };
129
- fallback: {
130
- type: PropType<Component>;
144
+ experimental_renderTarget: {
145
+ type: PropType<"light" | "shadow" | undefined>;
146
+ default: "light" | "shadow";
131
147
  };
132
148
  }>>, {
133
149
  renderStage: "server" | "client" | undefined;
150
+ experimental_loading: "lazy" | "eager" | undefined;
151
+ experimental_renderTarget: "light" | "shadow" | undefined;
134
152
  }>;
135
153
 
136
154
  type JSONValue = string | number | boolean | {
@@ -132,27 +132,41 @@ var WebWidget = /* @__PURE__ */ defineComponent({
132
132
  }
133
133
  });
134
134
  function defineWebWidget(loader, options) {
135
+ var _a, _b;
135
136
  console.warn(`defineWebWidget of vue2 is an experimental feature.`);
136
- options.renderTarget = "light";
137
- options.loading = "lazy";
138
- return /* @__PURE__ */ defineComponent({
137
+ return defineComponent({
139
138
  name: "WebWidgetSuspense",
140
139
  props: {
140
+ fallback: {
141
+ type: Object
142
+ },
143
+ experimental_loading: {
144
+ type: String,
145
+ default: (_a = options.loading) != null ? _a : "lazy"
146
+ },
141
147
  renderStage: {
142
148
  type: String,
143
149
  default: options.renderStage
144
150
  },
145
- fallback: {
146
- type: Object
151
+ experimental_renderTarget: {
152
+ type: String,
153
+ default: (_b = options.renderTarget) != null ? _b : "light"
147
154
  }
148
155
  },
149
- setup({ fallback, renderStage }, { slots }) {
156
+ setup({
157
+ fallback,
158
+ experimental_loading,
159
+ renderStage,
160
+ experimental_renderTarget
161
+ }, { slots }) {
150
162
  const data = useAttrs();
151
163
  return () => h(WebWidget, {
152
164
  props: __spreadProps(__spreadValues({}, options), {
153
165
  data,
154
166
  loader,
167
+ loading: experimental_loading,
155
168
  renderStage,
169
+ renderTarget: experimental_renderTarget,
156
170
  // -----
157
171
  fallback
158
172
  }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@web-widget/vue2",
3
- "version": "0.2.2",
3
+ "version": "0.3.1",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
@@ -24,9 +24,9 @@
24
24
  "dist"
25
25
  ],
26
26
  "dependencies": {
27
- "@web-widget/vite": "2.0.2",
27
+ "@web-widget/vite": "2.1.0",
28
28
  "@web-widget/schema": "0.1.2",
29
- "@web-widget/web-widget": "1.0.1",
29
+ "@web-widget/web-widget": "1.1.0",
30
30
  "vue": "^2.7.14",
31
31
  "vue-server-renderer": "^2.7.14"
32
32
  },