@wetspace/pro-components/dist/form-fileds/base/digit-range/index.vue.js

::: tip 基本介绍

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("element-plus");require("../../../delete-button/index.js");require("../../../count-down-button/index.js");const v=require("../../../ellipsis/index.js");require("../../index.js");require("../../../pro-form/index.js");require("../../../pro-table/index.js");require("../../../pro-descriptions/index.js");require("../../../pro-list/index.js");require("../../../layout/index.js");require("../../../page/index.js");require("../../../guide/index.js");require("../../../notice-menu/index.js");require("../../../state/index.js");const g=require("./types.js"),I={style:{"text-align":"right"}},y=e.defineComponent({__name:"index",props:g.digitRangeProps,emits:["update:modelValue","change"],setup(V,{emit:x}){const c=x,n=i.useNamespace("digitrange"),p=i.useNamespace("input"),t=V,s=e.shallowRef(),d=e.shallowRef(),f=e.shallowRef(!1),a=e.ref([]),N=e.computed(()=>typeof t.suffixIcon=="string"?e.h("span",{},{default:()=>t.suffixIcon}):t.suffixIcon),w=e.computed(()=>typeof t.prefixIcon=="string"?e.h("span",{},{default:()=>t.prefixIcon}):t.prefixIcon),E={0:[{validator(o,l,r){var u;a.value[1]!==void 0&&(l>a.value[1]&&r(new Error("数值起点不能高于或等于数值终点")),(l===""||l===void 0)&&r(new Error("当前输入不能为空"))),l===""&&((u=s.value)==null||u.clearValidate()),r()}}],1:[{validator(o,l,r){var u;a.value[0]!==void 0&&(l<=a.value[0]&&r(new Error("数值终点不能低于或等于数值起点")),(l===""||l===void 0)&&r(new Error("当前输入不能为空"))),l===""&&((u=s.value)==null||u.clearValidate()),r()}}]},C=()=>{var l;if(t.disabled)return;f.value=!0;const o=(l=d.value)==null?void 0:l.querySelector(`.${p.e("wrapper")}`);o&&o.classList.add("is-focus")},m=()=>{var l;f.value=!1;const o=(l=d.value)==null?void 0:l.querySelector(`.${p.e("wrapper")}`);o&&o.classList.remove("is-focus")},q=async()=>{var o;await((o=s.value)==null?void 0:o.validate()),c("update:modelValue",a.value),c("change",a.value),m()};return(o,l)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.unref(i.ElPopover),{visible:f.value,width:350},{reference:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"inputdiv",ref:d,class:e.normalizeClass([e.unref(n).b(),e.unref(n).is("disabled",t.disabled)]),onClick:C},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(n).e("inner")])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(n).e("inner-value"),"is-left"])},[e.createVNode(e.unref(v.TextEllipsis),null,{default:e.withCtx(()=>{var r;return[e.createTextVNode(e.toDisplayString((r=t.modelValue)==null?void 0:r[0]),1)]}),_:1})],2),l[2]||(l[2]=e.createElementVNode("div",null,"-",-1)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(n).e("inner-value"),"is-right"])},[e.createVNode(e.unref(v.TextEllipsis),null,{default:e.withCtx(()=>{var r;return[e.createTextVNode(e.toDisplayString((r=t.modelValue)==null?void 0:r[1]),1)]}),_:1})],2)],2),e.createVNode(e.unref(i.ElInput),{disabled:t.disabled,style:{width:"100%"},placeholder:t.placeholder,"model-value":t.modelValue&&t.modelValue.length!==0?" ":"","suffix-icon":N.value,"prefix-icon":w.value,size:t.size},null,8,["disabled","placeholder","model-value","suffix-icon","prefix-icon","size"])],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(i.ElForm),{ref_key:"formIns",ref:s,model:a.value,rules:E,class:e.normalizeClass([e.unref(n).e("popover-panel")])},{default:e.withCtx(()=>[e.createVNode(e.unref(i.ElFormItem),{prop:"0"},{default:e.withCtx(()=>[e.createVNode(e.unref(i.ElInputNumber),{modelValue:a.value[0],"onUpdate:modelValue":l[0]||(l[0]=r=>a.value[0]=r)},null,8,["modelValue"])]),_:1}),e.createVNode(e.unref(i.ElFormItem),null,{default:e.withCtx(()=>l[3]||(l[3]=[e.createElementVNode("div",{style:{padding:"0 8px"}}," - ",-1)])),_:1}),e.createVNode(e.unref(i.ElFormItem),{prop:"1"},{default:e.withCtx(()=>[e.createVNode(e.unref(i.ElInputNumber),{modelValue:a.value[1],"onUpdate:modelValue":l[1]||(l[1]=r=>a.value[1]=r)},null,8,["modelValue"])]),_:1})]),_:1},8,["model","class"]),e.createElementVNode("div",I,[e.createVNode(e.unref(i.ElButton),{onClick:m},{default:e.withCtx(()=>l[4]||(l[4]=[e.createTextVNode(" 取消 ")])),_:1}),e.createVNode(e.unref(i.ElButton),{type:"primary",onClick:q},{default:e.withCtx(()=>l[5]||(l[5]=[e.createTextVNode(" 确认 ")])),_:1})])]),_:1},8,["visible"])]))}});exports.default=y;