@ohu-mobile/core
Version:
206 lines (205 loc) • 9.49 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.cloneElement = cloneElement;
exports.cloneVNode = cloneVNode;
exports.cloneVNodes = cloneVNodes;
exports.getVModelOption = getVModelOption;
exports.getVNodesByName = getVNodesByName;
exports.isTargetComponent = isTargetComponent;
exports.transformSlotsContext = transformSlotsContext;
var _propsUtil = require("./props-util");
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function cloneVNode(vnode, deep) {
var componentOptions = vnode.componentOptions;
var data = vnode.data;
var listeners = {};
if (componentOptions && componentOptions.listeners) {
listeners = _objectSpread({}, componentOptions.listeners);
}
var on = {};
if (data && data.on) {
on = _objectSpread({}, data.on);
}
var cloned = new vnode.constructor(vnode.tag, data ? _objectSpread(_objectSpread({}, data), {}, {
on: on
}) : data, vnode.children, vnode.text, vnode.elm, vnode.context, componentOptions ? _objectSpread(_objectSpread({}, componentOptions), {}, {
listeners: listeners
}) : componentOptions, vnode.asyncFactory);
cloned.ns = vnode.ns;
cloned.isStatic = vnode.isStatic;
cloned.key = vnode.key;
cloned.isComment = vnode.isComment;
cloned.fnContext = vnode.fnContext;
cloned.fnOptions = vnode.fnOptions;
cloned.fnScopeId = vnode.fnScopeId;
cloned.isCloned = true;
if (deep) {
if (vnode.children) {
cloned.children = cloneVNodes(vnode.children, true);
}
if (componentOptions && componentOptions.children) {
componentOptions.children = cloneVNodes(componentOptions.children, true);
}
}
return cloned;
}
function cloneVNodes(vnodes, deep) {
var len = vnodes.length;
var res = new Array(len);
for (var i = 0; i < len; i++) {
res[i] = cloneVNode(vnodes[i], deep);
}
return res;
}
function cloneElement(n) {
var nodeProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var deep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
var ele = n;
if (Array.isArray(n)) {
ele = (0, _propsUtil.filterEmpty)(n)[0];
}
if (!ele) {
return null;
}
var node = cloneVNode(ele, deep);
var _nodeProps$props = nodeProps.props,
props = _nodeProps$props === void 0 ? {} : _nodeProps$props,
key = nodeProps.key,
_nodeProps$on = nodeProps.on,
on = _nodeProps$on === void 0 ? {} : _nodeProps$on,
children = nodeProps.children,
_nodeProps$directives = nodeProps.directives,
directives = _nodeProps$directives === void 0 ? [] : _nodeProps$directives;
var data = node.data || {};
var cls = {};
var style = {};
var _nodeProps$attrs = nodeProps.attrs,
attrs = _nodeProps$attrs === void 0 ? {} : _nodeProps$attrs,
ref = nodeProps.ref,
_nodeProps$domProps = nodeProps.domProps,
domProps = _nodeProps$domProps === void 0 ? {} : _nodeProps$domProps,
_nodeProps$style = nodeProps.style,
tempStyle = _nodeProps$style === void 0 ? {} : _nodeProps$style,
_nodeProps$class = nodeProps.class,
tempCls = _nodeProps$class === void 0 ? {} : _nodeProps$class,
_nodeProps$scopedSlot = nodeProps.scopedSlots,
scopedSlots = _nodeProps$scopedSlot === void 0 ? {} : _nodeProps$scopedSlot;
if (typeof data.style === 'string') {
style = (0, _propsUtil.parseStyleText)(data.style);
} else {
style = _objectSpread(_objectSpread({}, data.style), style);
}
if (typeof tempStyle === 'string') {
style = _objectSpread(_objectSpread({}, style), (0, _propsUtil.parseStyleText)(style));
} else {
style = _objectSpread(_objectSpread({}, style), tempStyle);
}
if (typeof data.class === 'string' && data.class.trim() !== '') {
data.class.split(' ').forEach(function (c) {
cls[c.trim()] = true;
});
} else {
cls = _objectSpread(_objectSpread({}, data.class), cls);
}
if (typeof tempCls === 'string' && tempCls.trim() !== '') {
tempCls.split(' ').forEach(function (c) {
cls[c.trim()] = true;
});
} else {
cls = _objectSpread(_objectSpread({}, cls), tempCls);
}
node.data = Object.assign({}, data, {
style: style,
attrs: _objectSpread(_objectSpread({}, data.attrs), attrs),
class: cls,
domProps: _objectSpread(_objectSpread({}, data.domProps), domProps),
scopedSlots: _objectSpread(_objectSpread({}, data.scopedSlots), scopedSlots),
directives: [].concat(_toConsumableArray(data.directives || []), _toConsumableArray(directives))
});
if (node.componentOptions) {
node.componentOptions.propsData = node.componentOptions.propsData || {};
node.componentOptions.listeners = node.componentOptions.listeners || {};
node.componentOptions.propsData = _objectSpread(_objectSpread({}, node.componentOptions.propsData), props);
node.componentOptions.listeners = _objectSpread(_objectSpread({}, node.componentOptions.listeners), on);
if (children) {
node.componentOptions.children = children;
}
} else {
node.data.on = _objectSpread(_objectSpread({}, node.data.on || {}), on);
}
if (key !== undefined) {
node.key = key;
node.data.key = key;
}
if (typeof ref === 'string') {
node.data.ref = ref;
}
return node;
}
function getVNodesByName(children, name) {
return children.filter(function (child) {
var cname = null;
if (child && child.componentOptions) {
var options = child.componentOptions;
if (options.Ctor) {
var ctor = options.Ctor;
if (ctor.options && ctor.options.name) {
cname = ctor.options.name;
}
}
}
if (name instanceof Function) {
return name(cname);
}
return name === cname;
});
}
function isTargetComponent(vnode, name) {
var options = vnode.componentOptions;
if (options && options.Ctor) {
var ctor = options.Ctor;
if (ctor.options && ctor.options.name) {
return name === ctor.options.name;
}
}
return false;
}
function transformSlotsContext(slots, context) {
var result = [];
Object.keys(slots).reduce(function (arr, slot) {
var currentSlot = slots[slot];
if (currentSlot) {
if (context) {
currentSlot.map(function (vnode) {
vnode.context = context;
});
}
arr.push(currentSlot);
}
return arr;
}, result);
return result;
}
function getVModelOption(vnode) {
var _vnode$componentOptio;
var Ctor = (_vnode$componentOptio = vnode.componentOptions) === null || _vnode$componentOptio === void 0 ? void 0 : _vnode$componentOptio.Ctor;
var model = Ctor.extendOptions.model;
if (model) return model;
return {
event: 'input',
prop: 'value'
};
}