@farris/ui-vue 1.3.0 → 1.3.3

package/components/designer-outline/index.esm.js

@@ -58,7 +58,8 @@ const D = {
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
-  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
+  "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
 };
 var p = /* @__PURE__ */ ((a) => (a.Frame = "frame", a.dataGrid = "data-grid", a.listView = "list-view", a.form = "form", a.attachmentPanel = "attachment-panel", a.modalFrame = "modal-frame", a.table = "table", a.appointmentCalendar = "appointment-calendar", a))(p || {});
 function E(a) {

package/components/designer-outline/index.umd.cjs

@@ -1 +1 @@
-(function(f,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("vue"),require("../tree-view/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","../tree-view/index.umd.js","lodash-es"],d):(f=typeof globalThis<"u"?globalThis:f||self,d(f["designer-outline"]={},f.Vue,f.treeView,f.LodashES))})(this,function(f,d,v,P){"use strict";const N={data:{type:Object,default:[]},selectable:{type:Boolean,default:!1},autoCheckChildren:{type:Boolean,default:!0},cascade:{type:Boolean,default:!0},showTreeNodeIcons:{type:Boolean,default:!0},showLines:{type:Boolean,default:!1},newDataItem:{type:Object,default:{}},lineColor:{type:String,default:"#9399a0"},cellHeight:{type:Number,default:28}},C={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"}};var g=(i=>(i.Frame="frame",i.dataGrid="data-grid",i.listView="list-view",i.form="form",i.attachmentPanel="attachment-panel",i.modalFrame="modal-frame",i.table="table",i.appointmentCalendar="appointment-calendar",i))(g||{});function B(i){const y=d.ref("");function u(e){let r="controlIcon mr-2 fd-i-Family ",a="";switch(e==null?void 0:e.type){case"form-group":{a=e.editor&&e.editor.type?`fd_pc-${e.editor.type}`:"";break}default:r+=`fd_pc-${e.type}`}return r+=a,r}function m(e,r){var n;let a=e.id;const t=r==null?void 0:r.contents;if((r==null?void 0:r.type)==="splitter"&&t&&t.length===2){const c=r.direction!=="column";e.id===((n=t[0])==null?void 0:n.id)?a=c?"左侧区域":"上方区域":a=c?"右侧区域":"下方区域"}return a}function w(e){if(e.isLikeCardContainer)return"区块";const r=e.appearance&&e.appearance.class||"",a=r.split(" ");return e.id==="page-header"&&r&&r==="f-page-header"?"页头":a.includes("f-page-header-base")?"页头容器":a.includes("f-page-header-extend")?"页头扩展容器":a.includes("f-title")?"标题容器":a.includes("f-page")?"根容器":a.includes("f-page-main")?"内容区域":a.includes("f-scrollspy-content")&&e.isScrollspyContainer?"滚动监听容器":a.includes("f-grid-is-sub")?"表格容器":a.includes("f-filter-container")?"筛选条容器":"容器"}function S(e){const{componentType:r}=e;switch(r){case g.Frame:return"根组件";case g.dataGrid:case g.table:return(i==null?void 0:i.formSchemaUtils.selectNode(e,t=>t.type===(C["tree-grid"]&&C["tree-grid"].type)))?"树表格组件":"表格组件";case g.attachmentPanel:return"附件组件";case g.listView:return"列表视图组件";case g.modalFrame:return"弹窗页面";case g.appointmentCalendar:return"预约日历组件";default:if(r.startsWith("form"))return"卡片组件"}return"组件"}function h(e,r){const a=e.name||e.text||e.label||e.title||e.mainTitle;if(a&&typeof a=="string")return a.trim();switch(e.type){case"content-container":return w(e);case"splitter-pane":return m(e,r);case"component":return S(e);default:return C[e.type]&&C[e.type].name||e.id}}function k(e){const r=e.length?e[0]:null;y.value=r.originalId;const a=r?`${r.originalId}-design-item`:"",t=document.getElementById(a);t&&t&&t.click()}return{getIcon:u,getTitle:h,onChanged:k,currentSelectedNodeId:y}}function E(i,y){const u=i.data.module?d.ref(i.data.module.components[0]):d.ref(i.data),{getIcon:m,getTitle:w}=y;function S(t,n,c,l){var s;const o=(s=i.data.module)==null?void 0:s.components.find(p=>p.id===t.component);o&&h([o],n,c,l)}function h(t,n,c,l){return t.forEach(o=>{if(o.type==="component-ref"){S(o,n,c,l);return}const s={originalId:o.id,layer:c,originalParent:l==null?void 0:l.id,name:w(o,l),type:o.type,controlIcon:m(o),rawSchema:o};n.push(P.cloneDeep(s)),(o.contents||o.buttons)&&h(o.contents||o.buttons,n,c+1,o)}),n}function k(t){const n=[],c=t.find(p=>p.layer===0);t=t.filter(p=>p.layer!==0),n.push(c);let l=c.originalId,o=0,s=1e3;for(;t.length!==0||s===0;){const p=t.find(b=>b.originalParent===l);p?(n.push(p),l=p.originalId,t=t.filter(b=>b.originalId!==l),o=0):(o-=1,l=n.slice(o)[0].originalId),s-=1}return n}function e(t){return t.forEach((n,c)=>{n.id=(c+1).toString()}),t.forEach(n=>{var c;n.parent=((c=t.find(l=>l.originalId===n.originalParent))==null?void 0:c.id)||""}),t.forEach(n=>{n.hasChildren=t.findIndex(c=>c.parent===n.id)>0}),t}function r(t){const n={originalId:"page",layer:0,originalParent:null,name:"页面",type:"Frame",controlIcon:"fd-i-Family fd_pc-module",rawSchema:u};return t[0].originalParent=n.originalId,t.unshift(n),n}function a(){let t;if(u.value){const n=[];n.push(u.value);const o=h(n,[],1,null);r(o);const s=k(o);t=e(s)}return t}return{getData:a}}const L=d.defineComponent({name:"FDesignerOutline",props:N,emits:["outputValue","currentEvent","selectionChanged"],setup(i,y){const u=d.ref(),m=d.ref(i.selectable),w=d.ref(i.autoCheckChildren),S=d.ref(i.cascade),h=d.ref(i.showTreeNodeIcons),k=d.ref(i.showLines),e=d.ref(i.newDataItem),r=d.ref(i.lineColor),a=d.ref(i.cellHeight),t=d.inject("designer-host-service"),n=B(t),{onChanged:c,currentSelectedNodeId:l}=n,{getData:o}=E(i,n);let s=o();function p(){s=o(),u.value&&u.value.updateDataSource&&(u.value.updateDataSource(s),l&&u.value.clearSelection&&(u.value.clearSelection(),b({id:l.value})))}function b(x){if(!x&&u.value&&u.value.clearSelection&&u.value.clearSelection(),x&&u.value&&u.value.selectItem){const T=s.findIndex(F=>F.originalId===x.id);if(T>-1){u.value.selectItem(T);const F=s[T];l&&(l.value=F.originalId)}else l&&(l.value="")}}return y.expose({selectControlTreeNode:b,refreshControlTree:p}),()=>d.createVNode("div",{class:"designer-control-tree"},[d.createVNode(v.FTreeView,{ref:u,data:s,selectable:m.value,autoCheckChildren:w.value,cascade:S.value,showTreeNodeIcons:h.value,showLines:k.value,newDataItem:e.value,lineColor:r.value,cellHeight:a.value,iconField:"controlIcon",onSelectionChange:c},null)])}});f.ComponentType=g,f.FDesignerOutline=L,f.designerOutlineProps=N,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});
+(function(f,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("vue"),require("../tree-view/index.umd.js"),require("lodash-es")):typeof define=="function"&&define.amd?define(["exports","vue","../tree-view/index.umd.js","lodash-es"],d):(f=typeof globalThis<"u"?globalThis:f||self,d(f["designer-outline"]={},f.Vue,f.treeView,f.LodashES))})(this,function(f,d,v,P){"use strict";const N={data:{type:Object,default:[]},selectable:{type:Boolean,default:!1},autoCheckChildren:{type:Boolean,default:!0},cascade:{type:Boolean,default:!0},showTreeNodeIcons:{type:Boolean,default:!0},showLines:{type:Boolean,default:!1},newDataItem:{type:Object,default:{}},lineColor:{type:String,default:"#9399a0"},cellHeight:{type:Number,default:28}},C={button:{type:"button",name:"按钮",icon:"Button"},"response-toolbar":{type:"response-toolbar",name:"工具栏",icon:"ButtonGroup"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮",icon:"Button"},"content-container":{type:"content-container",name:"容器",icon:"ContentContainer"},"input-group":{type:"input-group",name:"文本",icon:"TextBox"},textarea:{type:"textarea",name:"多行文本",icon:"MultiTextBox"},lookup:{type:"lookup",name:"帮助",icon:"LookupEdit"},"number-spinner":{type:"number-spinner",name:"数值",icon:"NumericBox"},"date-picker":{type:"date-picker",name:"日期",icon:"DateBox"},switch:{type:"switch",name:"开关",icon:"SwitchField"},"radio-group":{type:"radio-group",name:"单选组",icon:"RadioGroup"},"check-box":{type:"check-box",name:"复选框",icon:"CheckBox"},"check-group":{type:"check-group",name:"复选框组",icon:"CheckGroup"},"combo-list":{type:"combo-list",name:"下拉列表",icon:"EnumField"},"response-form":{type:"response-form",name:"卡片面板",icon:"Form"},"response-layout":{type:"response-layout",name:"布局容器",icon:"ResponseLayout3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"ResponseLayout1"},"tree-grid":{type:"tree-grid",name:"树表格",icon:"TreeGrid"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格",icon:"DataGrid"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块",icon:"Module"},component:{type:"component",name:"组件",icon:"Component"},tabs:{type:"tabs",name:"标签页",icon:"Tab"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮",icon:"Button"},"time-picker":{type:"time-picker",name:"时间选择",icon:"TimePicker"},section:{type:"section",name:"分组面板",icon:"Section"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板",icon:"Splitter"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传",icon:"FileUpload"},"page-header":{type:"page-header",name:"页头",icon:"Header"},"page-footer":{type:"page-footer",name:"页脚",icon:"ModalFooter"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏",icon:"TabToolbar"},fieldset:{type:"fieldset",name:"分组",icon:"fieldset"},"query-solution":{type:"query-solution",name:"筛选方案",icon:"QueryScheme"}};var y=(i=>(i.Frame="frame",i.dataGrid="data-grid",i.listView="list-view",i.form="form",i.attachmentPanel="attachment-panel",i.modalFrame="modal-frame",i.table="table",i.appointmentCalendar="appointment-calendar",i))(y||{});function B(i){const g=d.ref("");function u(e){let r="controlIcon mr-2 fd-i-Family ",a="";switch(e==null?void 0:e.type){case"form-group":{a=e.editor&&e.editor.type?`fd_pc-${e.editor.type}`:"";break}default:r+=`fd_pc-${e.type}`}return r+=a,r}function m(e,r){var n;let a=e.id;const t=r==null?void 0:r.contents;if((r==null?void 0:r.type)==="splitter"&&t&&t.length===2){const c=r.direction!=="column";e.id===((n=t[0])==null?void 0:n.id)?a=c?"左侧区域":"上方区域":a=c?"右侧区域":"下方区域"}return a}function w(e){if(e.isLikeCardContainer)return"区块";const r=e.appearance&&e.appearance.class||"",a=r.split(" ");return e.id==="page-header"&&r&&r==="f-page-header"?"页头":a.includes("f-page-header-base")?"页头容器":a.includes("f-page-header-extend")?"页头扩展容器":a.includes("f-title")?"标题容器":a.includes("f-page")?"根容器":a.includes("f-page-main")?"内容区域":a.includes("f-scrollspy-content")&&e.isScrollspyContainer?"滚动监听容器":a.includes("f-grid-is-sub")?"表格容器":a.includes("f-filter-container")?"筛选条容器":"容器"}function S(e){const{componentType:r}=e;switch(r){case y.Frame:return"根组件";case y.dataGrid:case y.table:return(i==null?void 0:i.formSchemaUtils.selectNode(e,t=>t.type===(C["tree-grid"]&&C["tree-grid"].type)))?"树表格组件":"表格组件";case y.attachmentPanel:return"附件组件";case y.listView:return"列表视图组件";case y.modalFrame:return"弹窗页面";case y.appointmentCalendar:return"预约日历组件";default:if(r.startsWith("form"))return"卡片组件"}return"组件"}function h(e,r){const a=e.name||e.text||e.label||e.title||e.mainTitle;if(a&&typeof a=="string")return a.trim();switch(e.type){case"content-container":return w(e);case"splitter-pane":return m(e,r);case"component":return S(e);default:return C[e.type]&&C[e.type].name||e.id}}function k(e){const r=e.length?e[0]:null;g.value=r.originalId;const a=r?`${r.originalId}-design-item`:"",t=document.getElementById(a);t&&t&&t.click()}return{getIcon:u,getTitle:h,onChanged:k,currentSelectedNodeId:g}}function E(i,g){const u=i.data.module?d.ref(i.data.module.components[0]):d.ref(i.data),{getIcon:m,getTitle:w}=g;function S(t,n,c,l){var s;const o=(s=i.data.module)==null?void 0:s.components.find(p=>p.id===t.component);o&&h([o],n,c,l)}function h(t,n,c,l){return t.forEach(o=>{if(o.type==="component-ref"){S(o,n,c,l);return}const s={originalId:o.id,layer:c,originalParent:l==null?void 0:l.id,name:w(o,l),type:o.type,controlIcon:m(o),rawSchema:o};n.push(P.cloneDeep(s)),(o.contents||o.buttons)&&h(o.contents||o.buttons,n,c+1,o)}),n}function k(t){const n=[],c=t.find(p=>p.layer===0);t=t.filter(p=>p.layer!==0),n.push(c);let l=c.originalId,o=0,s=1e3;for(;t.length!==0||s===0;){const p=t.find(b=>b.originalParent===l);p?(n.push(p),l=p.originalId,t=t.filter(b=>b.originalId!==l),o=0):(o-=1,l=n.slice(o)[0].originalId),s-=1}return n}function e(t){return t.forEach((n,c)=>{n.id=(c+1).toString()}),t.forEach(n=>{var c;n.parent=((c=t.find(l=>l.originalId===n.originalParent))==null?void 0:c.id)||""}),t.forEach(n=>{n.hasChildren=t.findIndex(c=>c.parent===n.id)>0}),t}function r(t){const n={originalId:"page",layer:0,originalParent:null,name:"页面",type:"Frame",controlIcon:"fd-i-Family fd_pc-module",rawSchema:u};return t[0].originalParent=n.originalId,t.unshift(n),n}function a(){let t;if(u.value){const n=[];n.push(u.value);const o=h(n,[],1,null);r(o);const s=k(o);t=e(s)}return t}return{getData:a}}const L=d.defineComponent({name:"FDesignerOutline",props:N,emits:["outputValue","currentEvent","selectionChanged"],setup(i,g){const u=d.ref(),m=d.ref(i.selectable),w=d.ref(i.autoCheckChildren),S=d.ref(i.cascade),h=d.ref(i.showTreeNodeIcons),k=d.ref(i.showLines),e=d.ref(i.newDataItem),r=d.ref(i.lineColor),a=d.ref(i.cellHeight),t=d.inject("designer-host-service"),n=B(t),{onChanged:c,currentSelectedNodeId:l}=n,{getData:o}=E(i,n);let s=o();function p(){s=o(),u.value&&u.value.updateDataSource&&(u.value.updateDataSource(s),l&&u.value.clearSelection&&(u.value.clearSelection(),b({id:l.value})))}function b(x){if(!x&&u.value&&u.value.clearSelection&&u.value.clearSelection(),x&&u.value&&u.value.selectItem){const T=s.findIndex(F=>F.originalId===x.id);if(T>-1){u.value.selectItem(T);const F=s[T];l&&(l.value=F.originalId)}else l&&(l.value="")}}return g.expose({selectControlTreeNode:b,refreshControlTree:p}),()=>d.createVNode("div",{class:"designer-control-tree"},[d.createVNode(v.FTreeView,{ref:u,data:s,selectable:m.value,autoCheckChildren:w.value,cascade:S.value,showTreeNodeIcons:h.value,showLines:k.value,newDataItem:e.value,lineColor:r.value,cellHeight:a.value,iconField:"controlIcon",onSelectionChange:c},null)])}});f.ComponentType=y,f.FDesignerOutline=L,f.designerOutlineProps=N,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});

package/components/drawer/index.esm.js

@@ -1,5 +1,6 @@
-import { defineComponent as h, computed as o, createVNode as a, Teleport as p, Transition as d, withModifiers as u } from "vue";
-const m = {
+import { defineComponent as p, computed as l, createVNode as a, Teleport as m, Transition as n, withModifiers as u } from "vue";
+import { withInstall as h } from "../common/index.esm.js";
+const g = {
   /** 背景色 */
   backgroundColor: { type: String, default: "#fff" },
   /** 高度 */
@@ -16,56 +17,56 @@ const m = {
   title: { type: String, default: "" },
   /** 宽度 */
   width: { type: String, default: 300 }
-}, s = /* @__PURE__ */ h({
+}, o = /* @__PURE__ */ p({
   name: "FDrawer",
-  props: m,
+  props: g,
   emits: ["afterClose", "update:modelValue"],
-  setup(e, r) {
-    const l = o(() => ({
+  setup(t, r) {
+    const s = l(() => ({
       "f-drawer-wrapper": !0,
-      [`f-drawer-wrapper-${e.position}`]: !0
-    })), f = o(() => {
-      const t = e.width;
-      return typeof t == "string" ? t : typeof t == "number" ? `${t}px` : "20%";
-    }), c = o(() => {
-      const t = e.height;
-      return typeof t == "string" ? t : typeof t == "number" ? `${t}px` : "20%";
-    }), w = o(() => `f-drawer-${e.position}`), i = () => {
+      [`f-drawer-wrapper-${t.position}`]: !0
+    })), f = l(() => {
+      const e = t.width;
+      return typeof e == "string" ? e : typeof e == "number" ? `${e}px` : "20%";
+    }), c = l(() => {
+      const e = t.height;
+      return typeof e == "string" ? e : typeof e == "number" ? `${e}px` : "20%";
+    }), w = l(() => `f-drawer-${t.position}`), i = () => {
       r.emit("update:modelValue", !1), r.emit("afterClose");
     };
-    return () => a(p, {
+    return () => a(m, {
       to: "body"
     }, {
       default: () => [a("div", {
         class: "f-drawer"
-      }, [a(d, {
+      }, [a(n, {
         name: "f-drawer-mask",
         appear: !0
       }, {
-        default: () => [e.modelValue && e.showMask && a("div", {
+        default: () => [t.modelValue && t.showMask && a("div", {
           class: "f-drawer-mask",
-          onClick: u((t) => {
+          onClick: u((e) => {
             i();
           }, ["stop"])
         }, null)]
-      }), a(d, {
+      }), a(n, {
         name: w.value,
         appear: !0
       }, {
         default: () => {
-          var t, n;
-          return [e.modelValue && a("div", {
-            class: l.value,
+          var e, d;
+          return [t.modelValue && a("div", {
+            class: s.value,
             style: {
               width: f.value,
               height: c.value,
-              backgroundColor: e.backgroundColor
+              backgroundColor: t.backgroundColor
             }
           }, [a("div", {
             class: "f-drawer-container"
           }, [a("div", {
             class: "f-drawer-header"
-          }, [e.showClose && a("div", {
+          }, [t.showClose && a("div", {
             class: "f-drawer-close"
           }, [a("span", {
             class: "f-icon f-icon-close",
@@ -74,25 +75,20 @@ const m = {
             }, ["stop"])
           }, null)]), a("div", {
             class: "f-drawer-title"
-          }, [r.slots.title ? r.slots.title() : e.title])]), a("div", {
+          }, [r.slots.title ? r.slots.title() : t.title])]), a("div", {
             class: "f-drawer-body"
-          }, [(n = (t = r.slots).content) == null ? void 0 : n.call(t)])])])];
+          }, [(d = (e = r.slots).content) == null ? void 0 : d.call(e)])])])];
         }
       })])]
     });
   }
-}), g = (e) => {
-  const r = e;
-  return r.install = function(l) {
-    l.component(r.name, e);
-  }, e;
+});
+o.register = (t, r, s) => {
+  t.drawer = o, r.drawer = o;
 };
-s.register = (e, r, l) => {
-  e.drawer = s, r.drawer = s;
-};
-const C = g(s);
+const k = h(o);
 export {
-  s as FDrawer,
-  C as default,
-  m as drawerProps
+  o as FDrawer,
+  k as default,
+  g as drawerProps
 };

package/components/drawer/index.umd.cjs

@@ -1 +1 @@
-(function(o,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(o=typeof globalThis<"u"?globalThis:o||self,e(o.drawer={},o.Vue))})(this,function(o,e){"use strict";const l={backgroundColor:{type:String,default:"#fff"},height:{type:String,default:300},modelValue:{type:Boolean,default:!1},position:{type:String,default:"right"},showClose:{type:Boolean,default:!0},showMask:{type:Boolean,default:!0},title:{type:String,default:""},width:{type:String,default:300}},d=e.defineComponent({name:"FDrawer",props:l,emits:["afterClose","update:modelValue"],setup(t,a){const i=e.computed(()=>({"f-drawer-wrapper":!0,[`f-drawer-wrapper-${t.position}`]:!0})),u=e.computed(()=>{const r=t.width;return typeof r=="string"?r:typeof r=="number"?`${r}px`:"20%"}),w=e.computed(()=>{const r=t.height;return typeof r=="string"?r:typeof r=="number"?`${r}px`:"20%"}),p=e.computed(()=>`f-drawer-${t.position}`),n=()=>{a.emit("update:modelValue",!1),a.emit("afterClose")};return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode("div",{class:"f-drawer"},[e.createVNode(e.Transition,{name:"f-drawer-mask",appear:!0},{default:()=>[t.modelValue&&t.showMask&&e.createVNode("div",{class:"f-drawer-mask",onClick:e.withModifiers(r=>{n()},["stop"])},null)]}),e.createVNode(e.Transition,{name:p.value,appear:!0},{default:()=>{var r,s;return[t.modelValue&&e.createVNode("div",{class:i.value,style:{width:u.value,height:w.value,backgroundColor:t.backgroundColor}},[e.createVNode("div",{class:"f-drawer-container"},[e.createVNode("div",{class:"f-drawer-header"},[t.showClose&&e.createVNode("div",{class:"f-drawer-close"},[e.createVNode("span",{class:"f-icon f-icon-close",onClick:e.withModifiers(h=>{n()},["stop"])},null)]),e.createVNode("div",{class:"f-drawer-title"},[a.slots.title?a.slots.title():t.title])]),e.createVNode("div",{class:"f-drawer-body"},[(s=(r=a.slots).content)==null?void 0:s.call(r)])])])]}})])]})}}),f=t=>{const a=t;return a.install=function(i){i.component(a.name,t)},t};d.register=(t,a,i)=>{t.drawer=d,a.drawer=d};const c=f(d);o.FDrawer=d,o.default=c,o.drawerProps=l,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a.drawer={},a.Vue,a.common))})(this,function(a,e,f){"use strict";const i={backgroundColor:{type:String,default:"#fff"},height:{type:String,default:300},modelValue:{type:Boolean,default:!1},position:{type:String,default:"right"},showClose:{type:Boolean,default:!0},showMask:{type:Boolean,default:!0},title:{type:String,default:""},width:{type:String,default:300}},d=e.defineComponent({name:"FDrawer",props:i,emits:["afterClose","update:modelValue"],setup(r,o){const n=e.computed(()=>({"f-drawer-wrapper":!0,[`f-drawer-wrapper-${r.position}`]:!0})),u=e.computed(()=>{const t=r.width;return typeof t=="string"?t:typeof t=="number"?`${t}px`:"20%"}),m=e.computed(()=>{const t=r.height;return typeof t=="string"?t:typeof t=="number"?`${t}px`:"20%"}),w=e.computed(()=>`f-drawer-${r.position}`),s=()=>{o.emit("update:modelValue",!1),o.emit("afterClose")};return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>[e.createVNode("div",{class:"f-drawer"},[e.createVNode(e.Transition,{name:"f-drawer-mask",appear:!0},{default:()=>[r.modelValue&&r.showMask&&e.createVNode("div",{class:"f-drawer-mask",onClick:e.withModifiers(t=>{s()},["stop"])},null)]}),e.createVNode(e.Transition,{name:w.value,appear:!0},{default:()=>{var t,l;return[r.modelValue&&e.createVNode("div",{class:n.value,style:{width:u.value,height:m.value,backgroundColor:r.backgroundColor}},[e.createVNode("div",{class:"f-drawer-container"},[e.createVNode("div",{class:"f-drawer-header"},[r.showClose&&e.createVNode("div",{class:"f-drawer-close"},[e.createVNode("span",{class:"f-icon f-icon-close",onClick:e.withModifiers(p=>{s()},["stop"])},null)]),e.createVNode("div",{class:"f-drawer-title"},[o.slots.title?o.slots.title():r.title])]),e.createVNode("div",{class:"f-drawer-body"},[(l=(t=o.slots).content)==null?void 0:l.call(t)])])])]}})])]})}});d.register=(r,o,n)=>{r.drawer=d,o.drawer=d};const c=f.withInstall(d);a.FDrawer=d,a.default=c,a.drawerProps=i,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});