yanzhen-design-vue
Version:
46 lines (45 loc) • 1.88 kB
JavaScript
import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createBlock, createCommentVNode, toDisplayString } from "vue";
import { Progress } from "ant-design-vue";
import { inputNumberName, inputNumberProps, inputNumberEmits, inputNumberOptions } from "./input-number.mjs";
import { useInputNumber } from "./use-input-number.mjs";
const _hoisted_1 = ["data-value", "data-native-tag"];
const _sfc_main = /* @__PURE__ */ defineComponent({
...{ name: inputNumberName },
__name: "input-number-preview",
props: inputNumberProps,
emits: inputNumberEmits,
setup(__props, { expose: __expose, emit: __emit }) {
const { ns } = inputNumberOptions;
const props = __props;
const emit = __emit;
const { _ref, textRef, progressBarNum, showProgress } = useInputNumber(props, emit);
__expose({
ref: _ref
});
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass([unref(ns).b()])
}, [
createElementVNode("div", {
class: normalizeClass([unref(ns).e("input-wrapper")])
}, [
unref(showProgress) ? (openBlock(), createBlock(unref(Progress), {
key: 0,
percent: unref(progressBarNum),
"show-info": false,
"stroke-color": "#1890ff",
class: normalizeClass([unref(ns).e("progress"), unref(ns).e("progress-preview")])
}, null, 8, ["percent", "class"])) : createCommentVNode("", true),
createElementVNode("span", {
class: normalizeClass([{ [unref(ns).e("input-preview")]: unref(showProgress) }]),
"data-value": props.value,
"data-native-tag": props.nativeTag
}, toDisplayString(unref(textRef) ?? "-"), 11, _hoisted_1)
], 2)
], 2);
};
}
});
export {
_sfc_main as default
};