| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413 |
- import _extends from "@babel/runtime/helpers/esm/extends";
- import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
- import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
- import _typeof from "@babel/runtime/helpers/esm/typeof";
- var _this = this;
- import isPlainObject from 'lodash-es/isPlainObject';
- import classNames from '../classNames';
- import { isVNode, Fragment, Comment, Text, h } from 'vue';
- import { camelize, hyphenate, isOn, resolvePropValue } from '../util';
- import isValid from '../isValid';
- import initDefaultProps from './initDefaultProps';
- // function getType(fn) {
- // const match = fn && fn.toString().match(/^\s*function (\w+)/);
- // return match ? match[1] : '';
- // }
- var splitAttrs = function splitAttrs(attrs) {
- var allAttrs = Object.keys(attrs);
- var eventAttrs = {};
- var onEvents = {};
- var extraAttrs = {};
- for (var i = 0, l = allAttrs.length; i < l; i++) {
- var key = allAttrs[i];
- if (isOn(key)) {
- eventAttrs[key[2].toLowerCase() + key.slice(3)] = attrs[key];
- onEvents[key] = attrs[key];
- } else {
- extraAttrs[key] = attrs[key];
- }
- }
- return {
- onEvents: onEvents,
- events: eventAttrs,
- extraAttrs: extraAttrs
- };
- };
- var parseStyleText = function parseStyleText() {
- var cssText = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
- var camel = arguments.length > 1 ? arguments[1] : undefined;
- var res = {};
- var listDelimiter = /;(?![^(]*\))/g;
- var propertyDelimiter = /:(.+)/;
- if (_typeof(cssText) === 'object') return cssText;
- cssText.split(listDelimiter).forEach(function (item) {
- if (item) {
- var tmp = item.split(propertyDelimiter);
- if (tmp.length > 1) {
- var k = camel ? camelize(tmp[0].trim()) : tmp[0].trim();
- res[k] = tmp[1].trim();
- }
- }
- });
- return res;
- };
- var hasProp = function hasProp(instance, prop) {
- return instance[prop] !== undefined;
- };
- // 重构后直接使用 hasProp 替换
- var slotHasProp = function slotHasProp(slot, prop) {
- return hasProp(slot, prop);
- };
- var getScopedSlots = function getScopedSlots(ele) {
- return ele.data && ele.data.scopedSlots || {};
- };
- var getSlots = function getSlots(ele) {
- var componentOptions = ele.componentOptions || {};
- if (ele.$vnode) {
- componentOptions = ele.$vnode.componentOptions || {};
- }
- var children = ele.children || componentOptions.children || [];
- var slots = {};
- children.forEach(function (child) {
- if (!isEmptyElement(child)) {
- var name = child.data && child.data.slot || 'default';
- slots[name] = slots[name] || [];
- slots[name].push(child);
- }
- });
- return _objectSpread(_objectSpread({}, slots), getScopedSlots(ele));
- };
- var flattenChildren = function flattenChildren() {
- var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
- var filterEmpty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
- var temp = Array.isArray(children) ? children : [children];
- var res = [];
- temp.forEach(function (child) {
- if (Array.isArray(child)) {
- res.push.apply(res, _toConsumableArray(flattenChildren(child, filterEmpty)));
- } else if (child && child.type === Fragment) {
- res.push.apply(res, _toConsumableArray(flattenChildren(child.children, filterEmpty)));
- } else if (child && isVNode(child)) {
- if (filterEmpty && !isEmptyElement(child)) {
- res.push(child);
- } else if (!filterEmpty) {
- res.push(child);
- }
- } else if (isValid(child)) {
- res.push(child);
- }
- });
- return res;
- };
- var getSlot = function getSlot(self) {
- var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
- var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
- if (isVNode(self)) {
- if (self.type === Fragment) {
- return name === 'default' ? flattenChildren(self.children) : [];
- } else if (self.children && self.children[name]) {
- return flattenChildren(self.children[name](options));
- } else {
- return [];
- }
- } else {
- var res = self.$slots[name] && self.$slots[name](options);
- return flattenChildren(res);
- }
- };
- var getAllChildren = function getAllChildren(ele) {
- var componentOptions = ele.componentOptions || {};
- if (ele.$vnode) {
- componentOptions = ele.$vnode.componentOptions || {};
- }
- return ele.children || componentOptions.children || [];
- };
- var getSlotOptions = function getSlotOptions() {
- throw Error('使用 .type 直接取值');
- };
- var findDOMNode = function findDOMNode(instance) {
- var _instance$vnode;
- var node = (instance === null || instance === void 0 ? void 0 : (_instance$vnode = instance.vnode) === null || _instance$vnode === void 0 ? void 0 : _instance$vnode.el) || instance && (instance.$el || instance);
- while (node && !node.tagName) {
- node = node.nextSibling;
- }
- return node;
- };
- var getOptionProps = function getOptionProps(instance) {
- var res = {};
- if (instance.$ && instance.$.vnode) {
- var props = instance.$.vnode.props || {};
- Object.keys(instance.$props).forEach(function (k) {
- var v = instance.$props[k];
- var hyphenateKey = hyphenate(k);
- if (v !== undefined || hyphenateKey in props) {
- res[k] = v; // 直接取 $props[k]
- }
- });
- } else if (isVNode(instance) && _typeof(instance.type) === 'object') {
- var originProps = instance.props || {};
- var _props = {};
- Object.keys(originProps).forEach(function (key) {
- _props[camelize(key)] = originProps[key];
- });
- var options = instance.type.props || {};
- Object.keys(options).forEach(function (k) {
- var v = resolvePropValue(options, _props, k, _props[k]);
- if (v !== undefined || k in _props) {
- res[k] = v;
- }
- });
- }
- return res;
- };
- var getComponent = function getComponent(instance) {
- var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
- var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : instance;
- var execute = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
- var com = undefined;
- if (instance.$) {
- var temp = instance[prop];
- if (temp !== undefined) {
- return typeof temp === 'function' && execute ? temp(options) : temp;
- } else {
- com = instance.$slots[prop];
- com = execute && com ? com(options) : com;
- }
- } else if (isVNode(instance)) {
- var _temp = instance.props && instance.props[prop];
- if (_temp !== undefined && instance.props !== null) {
- return typeof _temp === 'function' && execute ? _temp(options) : _temp;
- } else if (instance.type === Fragment) {
- com = instance.children;
- } else if (instance.children && instance.children[prop]) {
- com = instance.children[prop];
- com = execute && com ? com(options) : com;
- }
- }
- if (Array.isArray(com)) {
- com = flattenChildren(com);
- com = com.length === 1 ? com[0] : com;
- com = com.length === 0 ? undefined : com;
- }
- return com;
- };
- var getComponentFromProp = function getComponentFromProp(instance, prop) {
- var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : instance;
- var execute = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
- if (instance.$createElement) {
- // const h = instance.$createElement;
- var temp = instance[prop];
- if (temp !== undefined) {
- return typeof temp === 'function' && execute ? temp(h, options) : temp;
- }
- return instance.$scopedSlots[prop] && execute && instance.$scopedSlots[prop](options) || instance.$scopedSlots[prop] || instance.$slots[prop] || undefined;
- } else {
- // const h = instance.context.$createElement;
- var _temp2 = getPropsData(instance)[prop];
- if (_temp2 !== undefined) {
- return typeof _temp2 === 'function' && execute ? _temp2(h, options) : _temp2;
- }
- var slotScope = getScopedSlots(instance)[prop];
- if (slotScope !== undefined) {
- return typeof slotScope === 'function' && execute ? slotScope(h, options) : slotScope;
- }
- var slotsProp = [];
- var componentOptions = instance.componentOptions || {};
- (componentOptions.children || []).forEach(function (child) {
- if (child.data && child.data.slot === prop) {
- if (child.data.attrs) {
- delete child.data.attrs.slot;
- }
- if (child.tag === 'template') {
- slotsProp.push(child.children);
- } else {
- slotsProp.push(child);
- }
- }
- });
- return slotsProp.length ? slotsProp : undefined;
- }
- };
- var getAllProps = function getAllProps(ele) {
- var props = getOptionProps(ele);
- if (ele.$) {
- props = _objectSpread(_objectSpread({}, props), _this.$attrs);
- } else {
- props = _objectSpread(_objectSpread({}, ele.props), props);
- }
- return props;
- };
- var getPropsData = function getPropsData(ins) {
- var vnode = ins.$ ? ins.$ : ins;
- var res = {};
- var originProps = vnode.props || {};
- var props = {};
- Object.keys(originProps).forEach(function (key) {
- props[camelize(key)] = originProps[key];
- });
- var options = isPlainObject(vnode.type) ? vnode.type.props : {};
- options && Object.keys(options).forEach(function (k) {
- var v = resolvePropValue(options, props, k, props[k]);
- if (k in props) {
- // 仅包含 props,不包含默认值
- res[k] = v;
- }
- });
- return _objectSpread(_objectSpread({}, props), res); // 合并事件、未声明属性等
- };
- var getValueByProp = function getValueByProp(ele, prop) {
- return getPropsData(ele)[prop];
- };
- var getAttrs = function getAttrs(ele) {
- var data = ele.data;
- if (ele.$vnode) {
- data = ele.$vnode.data;
- }
- return data ? data.attrs || {} : {};
- };
- var getKey = function getKey(ele) {
- var key = ele.key;
- return key;
- };
- export function getEvents() {
- var ele = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- var on = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
- var props = {};
- if (ele.$) {
- props = _objectSpread(_objectSpread({}, props), ele.$attrs);
- } else {
- props = _objectSpread(_objectSpread({}, props), ele.props);
- }
- return splitAttrs(props)[on ? 'onEvents' : 'events'];
- }
- export function getEvent(child, event) {
- return child.props && child.props[event];
- }
- // 获取 xxx.native 或者 原生标签 事件
- export function getDataEvents(child) {
- var events = {};
- if (child.data && child.data.on) {
- events = child.data.on;
- }
- return _objectSpread({}, events);
- }
- // use getListeners instead this.$listeners
- // https://github.com/vueComponent/ant-design-vue/issues/1705
- export function getListeners(context) {
- return (context.$vnode ? context.$vnode.componentOptions.listeners : context.$listeners) || {};
- }
- export function getClass(ele) {
- var props = (isVNode(ele) ? ele.props : ele.$attrs) || {};
- var tempCls = props.class || {};
- var cls = {};
- if (typeof tempCls === 'string') {
- tempCls.split(' ').forEach(function (c) {
- cls[c.trim()] = true;
- });
- } else if (Array.isArray(tempCls)) {
- classNames(tempCls).split(' ').forEach(function (c) {
- cls[c.trim()] = true;
- });
- } else {
- cls = _objectSpread(_objectSpread({}, cls), tempCls);
- }
- return cls;
- }
- export function getStyle(ele, camel) {
- var props = (isVNode(ele) ? ele.props : ele.$attrs) || {};
- var style = props.style || {};
- if (typeof style === 'string') {
- style = parseStyleText(style, camel);
- } else if (camel && style) {
- // 驼峰化
- var res = {};
- Object.keys(style).forEach(function (k) {
- return res[camelize(k)] = style[k];
- });
- return res;
- }
- return style;
- }
- export function getComponentName(opts) {
- return opts && (opts.Ctor.options.name || opts.tag);
- }
- export function isFragment(c) {
- return c.length === 1 && c[0].type === Fragment;
- }
- export function isEmptyContent(c) {
- return c === undefined || c === null || c === '' || Array.isArray(c) && c.length === 0;
- }
- export function isEmptyElement(c) {
- return c && (c.type === Comment || c.type === Fragment && c.children.length === 0 || c.type === Text && c.children.trim() === '');
- }
- export function isEmptySlot(c) {
- return !c || c().every(isEmptyElement);
- }
- export function isStringElement(c) {
- return c && c.type === Text;
- }
- export function filterEmpty() {
- var children = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
- var res = [];
- children.forEach(function (child) {
- if (Array.isArray(child)) {
- res.push.apply(res, _toConsumableArray(child));
- } else if ((child === null || child === void 0 ? void 0 : child.type) === Fragment) {
- res.push.apply(res, _toConsumableArray(filterEmpty(child.children)));
- } else {
- res.push(child);
- }
- });
- return res.filter(function (c) {
- return !isEmptyElement(c);
- });
- }
- export function filterEmptyWithUndefined(children) {
- if (children) {
- var coms = filterEmpty(children);
- return coms.length ? coms : undefined;
- } else {
- return children;
- }
- }
- export function mergeProps() {
- var args = [].slice.call(arguments, 0);
- var props = {};
- args.forEach(function () {
- var p = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- for (var _i = 0, _Object$entries = Object.entries(p); _i < _Object$entries.length; _i++) {
- var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
- k = _Object$entries$_i[0],
- v = _Object$entries$_i[1];
- props[k] = props[k] || {};
- if (isPlainObject(v)) {
- _extends(props[k], v);
- } else {
- props[k] = v;
- }
- }
- });
- return props;
- }
- function isValidElement(element) {
- if (Array.isArray(element) && element.length === 1) {
- element = element[0];
- }
- return element && element.__v_isVNode && _typeof(element.type) !== 'symbol'; // remove text node
- }
- function getPropsSlot(slots, props) {
- var _props$prop, _slots$prop;
- var prop = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'default';
- return (_props$prop = props[prop]) !== null && _props$prop !== void 0 ? _props$prop : (_slots$prop = slots[prop]) === null || _slots$prop === void 0 ? void 0 : _slots$prop.call(slots);
- }
- export var getTextFromElement = function getTextFromElement(ele) {
- if (isValidElement(ele) && isStringElement(ele[0])) {
- return ele[0].children;
- }
- return ele;
- };
- export { splitAttrs, hasProp, getOptionProps, getComponent, getComponentFromProp, getSlotOptions, slotHasProp, getPropsData, getKey, getAttrs, getValueByProp, parseStyleText, initDefaultProps, isValidElement, camelize, getSlots, getSlot, getAllProps, getAllChildren, findDOMNode, flattenChildren, getPropsSlot };
- export default hasProp;
|