@aplus-frontend/antdv
Version:
Vue basic component library maintained based on ant-design-vue
98 lines • 2.96 kB
JavaScript
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
var __rest = this && this.__rest || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
}
return t;
};
import { defineComponent, shallowRef, getCurrentInstance, createVNode as _createVNode } from 'vue';
import PropTypes from './vue-types';
const BaseInputInner = defineComponent({
compatConfig: {
MODE: 3
},
// inheritAttrs: false,
props: {
disabled: PropTypes.looseBool,
type: PropTypes.string,
value: PropTypes.any,
tag: {
type: String,
default: 'input'
},
size: PropTypes.string,
onChange: Function,
onInput: Function,
onBlur: Function,
onFocus: Function,
onKeydown: Function,
onCompositionstart: Function,
onCompositionend: Function,
onKeyup: Function,
onPaste: Function,
onMousedown: Function
},
emits: ['change', 'input', 'blur', 'keydown', 'focus', 'compositionstart', 'compositionend', 'keyup', 'paste', 'mousedown'],
setup(props, _ref) {
let {
expose
} = _ref;
const inputRef = shallowRef(null);
const ins = getCurrentInstance();
const focus = () => {
if (inputRef.value) {
inputRef.value.focus();
}
};
const blur = () => {
if (inputRef.value) {
inputRef.value.blur();
}
};
const setSelectionRange = (start, end, direction) => {
var _a;
(_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.setSelectionRange(start, end, direction);
};
const select = () => {
var _a;
(_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.select();
};
const rootInputForceUpdate = () => {
ins.proxy.$forceUpdate();
};
expose({
focus,
blur,
input: inputRef,
setSelectionRange,
select,
rootInputForceUpdate,
getSelectionStart: () => {
var _a;
return (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.selectionStart;
},
getSelectionEnd: () => {
var _a;
return (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.selectionEnd;
},
getScrollTop: () => {
var _a;
return (_a = inputRef.value) === null || _a === void 0 ? void 0 : _a.scrollTop;
}
});
return () => {
const {
tag: Tag,
value
} = props,
restProps = __rest(props, ["tag", "value"]);
return _createVNode(Tag, _objectSpread(_objectSpread({}, restProps), {}, {
"ref": inputRef,
"value": value
}), null);
};
}
});
export default BaseInputInner;