cc-element-components/modalForm/index.umd.js

该项目是基于`element-plus`二次封装组件，使用的技术栈为`vue3` + `typescript` + `element-plus`。在此项目当中，我们会基于`element-plus`的组件库已有组件封装如下组件: - 图标选择器 - 时间选择器 - 城市选择器 - 省市区选择器 - 通知菜单 - 趋势标记 - 评论 - 数据列表 - 数值统计 - 倒计时 - 分割面板 - 时间轴 - 弹框拓展 - 进度条拓展 - 导航菜单拓展 - 可配置项表格 - 可配置项表单 - 日历

(function(e,l){typeof exports=="object"&&typeof module!="undefined"?module.exports=l(require("vue")):typeof define=="function"&&define.amd?define(["vue"],l):(e=typeof globalThis!="undefined"?globalThis:e||self,e.index=l(e.Vue))})(this,function(e){"use strict";const l=e.defineComponent({props:{isScroll:{type:Boolean,default:!1},visible:{type:Boolean,default:!1},options:{type:Array,required:!0},onChange:{type:Function},beforeUpload:{type:Function},onPreview:{type:Function},onRemove:{type:Function},beforeRemove:{type:Function},onSuccess:{type:Function},onExceed:{type:Function}},emits:["update:visible"],setup(o,{emit:f}){const d=o;let r=e.ref(),t=e.ref(d.visible);return e.watch(()=>d.visible,n=>{t.value=n}),e.watch(()=>t.value,n=>{f("update:visible",n)}),(n,s)=>{const c=e.resolveComponent("m-form"),m=e.resolveComponent("el-dialog");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"m-choose-icon-dialog-body-height":o.isScroll})},[e.createVNode(m,e.mergeProps({modelValue:e.unref(t),"onUpdate:modelValue":s[0]||(s[0]=i=>e.isRef(t)?t.value=i:t=i)},n.$attrs),{default:e.withCtx(()=>[e.createVNode(c,{ref:(i,p)=>{p.form=i,e.isRef(r)?r.value=i:r=i},options:o.options,"label-width":"100px",onOnChange:o.onChange,onBeforeUpload:o.beforeUpload,onOnPreview:o.onPreview,onOnRemove:o.onRemove,onBeforeRemove:o.beforeRemove,onOnSuccess:o.onSuccess,onOnExceed:o.onExceed},{uploadArea:e.withCtx(()=>[e.renderSlot(n.$slots,"uploadArea")]),uploadTip:e.withCtx(()=>[e.renderSlot(n.$slots,"uploadTip")]),_:3},8,["options","onOnChange","onBeforeUpload","onOnPreview","onOnRemove","onBeforeRemove","onOnSuccess","onOnExceed"])]),footer:e.withCtx(()=>[e.renderSlot(n.$slots,"footer",{form:e.unref(r)})]),_:3},16,["modelValue"])],2)}}});var a={install(o){o.component("cc-modal-form",l)}};return a});