@vue/compat 3.6.0-alpha.3 → 3.6.0-alpha.4
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.
- package/dist/vue.cjs.js +195 -123
- package/dist/vue.cjs.prod.js +158 -102
- package/dist/vue.esm-browser.js +192 -117
- package/dist/vue.esm-browser.prod.js +8 -8
- package/dist/vue.esm-bundler.js +195 -121
- package/dist/vue.global.js +188 -113
- package/dist/vue.global.prod.js +9 -9
- package/dist/vue.runtime.esm-browser.js +192 -117
- package/dist/vue.runtime.esm-browser.prod.js +8 -8
- package/dist/vue.runtime.esm-bundler.js +195 -121
- package/dist/vue.runtime.global.js +188 -113
- package/dist/vue.runtime.global.prod.js +9 -9
- package/package.json +2 -2
package/dist/vue.esm-bundler.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @vue/compat v3.6.0-alpha.
|
|
2
|
+
* @vue/compat v3.6.0-alpha.4
|
|
3
3
|
* (c) 2018-present Yuxi (Evan) You and Vue contributors
|
|
4
4
|
* @license MIT
|
|
5
5
|
**/
|
|
@@ -81,6 +81,9 @@ const toHandlerKey = cacheStringFunction(
|
|
|
81
81
|
return s;
|
|
82
82
|
}
|
|
83
83
|
);
|
|
84
|
+
const getModifierPropName = (name) => {
|
|
85
|
+
return `${name === "modelValue" || name === "model-value" ? "model" : name}Modifiers${name === "model" ? "$" : ""}`;
|
|
86
|
+
};
|
|
84
87
|
const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
|
|
85
88
|
const invokeArrayFns = (fns, ...arg) => {
|
|
86
89
|
for (let i = 0; i < fns.length; i++) {
|
|
@@ -2931,7 +2934,12 @@ function reload(id, newComp) {
|
|
|
2931
2934
|
newComp = normalizeClassComponent(newComp);
|
|
2932
2935
|
updateComponentDef(record.initialDef, newComp);
|
|
2933
2936
|
const instances = [...record.instances];
|
|
2934
|
-
if (newComp.__vapor) {
|
|
2937
|
+
if (newComp.__vapor && !instances.some((i) => i.ceReload)) {
|
|
2938
|
+
for (const instance of instances) {
|
|
2939
|
+
if (instance.root && instance.root.ce && instance !== instance.root) {
|
|
2940
|
+
instance.root.ce._removeChildStyle(instance.type);
|
|
2941
|
+
}
|
|
2942
|
+
}
|
|
2935
2943
|
for (const instance of instances) {
|
|
2936
2944
|
instance.hmrReload(newComp);
|
|
2937
2945
|
}
|
|
@@ -7687,7 +7695,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
|
|
|
7687
7695
|
return vm;
|
|
7688
7696
|
}
|
|
7689
7697
|
}
|
|
7690
|
-
Vue.version = `2.6.14-compat:${"3.6.0-alpha.
|
|
7698
|
+
Vue.version = `2.6.14-compat:${"3.6.0-alpha.4"}`;
|
|
7691
7699
|
Vue.config = singletonApp.config;
|
|
7692
7700
|
Vue.use = (plugin, ...options) => {
|
|
7693
7701
|
if (plugin && isFunction(plugin.install)) {
|
|
@@ -10943,7 +10951,7 @@ function useModel(props, name, options = EMPTY_OBJ) {
|
|
|
10943
10951
|
return res;
|
|
10944
10952
|
}
|
|
10945
10953
|
const getModelModifiers = (props, modelName, getter) => {
|
|
10946
|
-
return
|
|
10954
|
+
return getter(props, getModifierPropName(modelName)) || getter(props, `${camelize(modelName)}Modifiers`) || getter(props, `${hyphenate(modelName)}Modifiers`);
|
|
10947
10955
|
};
|
|
10948
10956
|
|
|
10949
10957
|
function emit(instance, event, ...rawArgs) {
|
|
@@ -12497,6 +12505,25 @@ const setCurrentInstance = (instance, scope = instance !== null ? instance.scope
|
|
|
12497
12505
|
simpleSetCurrentInstance(instance);
|
|
12498
12506
|
}
|
|
12499
12507
|
};
|
|
12508
|
+
const internalOptions = ["ce", "type"];
|
|
12509
|
+
const useInstanceOption = (key, silent = false) => {
|
|
12510
|
+
const instance = getCurrentGenericInstance();
|
|
12511
|
+
if (!instance) {
|
|
12512
|
+
if (!!(process.env.NODE_ENV !== "production") && !silent) {
|
|
12513
|
+
warn$1(`useInstanceOption called without an active component instance.`);
|
|
12514
|
+
}
|
|
12515
|
+
return { hasInstance: false, value: void 0 };
|
|
12516
|
+
}
|
|
12517
|
+
if (!internalOptions.includes(key)) {
|
|
12518
|
+
if (!!(process.env.NODE_ENV !== "production")) {
|
|
12519
|
+
warn$1(
|
|
12520
|
+
`useInstanceOption only accepts ${internalOptions.map((k) => `'${k}'`).join(", ")} as key, got '${key}'.`
|
|
12521
|
+
);
|
|
12522
|
+
}
|
|
12523
|
+
return { hasInstance: true, value: void 0 };
|
|
12524
|
+
}
|
|
12525
|
+
return { hasInstance: true, value: instance[key] };
|
|
12526
|
+
};
|
|
12500
12527
|
|
|
12501
12528
|
const emptyAppContext = createAppContext();
|
|
12502
12529
|
let uid = 0;
|
|
@@ -13160,7 +13187,7 @@ function isMemoSame(cached, memo) {
|
|
|
13160
13187
|
return true;
|
|
13161
13188
|
}
|
|
13162
13189
|
|
|
13163
|
-
const version = "3.6.0-alpha.
|
|
13190
|
+
const version = "3.6.0-alpha.4";
|
|
13164
13191
|
const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
|
|
13165
13192
|
const ErrorTypeStrings = ErrorTypeStrings$1 ;
|
|
13166
13193
|
const devtools = !!(process.env.NODE_ENV !== "production") || true ? devtools$1 : void 0;
|
|
@@ -14091,12 +14118,9 @@ const defineSSRCustomElement = (/* @__NO_SIDE_EFFECTS__ */ (options, extraOption
|
|
|
14091
14118
|
});
|
|
14092
14119
|
const BaseClass = typeof HTMLElement !== "undefined" ? HTMLElement : class {
|
|
14093
14120
|
};
|
|
14094
|
-
class
|
|
14095
|
-
constructor(
|
|
14121
|
+
class VueElementBase extends BaseClass {
|
|
14122
|
+
constructor(def, props = {}, createAppFn) {
|
|
14096
14123
|
super();
|
|
14097
|
-
this._def = _def;
|
|
14098
|
-
this._props = _props;
|
|
14099
|
-
this._createApp = _createApp;
|
|
14100
14124
|
this._isVueCE = true;
|
|
14101
14125
|
/**
|
|
14102
14126
|
* @internal
|
|
@@ -14106,28 +14130,23 @@ class VueElement extends BaseClass {
|
|
|
14106
14130
|
* @internal
|
|
14107
14131
|
*/
|
|
14108
14132
|
this._app = null;
|
|
14109
|
-
/**
|
|
14110
|
-
* @internal
|
|
14111
|
-
*/
|
|
14112
|
-
this._nonce = this._def.nonce;
|
|
14113
14133
|
this._connected = false;
|
|
14114
14134
|
this._resolved = false;
|
|
14115
|
-
this._patching = false;
|
|
14116
|
-
this._dirty = false;
|
|
14117
14135
|
this._numberProps = null;
|
|
14118
14136
|
this._styleChildren = /* @__PURE__ */ new WeakSet();
|
|
14137
|
+
this._patching = false;
|
|
14138
|
+
this._dirty = false;
|
|
14119
14139
|
this._ob = null;
|
|
14120
|
-
|
|
14140
|
+
this._def = def;
|
|
14141
|
+
this._props = props;
|
|
14142
|
+
this._createApp = createAppFn;
|
|
14143
|
+
this._nonce = def.nonce;
|
|
14144
|
+
if (this._needsHydration()) {
|
|
14121
14145
|
this._root = this.shadowRoot;
|
|
14122
14146
|
} else {
|
|
14123
|
-
if (
|
|
14124
|
-
warn(
|
|
14125
|
-
`Custom element has pre-rendered declarative shadow root but is not defined as hydratable. Use \`defineSSRCustomElement\`.`
|
|
14126
|
-
);
|
|
14127
|
-
}
|
|
14128
|
-
if (_def.shadowRoot !== false) {
|
|
14147
|
+
if (def.shadowRoot !== false) {
|
|
14129
14148
|
this.attachShadow(
|
|
14130
|
-
extend({},
|
|
14149
|
+
extend({}, def.shadowRootOptions, {
|
|
14131
14150
|
mode: "open"
|
|
14132
14151
|
})
|
|
14133
14152
|
);
|
|
@@ -14145,14 +14164,14 @@ class VueElement extends BaseClass {
|
|
|
14145
14164
|
this._connected = true;
|
|
14146
14165
|
let parent = this;
|
|
14147
14166
|
while (parent = parent && (parent.parentNode || parent.host)) {
|
|
14148
|
-
if (parent instanceof
|
|
14167
|
+
if (parent instanceof VueElementBase) {
|
|
14149
14168
|
this._parent = parent;
|
|
14150
14169
|
break;
|
|
14151
14170
|
}
|
|
14152
14171
|
}
|
|
14153
14172
|
if (!this._instance) {
|
|
14154
14173
|
if (this._resolved) {
|
|
14155
|
-
this.
|
|
14174
|
+
this._mountComponent(this._def);
|
|
14156
14175
|
} else {
|
|
14157
14176
|
if (parent && parent._pendingResolve) {
|
|
14158
14177
|
this._pendingResolve = parent._pendingResolve.then(() => {
|
|
@@ -14165,20 +14184,6 @@ class VueElement extends BaseClass {
|
|
|
14165
14184
|
}
|
|
14166
14185
|
}
|
|
14167
14186
|
}
|
|
14168
|
-
_setParent(parent = this._parent) {
|
|
14169
|
-
if (parent) {
|
|
14170
|
-
this._instance.parent = parent._instance;
|
|
14171
|
-
this._inheritParentContext(parent);
|
|
14172
|
-
}
|
|
14173
|
-
}
|
|
14174
|
-
_inheritParentContext(parent = this._parent) {
|
|
14175
|
-
if (parent && this._app) {
|
|
14176
|
-
Object.setPrototypeOf(
|
|
14177
|
-
this._app._context.provides,
|
|
14178
|
-
parent._instance.provides
|
|
14179
|
-
);
|
|
14180
|
-
}
|
|
14181
|
-
}
|
|
14182
14187
|
disconnectedCallback() {
|
|
14183
14188
|
this._connected = false;
|
|
14184
14189
|
nextTick(() => {
|
|
@@ -14187,9 +14192,7 @@ class VueElement extends BaseClass {
|
|
|
14187
14192
|
this._ob.disconnect();
|
|
14188
14193
|
this._ob = null;
|
|
14189
14194
|
}
|
|
14190
|
-
this.
|
|
14191
|
-
if (this._instance) this._instance.ce = void 0;
|
|
14192
|
-
this._app = this._instance = null;
|
|
14195
|
+
this._unmount();
|
|
14193
14196
|
if (this._teleportTargets) {
|
|
14194
14197
|
this._teleportTargets.clear();
|
|
14195
14198
|
this._teleportTargets = void 0;
|
|
@@ -14197,6 +14200,20 @@ class VueElement extends BaseClass {
|
|
|
14197
14200
|
}
|
|
14198
14201
|
});
|
|
14199
14202
|
}
|
|
14203
|
+
_setParent(parent = this._parent) {
|
|
14204
|
+
if (parent && this._instance) {
|
|
14205
|
+
this._instance.parent = parent._instance;
|
|
14206
|
+
this._inheritParentContext(parent);
|
|
14207
|
+
}
|
|
14208
|
+
}
|
|
14209
|
+
_inheritParentContext(parent = this._parent) {
|
|
14210
|
+
if (parent && this._app) {
|
|
14211
|
+
Object.setPrototypeOf(
|
|
14212
|
+
this._app._context.provides,
|
|
14213
|
+
parent._instance.provides
|
|
14214
|
+
);
|
|
14215
|
+
}
|
|
14216
|
+
}
|
|
14200
14217
|
_processMutations(mutations) {
|
|
14201
14218
|
for (const m of mutations) {
|
|
14202
14219
|
this._setAttr(m.attributeName);
|
|
@@ -14214,7 +14231,7 @@ class VueElement extends BaseClass {
|
|
|
14214
14231
|
}
|
|
14215
14232
|
this._ob = new MutationObserver(this._processMutations.bind(this));
|
|
14216
14233
|
this._ob.observe(this, { attributes: true });
|
|
14217
|
-
const resolve = (def
|
|
14234
|
+
const resolve = (def) => {
|
|
14218
14235
|
this._resolved = true;
|
|
14219
14236
|
this._pendingResolve = void 0;
|
|
14220
14237
|
const { props, styles } = def;
|
|
@@ -14239,29 +14256,25 @@ class VueElement extends BaseClass {
|
|
|
14239
14256
|
"Custom element style injection is not supported when using shadowRoot: false"
|
|
14240
14257
|
);
|
|
14241
14258
|
}
|
|
14242
|
-
this.
|
|
14259
|
+
this._mountComponent(def);
|
|
14243
14260
|
};
|
|
14244
14261
|
const asyncDef = this._def.__asyncLoader;
|
|
14245
14262
|
if (asyncDef) {
|
|
14263
|
+
const { configureApp } = this._def;
|
|
14246
14264
|
this._pendingResolve = asyncDef().then((def) => {
|
|
14247
|
-
def.configureApp =
|
|
14248
|
-
|
|
14265
|
+
def.configureApp = configureApp;
|
|
14266
|
+
this._def = def;
|
|
14267
|
+
resolve(def);
|
|
14249
14268
|
});
|
|
14250
14269
|
} else {
|
|
14251
14270
|
resolve(this._def);
|
|
14252
14271
|
}
|
|
14253
14272
|
}
|
|
14254
|
-
|
|
14255
|
-
|
|
14256
|
-
|
|
14257
|
-
|
|
14258
|
-
|
|
14259
|
-
this._inheritParentContext();
|
|
14260
|
-
if (def.configureApp) {
|
|
14261
|
-
def.configureApp(this._app);
|
|
14262
|
-
}
|
|
14263
|
-
this._app._ceVNode = this._createVNode();
|
|
14264
|
-
this._app.mount(this._root);
|
|
14273
|
+
_mountComponent(def) {
|
|
14274
|
+
this._mount(def);
|
|
14275
|
+
this._processExposed();
|
|
14276
|
+
}
|
|
14277
|
+
_processExposed() {
|
|
14265
14278
|
const exposed = this._instance && this._instance.exposed;
|
|
14266
14279
|
if (!exposed) return;
|
|
14267
14280
|
for (const key in exposed) {
|
|
@@ -14275,6 +14288,38 @@ class VueElement extends BaseClass {
|
|
|
14275
14288
|
}
|
|
14276
14289
|
}
|
|
14277
14290
|
}
|
|
14291
|
+
_processInstance() {
|
|
14292
|
+
this._instance.ce = this;
|
|
14293
|
+
this._instance.isCE = true;
|
|
14294
|
+
if (!!(process.env.NODE_ENV !== "production")) {
|
|
14295
|
+
this._instance.ceReload = (newStyles) => {
|
|
14296
|
+
if (this._styles) {
|
|
14297
|
+
this._styles.forEach((s) => this._root.removeChild(s));
|
|
14298
|
+
this._styles.length = 0;
|
|
14299
|
+
}
|
|
14300
|
+
this._applyStyles(newStyles);
|
|
14301
|
+
if (!this._instance.vapor) {
|
|
14302
|
+
this._instance = null;
|
|
14303
|
+
}
|
|
14304
|
+
this._update();
|
|
14305
|
+
};
|
|
14306
|
+
}
|
|
14307
|
+
const dispatch = (event, args) => {
|
|
14308
|
+
this.dispatchEvent(
|
|
14309
|
+
new CustomEvent(
|
|
14310
|
+
event,
|
|
14311
|
+
isPlainObject(args[0]) ? extend({ detail: args }, args[0]) : { detail: args }
|
|
14312
|
+
)
|
|
14313
|
+
);
|
|
14314
|
+
};
|
|
14315
|
+
this._instance.emit = (event, ...args) => {
|
|
14316
|
+
dispatch(event, args);
|
|
14317
|
+
if (hyphenate(event) !== event) {
|
|
14318
|
+
dispatch(hyphenate(event), args);
|
|
14319
|
+
}
|
|
14320
|
+
};
|
|
14321
|
+
this._setParent();
|
|
14322
|
+
}
|
|
14278
14323
|
_resolveProps(def) {
|
|
14279
14324
|
const { props } = def;
|
|
14280
14325
|
const declaredPropKeys = isArray(props) ? props : Object.keys(props || {});
|
|
@@ -14320,7 +14365,7 @@ class VueElement extends BaseClass {
|
|
|
14320
14365
|
delete this._props[key];
|
|
14321
14366
|
} else {
|
|
14322
14367
|
this._props[key] = val;
|
|
14323
|
-
if (key === "key" && this._app) {
|
|
14368
|
+
if (key === "key" && this._app && this._app._ceVNode) {
|
|
14324
14369
|
this._app._ceVNode.key = val;
|
|
14325
14370
|
}
|
|
14326
14371
|
}
|
|
@@ -14344,52 +14389,6 @@ class VueElement extends BaseClass {
|
|
|
14344
14389
|
}
|
|
14345
14390
|
}
|
|
14346
14391
|
}
|
|
14347
|
-
_update() {
|
|
14348
|
-
const vnode = this._createVNode();
|
|
14349
|
-
if (this._app) vnode.appContext = this._app._context;
|
|
14350
|
-
render(vnode, this._root);
|
|
14351
|
-
}
|
|
14352
|
-
_createVNode() {
|
|
14353
|
-
const baseProps = {};
|
|
14354
|
-
if (!this.shadowRoot) {
|
|
14355
|
-
baseProps.onVnodeMounted = baseProps.onVnodeUpdated = this._renderSlots.bind(this);
|
|
14356
|
-
}
|
|
14357
|
-
const vnode = createVNode(this._def, extend(baseProps, this._props));
|
|
14358
|
-
if (!this._instance) {
|
|
14359
|
-
vnode.ce = (instance) => {
|
|
14360
|
-
this._instance = instance;
|
|
14361
|
-
instance.ce = this;
|
|
14362
|
-
instance.isCE = true;
|
|
14363
|
-
if (!!(process.env.NODE_ENV !== "production")) {
|
|
14364
|
-
instance.ceReload = (newStyles) => {
|
|
14365
|
-
if (this._styles) {
|
|
14366
|
-
this._styles.forEach((s) => this._root.removeChild(s));
|
|
14367
|
-
this._styles.length = 0;
|
|
14368
|
-
}
|
|
14369
|
-
this._applyStyles(newStyles);
|
|
14370
|
-
this._instance = null;
|
|
14371
|
-
this._update();
|
|
14372
|
-
};
|
|
14373
|
-
}
|
|
14374
|
-
const dispatch = (event, args) => {
|
|
14375
|
-
this.dispatchEvent(
|
|
14376
|
-
new CustomEvent(
|
|
14377
|
-
event,
|
|
14378
|
-
isPlainObject(args[0]) ? extend({ detail: args }, args[0]) : { detail: args }
|
|
14379
|
-
)
|
|
14380
|
-
);
|
|
14381
|
-
};
|
|
14382
|
-
instance.emit = (event, ...args) => {
|
|
14383
|
-
dispatch(event, args);
|
|
14384
|
-
if (hyphenate(event) !== event) {
|
|
14385
|
-
dispatch(hyphenate(event), args);
|
|
14386
|
-
}
|
|
14387
|
-
};
|
|
14388
|
-
this._setParent();
|
|
14389
|
-
};
|
|
14390
|
-
}
|
|
14391
|
-
return vnode;
|
|
14392
|
-
}
|
|
14393
14392
|
_applyStyles(styles, owner) {
|
|
14394
14393
|
if (!styles) return;
|
|
14395
14394
|
if (owner) {
|
|
@@ -14438,11 +14437,13 @@ class VueElement extends BaseClass {
|
|
|
14438
14437
|
_renderSlots() {
|
|
14439
14438
|
const outlets = this._getSlots();
|
|
14440
14439
|
const scopeId = this._instance.type.__scopeId;
|
|
14440
|
+
const slotReplacements = /* @__PURE__ */ new Map();
|
|
14441
14441
|
for (let i = 0; i < outlets.length; i++) {
|
|
14442
14442
|
const o = outlets[i];
|
|
14443
14443
|
const slotName = o.getAttribute("name") || "default";
|
|
14444
14444
|
const content = this._slots[slotName];
|
|
14445
14445
|
const parent = o.parentNode;
|
|
14446
|
+
const replacementNodes = [];
|
|
14446
14447
|
if (content) {
|
|
14447
14448
|
for (const n of content) {
|
|
14448
14449
|
if (scopeId && n.nodeType === 1) {
|
|
@@ -14455,12 +14456,19 @@ class VueElement extends BaseClass {
|
|
|
14455
14456
|
}
|
|
14456
14457
|
}
|
|
14457
14458
|
parent.insertBefore(n, o);
|
|
14459
|
+
replacementNodes.push(n);
|
|
14458
14460
|
}
|
|
14459
14461
|
} else {
|
|
14460
|
-
while (o.firstChild)
|
|
14462
|
+
while (o.firstChild) {
|
|
14463
|
+
const child = o.firstChild;
|
|
14464
|
+
parent.insertBefore(child, o);
|
|
14465
|
+
replacementNodes.push(child);
|
|
14466
|
+
}
|
|
14461
14467
|
}
|
|
14462
14468
|
parent.removeChild(o);
|
|
14469
|
+
slotReplacements.set(o, replacementNodes);
|
|
14463
14470
|
}
|
|
14471
|
+
this._updateSlotNodes(slotReplacements);
|
|
14464
14472
|
}
|
|
14465
14473
|
/**
|
|
14466
14474
|
* @internal
|
|
@@ -14517,13 +14525,76 @@ class VueElement extends BaseClass {
|
|
|
14517
14525
|
}
|
|
14518
14526
|
}
|
|
14519
14527
|
}
|
|
14528
|
+
class VueElement extends VueElementBase {
|
|
14529
|
+
constructor(def, props = {}, createAppFn = createApp) {
|
|
14530
|
+
super(def, props, createAppFn);
|
|
14531
|
+
}
|
|
14532
|
+
_needsHydration() {
|
|
14533
|
+
if (this.shadowRoot && this._createApp !== createApp) {
|
|
14534
|
+
return true;
|
|
14535
|
+
} else {
|
|
14536
|
+
if (!!(process.env.NODE_ENV !== "production") && this.shadowRoot) {
|
|
14537
|
+
warn(
|
|
14538
|
+
`Custom element has pre-rendered declarative shadow root but is not defined as hydratable. Use \`defineSSRCustomElement\`.`
|
|
14539
|
+
);
|
|
14540
|
+
}
|
|
14541
|
+
}
|
|
14542
|
+
return false;
|
|
14543
|
+
}
|
|
14544
|
+
_mount(def) {
|
|
14545
|
+
if ((!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) && !def.name) {
|
|
14546
|
+
def.name = "VueElement";
|
|
14547
|
+
}
|
|
14548
|
+
this._app = this._createApp(def);
|
|
14549
|
+
this._inheritParentContext();
|
|
14550
|
+
if (def.configureApp) {
|
|
14551
|
+
def.configureApp(this._app);
|
|
14552
|
+
}
|
|
14553
|
+
this._app._ceVNode = this._createVNode();
|
|
14554
|
+
this._app.mount(this._root);
|
|
14555
|
+
}
|
|
14556
|
+
_update() {
|
|
14557
|
+
if (!this._app) return;
|
|
14558
|
+
const vnode = this._createVNode();
|
|
14559
|
+
vnode.appContext = this._app._context;
|
|
14560
|
+
render(vnode, this._root);
|
|
14561
|
+
}
|
|
14562
|
+
_unmount() {
|
|
14563
|
+
if (this._app) {
|
|
14564
|
+
this._app.unmount();
|
|
14565
|
+
}
|
|
14566
|
+
if (this._instance && this._instance.ce) {
|
|
14567
|
+
this._instance.ce = void 0;
|
|
14568
|
+
}
|
|
14569
|
+
this._app = this._instance = null;
|
|
14570
|
+
}
|
|
14571
|
+
/**
|
|
14572
|
+
* Only called when shadowRoot is false
|
|
14573
|
+
*/
|
|
14574
|
+
_updateSlotNodes(replacements) {
|
|
14575
|
+
}
|
|
14576
|
+
_createVNode() {
|
|
14577
|
+
const baseProps = {};
|
|
14578
|
+
if (!this.shadowRoot) {
|
|
14579
|
+
baseProps.onVnodeMounted = baseProps.onVnodeUpdated = this._renderSlots.bind(this);
|
|
14580
|
+
}
|
|
14581
|
+
const vnode = createVNode(this._def, extend(baseProps, this._props));
|
|
14582
|
+
if (!this._instance) {
|
|
14583
|
+
vnode.ce = (instance) => {
|
|
14584
|
+
this._instance = instance;
|
|
14585
|
+
this._processInstance();
|
|
14586
|
+
};
|
|
14587
|
+
}
|
|
14588
|
+
return vnode;
|
|
14589
|
+
}
|
|
14590
|
+
}
|
|
14520
14591
|
function useHost(caller) {
|
|
14521
|
-
const
|
|
14522
|
-
const el =
|
|
14592
|
+
const { hasInstance, value } = useInstanceOption("ce", true);
|
|
14593
|
+
const el = value;
|
|
14523
14594
|
if (el) {
|
|
14524
14595
|
return el;
|
|
14525
14596
|
} else if (!!(process.env.NODE_ENV !== "production")) {
|
|
14526
|
-
if (!
|
|
14597
|
+
if (!hasInstance) {
|
|
14527
14598
|
warn(
|
|
14528
14599
|
`${caller || "useHost"} called without an active component instance.`
|
|
14529
14600
|
);
|
|
@@ -14542,12 +14613,12 @@ function useShadowRoot() {
|
|
|
14542
14613
|
|
|
14543
14614
|
function useCssModule(name = "$style") {
|
|
14544
14615
|
{
|
|
14545
|
-
const
|
|
14546
|
-
if (!
|
|
14616
|
+
const { hasInstance, value: type } = useInstanceOption("type", true);
|
|
14617
|
+
if (!hasInstance) {
|
|
14547
14618
|
!!(process.env.NODE_ENV !== "production") && warn(`useCssModule must be called inside setup()`);
|
|
14548
14619
|
return EMPTY_OBJ;
|
|
14549
14620
|
}
|
|
14550
|
-
const modules =
|
|
14621
|
+
const modules = type.__cssModules;
|
|
14551
14622
|
if (!modules) {
|
|
14552
14623
|
!!(process.env.NODE_ENV !== "production") && warn(`Current instance does not have CSS modules injected.`);
|
|
14553
14624
|
return EMPTY_OBJ;
|
|
@@ -15285,8 +15356,8 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
|
|
|
15285
15356
|
TransitionPropsValidators: TransitionPropsValidators,
|
|
15286
15357
|
TriggerOpTypes: TriggerOpTypes,
|
|
15287
15358
|
VueElement: VueElement,
|
|
15359
|
+
VueElementBase: VueElementBase,
|
|
15288
15360
|
activate: activate,
|
|
15289
|
-
addTransitionClass: addTransitionClass,
|
|
15290
15361
|
assertNumber: assertNumber,
|
|
15291
15362
|
baseApplyTranslation: baseApplyTranslation,
|
|
15292
15363
|
baseEmit: baseEmit,
|
|
@@ -15389,9 +15460,9 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
|
|
|
15389
15460
|
mergeDefaults: mergeDefaults,
|
|
15390
15461
|
mergeModels: mergeModels,
|
|
15391
15462
|
mergeProps: mergeProps,
|
|
15392
|
-
moveCbKey: moveCbKey,
|
|
15393
15463
|
nextTick: nextTick,
|
|
15394
15464
|
nextUid: nextUid,
|
|
15465
|
+
nodeOps: nodeOps,
|
|
15395
15466
|
normalizeClass: normalizeClass,
|
|
15396
15467
|
normalizeContainer: normalizeContainer,
|
|
15397
15468
|
normalizeProps: normalizeProps,
|
|
@@ -15412,6 +15483,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
|
|
|
15412
15483
|
onUpdated: onUpdated,
|
|
15413
15484
|
onWatcherCleanup: onWatcherCleanup,
|
|
15414
15485
|
openBlock: openBlock,
|
|
15486
|
+
patchProp: patchProp,
|
|
15415
15487
|
patchStyle: patchStyle,
|
|
15416
15488
|
performAsyncHydrate: performAsyncHydrate,
|
|
15417
15489
|
performTransitionEnter: performTransitionEnter,
|
|
@@ -15429,7 +15501,6 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
|
|
|
15429
15501
|
ref: ref,
|
|
15430
15502
|
registerHMR: registerHMR,
|
|
15431
15503
|
registerRuntimeCompiler: registerRuntimeCompiler,
|
|
15432
|
-
removeTransitionClass: removeTransitionClass,
|
|
15433
15504
|
render: render,
|
|
15434
15505
|
renderList: renderList,
|
|
15435
15506
|
renderSlot: renderSlot,
|
|
@@ -15456,6 +15527,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
|
|
|
15456
15527
|
ssrUtils: ssrUtils,
|
|
15457
15528
|
startMeasure: startMeasure,
|
|
15458
15529
|
stop: stop,
|
|
15530
|
+
svgNS: svgNS,
|
|
15459
15531
|
toClassSet: toClassSet,
|
|
15460
15532
|
toDisplayString: toDisplayString,
|
|
15461
15533
|
toHandlerKey: toHandlerKey,
|
|
@@ -15476,6 +15548,7 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
|
|
|
15476
15548
|
useCssVars: useCssVars,
|
|
15477
15549
|
useHost: useHost,
|
|
15478
15550
|
useId: useId,
|
|
15551
|
+
useInstanceOption: useInstanceOption,
|
|
15479
15552
|
useModel: useModel,
|
|
15480
15553
|
useSSRContext: useSSRContext,
|
|
15481
15554
|
useShadowRoot: useShadowRoot,
|
|
@@ -15513,7 +15586,8 @@ var runtimeDom = /*#__PURE__*/Object.freeze({
|
|
|
15513
15586
|
withKeys: withKeys,
|
|
15514
15587
|
withMemo: withMemo,
|
|
15515
15588
|
withModifiers: withModifiers,
|
|
15516
|
-
withScopeId: withScopeId
|
|
15589
|
+
withScopeId: withScopeId,
|
|
15590
|
+
xlinkNS: xlinkNS
|
|
15517
15591
|
});
|
|
15518
15592
|
|
|
15519
15593
|
function initDev() {
|
|
@@ -20559,7 +20633,7 @@ const transformModel$1 = (dir, node, context) => {
|
|
|
20559
20633
|
];
|
|
20560
20634
|
if (dir.modifiers.length && node.tagType === 1) {
|
|
20561
20635
|
const modifiers = dir.modifiers.map((m) => m.content).map((m) => (isSimpleIdentifier(m) ? m : JSON.stringify(m)) + `: true`).join(`, `);
|
|
20562
|
-
const modifiersKey = arg ? isStaticExp(arg) ?
|
|
20636
|
+
const modifiersKey = arg ? isStaticExp(arg) ? getModifierPropName(arg.content) : createCompoundExpression([arg, ' + "Modifiers"']) : `modelModifiers`;
|
|
20563
20637
|
props.push(
|
|
20564
20638
|
createObjectProperty(
|
|
20565
20639
|
modifiersKey,
|
|
@@ -20912,7 +20986,7 @@ const parserOptions = {
|
|
|
20912
20986
|
let ns = parent ? parent.ns : rootNamespace;
|
|
20913
20987
|
if (parent && ns === 2) {
|
|
20914
20988
|
if (parent.tag === "annotation-xml") {
|
|
20915
|
-
if (tag
|
|
20989
|
+
if (isSVGTag(tag)) {
|
|
20916
20990
|
return 1;
|
|
20917
20991
|
}
|
|
20918
20992
|
if (parent.props.some(
|
|
@@ -20929,10 +21003,10 @@ const parserOptions = {
|
|
|
20929
21003
|
}
|
|
20930
21004
|
}
|
|
20931
21005
|
if (ns === 0) {
|
|
20932
|
-
if (tag
|
|
21006
|
+
if (isSVGTag(tag)) {
|
|
20933
21007
|
return 1;
|
|
20934
21008
|
}
|
|
20935
|
-
if (tag
|
|
21009
|
+
if (isMathMLTag(tag)) {
|
|
20936
21010
|
return 2;
|
|
20937
21011
|
}
|
|
20938
21012
|
}
|
|
@@ -21555,4 +21629,4 @@ Vue.compile = compileToFunction;
|
|
|
21555
21629
|
|
|
21556
21630
|
const configureCompat = Vue.configureCompat;
|
|
21557
21631
|
|
|
21558
|
-
export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, ReactiveEffect, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TransitionPropsValidators, TriggerOpTypes, VueElement,
|
|
21632
|
+
export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, ReactiveEffect, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TransitionPropsValidators, TriggerOpTypes, VueElement, VueElementBase, activate, assertNumber, baseApplyTranslation, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, callPendingCbs, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, configureCompat, createApp, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, Vue as default, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureHydrationRenderer, ensureRenderer, ensureVaporSlotFallback, expose, flushOnAppMount, forceReflow, getAttributeMismatch, getComponentName, getCurrentInstance, getCurrentScope, getCurrentWatcher, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, handleMovedChildren, hasCSSTransform, hasInjectionContext, hydrate, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initDirectivesForSSR, initFeatureFlags, inject, isAsyncWrapper, isEmitListener, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode$1 as isTemplateNode, isVNode, isValidHtmlOrSvgAttribute, leaveCbKey, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, nodeOps, normalizeClass, normalizeContainer, normalizeProps, normalizeRef, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, patchProp, patchStyle, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, render, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionHooks, resolveTransitionProps, setBlockTracking, setCurrentInstance, setDevtoolsHook, setRef, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, shouldSetAsProp, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, svgNS, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, unsafeToTrustedHTML, useAsyncComponentState, useAttrs, useCssModule, useCssVars, useHost, useId, useInstanceOption, useModel, useSSRContext, useShadowRoot, useSlots, useTemplateRef, useTransitionState, vModelCheckbox, vModelCheckboxInit, vModelCheckboxUpdate, vModelDynamic, getValue as vModelGetValue, vModelRadio, vModelSelect, vModelSelectInit, vModelSetSelected, vModelText, vModelTextInit, vModelTextUpdate, vShow, vShowHidden, vShowOriginalDisplay, validateComponentName, validateProps, version, warn, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId, xlinkNS };
|