@farris/ui-vue 1.0.0-beta.2 → 1.0.0-beta.4

package/message-box/index.umd.js

@@ -0,0 +1 @@
+(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d["message-box"]={},d.Vue))})(this,function(d,e){"use strict";const J={type:{Type:String,default:"info"},title:{Type:String,default:""},detail:{Type:String,default:""},okButtonText:{Type:String,default:"\u786E\u5B9A"},cancelButtonText:{Type:String,default:"\u53D6\u6D88"},exceptionInfo:{Type:Object,default:{date:"",message:"",detail:""}}};function O(){return new DOMException("The request is not allowed","NotAllowedError")}async function Z(o){if(!navigator.clipboard)throw O();return navigator.clipboard.writeText(o)}async function ee(o){const l=document.createElement("span");l.textContent=o,l.style.whiteSpace="pre",l.style.webkitUserSelect="auto",l.style.userSelect="all",document.body.appendChild(l);const t=window.getSelection(),n=window.document.createRange();t==null||t.removeAllRanges(),n.selectNode(l),t==null||t.addRange(n);let r=!1;try{r=window.document.execCommand("copy")}finally{t==null||t.removeAllRanges(),window.document.body.removeChild(l)}if(!r)throw O()}async function te(o){try{await Z(o)}catch(l){try{await ee(o)}catch(t){throw t||l||O()}}}function oe(o,l){async function t(n){await te(n)}return{onCopy:t}}const B=e.defineComponent({name:"FMessageBox",props:J,emits:["accept","reject","close"],setup(o,l){const t=e.ref(o.type),n=e.ref(o.title),r=e.ref(o.detail),c=e.ref(o.exceptionInfo);e.ref("");const C=e.ref(14),u=e.ref(140);e.ref(""),e.ref("");const h=e.ref(!1),g=e.ref(""),T=e.ref(r.value.length),m=e.ref([]),V=e.ref(o.okButtonText),x=e.ref(o.cancelButtonText),F=e.ref(!0),E=e.ref(!0),A=e.ref(!0),k=e.ref("\u590D\u5236\u8BE6\u7EC6\u4FE1\u606F"),b=e.ref(3),$=e.ref(480),w=e.computed(()=>{const a={"modal-tips":!0,"d-flex":!0,"flex-row":!0},p=`messager-type-${t.value}`;return a[p]=!0,a}),v=e.computed(()=>{const a={};return t.value==="prompt"?a.padding="0.5rem 0.5rem 1rem 1.5rem":t.value==="error"&&(a.padding="0.5rem 1.5rem 1rem 1.5rem"),a}),H=e.computed(()=>{const a={"f-icon":!0},p=`f-icon-${t.value}`;return a[p]=!0,a}),D=e.computed(()=>n.value||c.value&&c.value.message),S=e.computed(()=>r.value),z=e.computed(()=>!!r.value),I=e.computed(()=>!!c.value),R=e.computed(()=>!!c.value&&!!c.value.date),_=e.computed(()=>`\u53D1\u751F\u65F6\u95F4 : ${c.value&&c.value.date||""}`),q=e.computed(()=>!!c.value&&!!c.value.detail),L=e.computed(()=>{const a=`${$.value}px`;return{overflow:"hidden","text-overflow":"ellipsis",display:"-webkit-box","-webkit-box-orient":"vertical","-webkit-line-clamp":b.value,"max-height":a}}),M=e.computed(()=>c.value&&c.value.detail||""),P=e.computed(()=>!0),f=e.ref(!1),U=e.ref("\u5C55\u5F00"),W=e.ref("\u6536\u8D77"),G=e.computed(()=>{const a={display:"block",color:"#2A87FF"};return a["text-align"]=f.value?"":"right",a});function s(a,p){f.value=!f.value,b.value=f.value?20:3}function y(a){return s()}function i(a){return s()}const N=e.computed(()=>({"font-size":`${C.value}px`,height:"100%"}));function ce(a){if(a.currentTarget){const p=a.currentTarget.value||"";T.value=p.length}}e.computed(()=>h.value&&u.value);const re=e.computed(()=>!(m.value&&m.value.length)&&(V.value||x.value));e.computed(()=>t.value==="prompt"&&F.value);const ie=e.computed(()=>E.value&&x.value),de=e.computed(()=>A.value&&V.value);function ue(a){t.value==="question"&&l.emit("reject"),l.emit("close")}function pe(a){t.value==="question"&&l.emit("accept"),l.emit("close")}const me=e.computed(()=>!!(m.value&&m.value.length)),Q=e.computed(()=>c.value&&c.value.date&&c.value.message&&c.value.detail),{onCopy:fe}=oe(),X=e.ref("\u590D\u5236\u6210\u529F"),j=e.ref(!1);function Y(a){fe(M.value).catch(p=>{X.value="\u590D\u5236\u5931\u8D25"}).finally(()=>{j.value=!0,setTimeout(()=>{j.value=!1},700)})}const ye=e.computed(()=>{const a={position:"absolute",left:"50%",top:"50%",width:"100px",height:"40px",background:"#303C53","line-height":"40px","text-align":"center","margin-left":"-30px","margin-top":"-50px","border-radius":"10px","box-shadow":"0px 2px 8px 0px",color:"#fff",transition:"all .3s ease"};return a.opacity=j.value?"0.8":"0",a.display=j.value?"":"none",a});return()=>e.createVNode("div",{class:"farris-messager"},[t.value!=="prompt"&&e.createVNode("section",{class:w.value,style:v.value},[e.createVNode("div",{class:"float-left modal-tips-iconwrap"},[e.createVNode("span",{class:H.value},null)]),e.createVNode("div",{class:"modal-tips-content"},[e.createVNode("p",{class:"toast-msg-title",innerHTML:D.value},null),z.value&&e.createVNode("p",{class:"toast-msg-detail",innerHTML:S.value},null),I.value&&e.createVNode("div",{class:"toast-msg-detail"},[R.value&&e.createVNode("div",null,[_.value]),q.value&&e.createVNode("div",{id:"exception_error_msg",ref:"exceptionMessageRef",style:L.value},[e.createTextVNode("\u8BE6\u7EC6\u4FE1\u606F : "),e.createVNode("span",{innerHTML:M.value},null)]),P.value&&e.createVNode("span",{style:G.value},[f.value&&e.createVNode("span",{onClick:y,style:"cursor: pointer;"},[W.value]),!f.value&&e.createVNode("span",{onClick:i,style:"cursor: pointer;"},[U.value])])])])]),t.value==="prompt"&&e.createVNode(e.Fragment,null,[e.createVNode("section",{class:w.value,style:v.value},[e.createVNode("div",{class:"flex-fill fixdiv mb-1 mr-3"},[e.createVNode("textarea",{title:"promptMessage",name:"promptMessage",class:"form-control",style:N.value,rows:"4",maxlength:u.value,onInput:a=>ce(a)},[S.value])])]),e.createVNode("span",{class:"textarea-wordcount",title:g.value,style:"position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"},[T.value+" / "+u.value])]),re.value&&e.createVNode("div",{class:"modal-footer"},[Q.value&&e.createVNode("span",{style:"width: 100%;color: #2A87FF;padding-left: 37px;"},[e.createVNode("span",{onClick:Y,style:"cursor: pointer;"},[k.value])]),ie.value&&e.createVNode("button",{type:"button",class:"btn btn-secondary btn-lg",onClick:ue},[x.value]),de.value&&e.createVNode("button",{type:"button",class:"btn btn-primary btn-lg",onClick:pe},[V.value])]),me.value&&e.createVNode("div",{class:"modal-footer"},[Q.value&&e.createVNode("span",{style:"width: 100%;color: #2A87FF;padding-left: 37px;"},[e.createVNode("span",{onClick:Y,style:"cursor: pointer;"},[k.value])]),m.value.length&&m.value.map(a=>e.createVNode("button",{type:"button",onClick:a.handle,class:a.class},[a.iconClass&&e.createVNode("span",{class:a.iconClass},null),a.text]))]),e.createVNode("div",{style:ye.value},[X.value])])}}),ae={class:{type:String,default:""},title:{type:String,default:""},width:{type:Number,default:500},height:{type:Number,default:320},buttons:{type:Array,default:[]},modelValue:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0}},le=e.defineComponent({name:"FModal",props:ae,emits:["update:modelValue"],setup(o,l){const t=e.ref(o.width),n=e.ref(o.height),r=e.ref(o.modelValue),c=e.ref(""),C=e.ref(o.class),u=e.ref(!0),h=e.ref(o.showHeader),g=e.ref(""),T=e.ref(!0),m=e.ref(!1),V=e.ref(!1),x=e.ref(""),F=e.ref(""),E=e.ref(""),A=e.ref(o.showButtons),k=e.ref(o.title);function b(s,y){r.value=!1,l.emit("update:modelValue",!1)}const $=[{text:"\u53D6\u6D88",class:"btn btn-light",handle:s=>{b()}},{text:"\u786E\u5B9A",class:"btn btn-primary",handle:s=>{b()}}],w=e.ref(o.buttons&&o.buttons.length?o.buttons:$),v=e.computed(()=>!!g.value),H=e.computed(()=>!!A.value&&!!w.value);e.ref(),e.ref(),e.watch(()=>o.modelValue,()=>{r.value=o.modelValue});const D=e.ref(!1),S=e.computed(()=>r.value),z=e.computed(()=>{const s={modal:!0,"farris-modal":!0};return s["f-modal-fitContent"]=u.value,s}),I=e.computed(()=>({display:S.value?"block":"none !important"})),R=e.computed(()=>{const s={"modal-dialog":!0};return C.value.split(" ").reduce((i,N)=>(i[N]=!0,i),s),s}),_=e.computed(()=>({position:"absolute",top:"50%",left:"50%",width:`${t.value}px`,height:u.value?"auto":`${n.value}px`,"margin-left":`${0-t.value/2}px`,"margin-top":u.value?"auto":`${0-n.value/2}px`})),q=e.computed(()=>({"modal-content":!0,"modal-content-has-header":h.value})),L=e.computed(()=>({display:h.value?"":"none"})),M=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:D.value})),P=e.computed(()=>({height:"10px","z-index":1,display:h.value?"none":""})),f=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":x.value==="iframe"}));function U(){return{}}const W=e.computed(()=>{const s={textAlgin:E.value},y=U();return Object.assign(s,y)});function G(s){}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var s,y;return[e.createVNode("div",{class:z.value,style:I.value},[e.createVNode("div",{id:c.value,class:R.value,style:_.value},[e.createVNode("div",{class:q.value},[e.createVNode("div",{ref:"modalHeaderRef",class:"modal-header",style:L.value},[e.createVNode("div",{class:"modal-title"},[v.value&&e.createVNode("span",{class:g.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[k.value])]),e.createVNode("div",{class:"actions"},[e.createVNode("ul",null,[V.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),m.value&&e.createVNode("li",{onClick:G,class:"f-btn-icon f-bare"},[e.createVNode("span",{class:M.value},null)]),T.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:i=>b()},[e.createVNode("span",{class:"f-icon modal_close"},null)])])])]),e.createVNode("div",{ref:"dragableElementRef",class:"f-utils-absolute-all",style:P.value},null),e.createVNode("div",{class:f.value},[(y=(s=l.slots).default)==null?void 0:y.call(s),x.value==="iframe"&&e.createVNode("iframe",{title:c.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:F.value},null)]),H.value&&e.createVNode("div",{class:"modal-footer",style:W.value},[w.value&&w.value.map(i=>e.createVNode("button",{type:"button",class:i.class,onClick:N=>{i.handle&&i.handle(N)}},[!!i.iconClass&&e.createVNode("span",{class:i.iconClass},[i.text]),!i.iconClass&&e.createVNode("span",null,[i.text])]))])])])])]}})}});function ne(o,l){const t=document.createElement("div");t.style.display="contents";const n=e.createApp({setup(){e.onUnmounted(()=>{document.body.removeChild(t)});const r=e.ref(!0),c=o.type==="error"||o.type==="prompt",C=o.type==="error"?"\u9519\u8BEF\u63D0\u793A":o.type==="prompt"?o.title:"",u=o.acceptCallback||(()=>{}),h=o.rejectCallback||(()=>{});return()=>e.createVNode(le,{class:"modal-message modal-message-type-info",title:C,modelValue:r.value,"onUpdate:modelValue":g=>r.value=g,"show-header":c,"show-buttons":!1},{default:()=>[e.createVNode(B,e.mergeProps(o,{onAccept:u,onReject:h,onClose:n.unmount}),null)]})}});return document.body.appendChild(t),n.mount(t),n}class K{static show(l){const t=e.reactive({...l});ne(t)}static info(l,t){const n=e.reactive({type:"info",title:l,detail:t,okButtonText:"\u77E5\u9053\u4E86",cancelButtonText:""});this.show(n)}static warning(l,t){const n=e.reactive({type:"warning",title:l,detail:t,okButtonText:"\u77E5\u9053\u4E86",cancelButtonText:""});this.show(n)}static success(l,t){const n=e.reactive({type:"success",title:l,detail:t,okButtonText:"\u5173\u95ED",cancelButtonText:""});this.show(n)}static error(l,t,n){const r=e.reactive({type:"error",okButtonText:"\u5173\u95ED",cancelButtonText:"",exceptionInfo:{date:n,message:l,detail:t}});this.show(r)}static prompt(l,t){const n=e.reactive({type:"prompt",title:l,detail:t,okButtonText:"\u786E\u5B9A",cancelButtonText:"\u53D6\u6D88"});this.show(n)}static question(l,t,n,r){const c=e.reactive({type:"question",title:l,detail:t,okButtonText:"\u786E\u5B9A",cancelButtonText:"\u53D6\u6D88",acceptCallback:n,rejectCallback:r});this.show(c)}}const se={install(o){o.component(B.name,B),o.provide("MessageBoxService",K)}};d.FMessageBox=B,d.MessageBoxService=K,d.default=se,d.messageBoxProps=J,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/message-box/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "message-box",
+    "version": "1.0.0-beta.5",
+    "main": "index.umd.js",
+    "module": "index.es.js",
+    "style": "style.css",
+    "types": "../types/message-box/index.d.ts"
+}

package/modal/index.esm.js

@@ -0,0 +1,165 @@
+import { defineComponent as J, ref as t, computed as s, watch as K, createVNode as e, Teleport as L } from "vue";
+const Q = {
+  class: { type: String, default: "" },
+  title: { type: String, default: "" },
+  width: { type: Number, default: 500 },
+  height: { type: Number, default: 320 },
+  buttons: {
+    type: Array,
+    default: []
+  },
+  modelValue: { type: Boolean, default: !1 },
+  showHeader: { type: Boolean, default: !0 },
+  showButtons: { type: Boolean, default: !0 }
+}, p = J({
+  name: "FModal",
+  props: Q,
+  emits: ["update:modelValue"],
+  setup(a, v) {
+    const f = t(a.width), b = t(a.height), c = t(a.modelValue), y = t(""), C = t(a.class), u = t(!0), i = t(a.showHeader), h = t(""), j = t(!0), x = t(!1), O = t(!1), g = t(""), w = t(""), S = t(""), B = t(a.showButtons), V = t(a.title);
+    function d(l, o) {
+      c.value = !1, v.emit("update:modelValue", !1);
+    }
+    const $ = [{
+      text: "\u53D6\u6D88",
+      class: "btn btn-light",
+      handle: (l) => {
+        d();
+      }
+    }, {
+      text: "\u786E\u5B9A",
+      class: "btn btn-primary",
+      handle: (l) => {
+        d();
+      }
+    }], r = t(a.buttons && a.buttons.length ? a.buttons : $), z = s(() => !!h.value), H = s(() => !!B.value && !!r.value);
+    t(), t(), K(() => a.modelValue, () => {
+      c.value = a.modelValue;
+    });
+    const M = t(!1), A = s(() => c.value), F = s(() => {
+      const l = {
+        modal: !0,
+        "farris-modal": !0
+      };
+      return l["f-modal-fitContent"] = u.value, l;
+    }), k = s(() => ({
+      display: A.value ? "block" : "none !important"
+    })), D = s(() => {
+      const l = {
+        "modal-dialog": !0
+      };
+      return C.value.split(" ").reduce((n, m) => (n[m] = !0, n), l), l;
+    }), I = s(() => ({
+      position: "absolute",
+      top: "50%",
+      left: "50%",
+      width: `${f.value}px`,
+      height: u.value ? "auto" : `${b.value}px`,
+      "margin-left": `${0 - f.value / 2}px`,
+      "margin-top": u.value ? "auto" : `${0 - b.value / 2}px`
+    })), N = s(() => ({
+      "modal-content": !0,
+      "modal-content-has-header": i.value
+    })), _ = s(() => ({
+      display: i.value ? "" : "none"
+    })), E = s(() => ({
+      "f-icon": !0,
+      modal_maximize: !0,
+      modalrevert: M.value
+    })), R = s(() => ({
+      height: "10px",
+      "z-index": 1,
+      display: i.value ? "none" : ""
+    })), T = s(() => ({
+      "modal-body": !0,
+      "f-utils-flex-column": g.value === "iframe"
+    }));
+    function P() {
+      return {};
+    }
+    const q = s(() => {
+      const l = {
+        textAlgin: S.value
+      }, o = P();
+      return Object.assign(l, o);
+    });
+    function G(l) {
+    }
+    return () => e(L, {
+      to: "body"
+    }, {
+      default: () => {
+        var l, o;
+        return [e("div", {
+          class: F.value,
+          style: k.value
+        }, [e("div", {
+          id: y.value,
+          class: D.value,
+          style: I.value
+        }, [e("div", {
+          class: N.value
+        }, [e("div", {
+          ref: "modalHeaderRef",
+          class: "modal-header",
+          style: _.value
+        }, [e("div", {
+          class: "modal-title"
+        }, [z.value && e("span", {
+          class: h.value,
+          style: "margin-right: 8px"
+        }, null), e("span", {
+          class: "modal-title-label"
+        }, [V.value])]), e("div", {
+          class: "actions"
+        }, [e("ul", null, [O.value && e("li", {
+          class: "f-btn-icon f-bare"
+        }, [e("span", {
+          class: "f-icon modal_minimize"
+        }, null)]), x.value && e("li", {
+          onClick: G,
+          class: "f-btn-icon f-bare"
+        }, [e("span", {
+          class: E.value
+        }, null)]), j.value && e("li", {
+          class: "f-btn-icon f-bare",
+          onClick: (n) => d()
+        }, [e("span", {
+          class: "f-icon modal_close"
+        }, null)])])])]), e("div", {
+          ref: "dragableElementRef",
+          class: "f-utils-absolute-all",
+          style: R.value
+        }, null), e("div", {
+          class: T.value
+        }, [(o = (l = v.slots).default) == null ? void 0 : o.call(l), g.value === "iframe" && e("iframe", {
+          title: y.value,
+          class: "f-utils-fill",
+          width: "100%",
+          frameborder: "0",
+          src: w.value
+        }, null)]), H.value && e("div", {
+          class: "modal-footer",
+          style: q.value
+        }, [r.value && r.value.map((n) => e("button", {
+          type: "button",
+          class: n.class,
+          onClick: (m) => {
+            n.handle && n.handle(m);
+          }
+        }, [!!n.iconClass && e("span", {
+          class: n.iconClass
+        }, [n.text]), !n.iconClass && e("span", null, [n.text])]))])])])])];
+      }
+    });
+  }
+}), W = {
+  install(a) {
+    a.component(p.name, p);
+  }
+};
+export {
+  p as FModal,
+  W as default,
+  Q as modalProps
+};

package/modal/index.umd.js

@@ -0,0 +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.modal={},o.Vue))})(this,function(o,e){"use strict";const m={class:{type:String,default:""},title:{type:String,default:""},width:{type:Number,default:500},height:{type:Number,default:320},buttons:{type:Array,default:[]},modelValue:{type:Boolean,default:!1},showHeader:{type:Boolean,default:!0},showButtons:{type:Boolean,default:!0}},n=e.defineComponent({name:"FModal",props:m,emits:["update:modelValue"],setup(l,b){const y=e.ref(l.width),h=e.ref(l.height),c=e.ref(l.modelValue),p=e.ref(""),C=e.ref(l.class),d=e.ref(!0),r=e.ref(l.showHeader),V=e.ref(""),j=e.ref(!0),O=e.ref(!1),x=e.ref(!1),g=e.ref(""),w=e.ref(""),S=e.ref(""),B=e.ref(l.showButtons),M=e.ref(l.title);function i(t,s){c.value=!1,b.emit("update:modelValue",!1)}const $=[{text:"\u53D6\u6D88",class:"btn btn-light",handle:t=>{i()}},{text:"\u786E\u5B9A",class:"btn btn-primary",handle:t=>{i()}}],u=e.ref(l.buttons&&l.buttons.length?l.buttons:$),z=e.computed(()=>!!V.value),F=e.computed(()=>!!B.value&&!!u.value);e.ref(),e.ref(),e.watch(()=>l.modelValue,()=>{c.value=l.modelValue});const H=e.ref(!1),A=e.computed(()=>c.value),T=e.computed(()=>{const t={modal:!0,"farris-modal":!0};return t["f-modal-fitContent"]=d.value,t}),_=e.computed(()=>({display:A.value?"block":"none !important"})),k=e.computed(()=>{const t={"modal-dialog":!0};return C.value.split(" ").reduce((a,f)=>(a[f]=!0,a),t),t}),v=e.computed(()=>({position:"absolute",top:"50%",left:"50%",width:`${y.value}px`,height:d.value?"auto":`${h.value}px`,"margin-left":`${0-y.value/2}px`,"margin-top":d.value?"auto":`${0-h.value/2}px`})),D=e.computed(()=>({"modal-content":!0,"modal-content-has-header":r.value})),I=e.computed(()=>({display:r.value?"":"none"})),P=e.computed(()=>({"f-icon":!0,modal_maximize:!0,modalrevert:H.value})),E=e.computed(()=>({height:"10px","z-index":1,display:r.value?"none":""})),R=e.computed(()=>({"modal-body":!0,"f-utils-flex-column":g.value==="iframe"}));function q(){return{}}const G=e.computed(()=>{const t={textAlgin:S.value},s=q();return Object.assign(t,s)});function J(t){}return()=>e.createVNode(e.Teleport,{to:"body"},{default:()=>{var t,s;return[e.createVNode("div",{class:T.value,style:_.value},[e.createVNode("div",{id:p.value,class:k.value,style:v.value},[e.createVNode("div",{class:D.value},[e.createVNode("div",{ref:"modalHeaderRef",class:"modal-header",style:I.value},[e.createVNode("div",{class:"modal-title"},[z.value&&e.createVNode("span",{class:V.value,style:"margin-right: 8px"},null),e.createVNode("span",{class:"modal-title-label"},[M.value])]),e.createVNode("div",{class:"actions"},[e.createVNode("ul",null,[x.value&&e.createVNode("li",{class:"f-btn-icon f-bare"},[e.createVNode("span",{class:"f-icon modal_minimize"},null)]),O.value&&e.createVNode("li",{onClick:J,class:"f-btn-icon f-bare"},[e.createVNode("span",{class:P.value},null)]),j.value&&e.createVNode("li",{class:"f-btn-icon f-bare",onClick:a=>i()},[e.createVNode("span",{class:"f-icon modal_close"},null)])])])]),e.createVNode("div",{ref:"dragableElementRef",class:"f-utils-absolute-all",style:E.value},null),e.createVNode("div",{class:R.value},[(s=(t=b.slots).default)==null?void 0:s.call(t),g.value==="iframe"&&e.createVNode("iframe",{title:p.value,class:"f-utils-fill",width:"100%",frameborder:"0",src:w.value},null)]),F.value&&e.createVNode("div",{class:"modal-footer",style:G.value},[u.value&&u.value.map(a=>e.createVNode("button",{type:"button",class:a.class,onClick:f=>{a.handle&&a.handle(f)}},[!!a.iconClass&&e.createVNode("span",{class:a.iconClass},[a.text]),!a.iconClass&&e.createVNode("span",null,[a.text])]))])])])])]}})}}),N={install(l){l.component(n.name,n)}};o.FModal=n,o.default=N,o.modalProps=m,Object.defineProperties(o,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/modal/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "modal",
+    "version": "1.0.0-beta.5",
+    "main": "index.umd.js",
+    "module": "index.es.js",
+    "style": "style.css",
+    "types": "../types/modal/index.d.ts"
+}

package/notify/index.esm.js

@@ -0,0 +1,187 @@
+import { defineComponent as w, ref as b, computed as u, watch as $, createVNode as n, Fragment as x, reactive as k, createApp as B, onUnmounted as j, mergeProps as M } from "vue";
+const H = {
+  limit: { type: Number, default: 5 },
+  showCloseButton: { type: Boolean, default: !0 },
+  position: { type: String, default: "top-center" },
+  timeout: { type: Number, default: 3e3 },
+  theme: { type: String, default: "bootstrap" },
+  left: { type: Number },
+  right: { type: Number },
+  top: { type: Number },
+  bottom: { type: Number },
+  id: { type: String },
+  animate: { type: String, default: "fadeIn" },
+  toasts: { type: Array },
+  options: { type: Object }
+}, L = {
+  animate: { type: String, default: "fadeIn" },
+  options: { type: Object }
+};
+const T = w({
+  name: "Toast",
+  props: L,
+  emits: ["close", "click"],
+  setup: (e, l) => {
+    const a = b(e.animate), i = "fadeOut", t = u(() => e.options), r = b(!1), m = u(() => {
+      const s = {
+        animated: r.value,
+        toast: !0
+      };
+      return s[e.animate] = !1, s[i] = r.value, s[t.value.type] = !0, t.value.theme && (s[t.value.theme] = !0), s;
+    }), p = u(() => {
+      const S = `f-icon-${t.value && t.value.type ? t.value.type.replace("toasty-type-", "") : "default"}`, O = {
+        "f-icon": !0
+      };
+      return O[S] = !0, O;
+    }), f = u(() => t.value.title || t.value.msg), y = u(() => t.value.title && t.value.msg), h = u(() => !t.value.title && t.value.msg), g = u(() => !0), o = u(() => !!t.value.buttons || !!l.slots.default);
+    function c(s) {
+      s.stopPropagation(), s.preventDefault(), r.value = !1, setTimeout(() => {
+        l.emit("close", t.value);
+      }, 200);
+    }
+    function d(s, v) {
+    }
+    function I(s) {
+      return `f-preten-link ${s.customClass ? s.customClass : ""}`;
+    }
+    $(a, () => {
+      a.value;
+    });
+    const N = () => {
+      var s;
+      return n(x, null, [n("div", {
+        class: "after-toast-msg text-right"
+      }, [!l.slots.default && ((s = t.value.buttons) == null ? void 0 : s.map((v) => n("span", {
+        class: I(v),
+        onClick: (S) => void 0
+      }, [v.text]))), l.slots.default && l.slots.default()])]);
+    };
+    return () => n("div", {
+      class: m.value
+    }, [g.value && n("button", {
+      title: "close",
+      class: "toast-close f-btn-icon f-bare",
+      onClick: c
+    }, [n("span", {
+      class: "f-icon modal_close"
+    }, null)]), f.value && n("section", {
+      class: "modal-tips"
+    }, [n("div", {
+      class: "float-left modal-tips-iconwrap"
+    }, [n("span", {
+      class: p
+    }, null)]), n("div", {
+      class: "modal-tips-content"
+    }, [y.value && n(x, null, [n("h5", {
+      class: "toast-title modal-tips-title",
+      innerHTML: t.value.title
+    }, null), n("p", {
+      class: "toast-msg",
+      innerHTML: t.value.msg
+    }, null), o.value && N()]), h.value && (t.value.buttons ? n("div", {
+      class: "toast-title-btns-wrapper d-flex"
+    }, [n("h5", {
+      class: "toast-title modal-tips-title only-toast-msg",
+      innerHTML: t.value.msg
+    }, null), n("div", {
+      class: "after-toast-title text-right ml-auto"
+    }, [N()])]) : n("h5", {
+      class: "toast-title modal-tips-title only-toast-msg",
+      innerHTML: t.value.msg
+    }, null))])])]);
+  }
+}), C = w({
+  name: "Notify",
+  props: H,
+  emits: ["close", "empty"],
+  setup(e, l) {
+    const a = u(() => ({
+      "farris-notify": !0
+    })), i = {
+      left: 12,
+      right: 12,
+      top: 136,
+      bottom: 12
+    }, t = b(e.toasts || []), r = u(() => {
+      const o = {
+        left: e.position.indexOf("left") > -1 ? `${e.left ? e.left : i.left}px` : "",
+        right: e.position.indexOf("right") > -1 ? `${e.right ? e.right : i.right}px` : "",
+        top: e.position.indexOf("top") > -1 ? `${e.top ? e.top : i.top}px` : "",
+        bottom: e.position.indexOf("bottom") > -1 ? `${e.bottom ? e.bottom : i.bottom}px` : ""
+      };
+      return e.position.indexOf("center") && (o.left = "50%", o.transform = "translate(-50%, -50%)"), o;
+    });
+    function m(o) {
+      l.emit("close");
+    }
+    function p(o) {
+      t.value.length >= e.limit && t.value.shift(), t.value.push(o);
+    }
+    function f(o) {
+      o && o.onRemove && o.onRemove.call(o);
+    }
+    function y(o) {
+      const c = t.value.findIndex((d) => d.id === o);
+      if (c > -1) {
+        const d = t.value[c];
+        f(d), t.value.splice(c, 1);
+      }
+    }
+    function h() {
+      t.value.forEach((o) => f(o)), t.value.length = 0, l.emit("empty");
+    }
+    l.expose({
+      addToast: p,
+      clear: y,
+      clearAll: h,
+      closeToast: m
+    });
+    function g(o, c) {
+      m();
+    }
+    return () => n("div", {
+      id: e.id,
+      class: a.value,
+      style: r.value
+    }, [t.value.map((o) => n(T, {
+      options: o,
+      animate: e.animate,
+      onClose: (c) => g()
+    }, null))]);
+  }
+});
+function P(e, l) {
+  const a = document.createElement("div");
+  a.style.display = "contents";
+  const i = B({
+    setup() {
+      return j(() => {
+        document.body.removeChild(a);
+      }), () => n(C, M(e, {
+        onClose: i.unmount
+      }), null);
+    }
+  });
+  return document.body.appendChild(a), i.mount(a), i;
+}
+class R {
+  static show(l) {
+    const a = k({
+      ...l
+    });
+    P(a);
+  }
+}
+const E = {
+  install(e) {
+    e.component(C.name, C), e.component(T.name, T), e.provide("NotifyService", R);
+  }
+};
+export {
+  C as Notify,
+  R as NotifyService,
+  T as Toast,
+  E as default,
+  H as notifyProps,
+  L as toastProps
+};

package/notify/index.umd.js

@@ -0,0 +1 @@
+(function(s,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(s=typeof globalThis<"u"?globalThis:s||self,t(s.notify={},s.Vue))})(this,function(s,t){"use strict";const v={limit:{type:Number,default:5},showCloseButton:{type:Boolean,default:!0},position:{type:String,default:"top-center"},timeout:{type:Number,default:3e3},theme:{type:String,default:"bootstrap"},left:{type:Number},right:{type:Number},top:{type:Number},bottom:{type:Number},id:{type:String},animate:{type:String,default:"fadeIn"},toasts:{type:Array},options:{type:Object}},V={animate:{type:String,default:"fadeIn"},options:{type:Object}},j="",d=t.defineComponent({name:"Toast",props:V,emits:["close","click"],setup:(o,l)=>{const i=t.ref(o.animate),c="fadeOut",e=t.computed(()=>o.options),r=t.ref(!1),m=t.computed(()=>{const a={animated:r.value,toast:!0};return a[o.animate]=!1,a[c]=r.value,a[e.value.type]=!0,e.value.theme&&(a[e.value.theme]=!0),a}),g=t.computed(()=>{const O=`f-icon-${e.value&&e.value.type?e.value.type.replace("toasty-type-",""):"default"}`,w={"f-icon":!0};return w[O]=!0,w}),p=t.computed(()=>e.value.title||e.value.msg),N=t.computed(()=>e.value.title&&e.value.msg),b=t.computed(()=>!e.value.title&&e.value.msg),T=t.computed(()=>!0),n=t.computed(()=>!!e.value.buttons||!!l.slots.default);function u(a){a.stopPropagation(),a.preventDefault(),r.value=!1,setTimeout(()=>{l.emit("close",e.value)},200)}function y(a,h){}function x(a){return`f-preten-link ${a.customClass?a.customClass:""}`}t.watch(i,()=>{i.value});const S=()=>{var a;return t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"after-toast-msg text-right"},[!l.slots.default&&((a=e.value.buttons)==null?void 0:a.map(h=>t.createVNode("span",{class:x(h),onClick:O=>void 0},[h.text]))),l.slots.default&&l.slots.default()])])};return()=>t.createVNode("div",{class:m.value},[T.value&&t.createVNode("button",{title:"close",class:"toast-close f-btn-icon f-bare",onClick:u},[t.createVNode("span",{class:"f-icon modal_close"},null)]),p.value&&t.createVNode("section",{class:"modal-tips"},[t.createVNode("div",{class:"float-left modal-tips-iconwrap"},[t.createVNode("span",{class:g},null)]),t.createVNode("div",{class:"modal-tips-content"},[N.value&&t.createVNode(t.Fragment,null,[t.createVNode("h5",{class:"toast-title modal-tips-title",innerHTML:e.value.title},null),t.createVNode("p",{class:"toast-msg",innerHTML:e.value.msg},null),n.value&&S()]),b.value&&(e.value.buttons?t.createVNode("div",{class:"toast-title-btns-wrapper d-flex"},[t.createVNode("h5",{class:"toast-title modal-tips-title only-toast-msg",innerHTML:e.value.msg},null),t.createVNode("div",{class:"after-toast-title text-right ml-auto"},[S()])]):t.createVNode("h5",{class:"toast-title modal-tips-title only-toast-msg",innerHTML:e.value.msg},null))])])])}}),f=t.defineComponent({name:"Notify",props:v,emits:["close","empty"],setup(o,l){const i=t.computed(()=>({"farris-notify":!0})),c={left:12,right:12,top:136,bottom:12},e=t.ref(o.toasts||[]),r=t.computed(()=>{const n={left:o.position.indexOf("left")>-1?`${o.left?o.left:c.left}px`:"",right:o.position.indexOf("right")>-1?`${o.right?o.right:c.right}px`:"",top:o.position.indexOf("top")>-1?`${o.top?o.top:c.top}px`:"",bottom:o.position.indexOf("bottom")>-1?`${o.bottom?o.bottom:c.bottom}px`:""};return o.position.indexOf("center")&&(n.left="50%",n.transform="translate(-50%, -50%)"),n});function m(n){l.emit("close")}function g(n){e.value.length>=o.limit&&e.value.shift(),e.value.push(n)}function p(n){n&&n.onRemove&&n.onRemove.call(n)}function N(n){const u=e.value.findIndex(y=>y.id===n);if(u>-1){const y=e.value[u];p(y),e.value.splice(u,1)}}function b(){e.value.forEach(n=>p(n)),e.value.length=0,l.emit("empty")}l.expose({addToast:g,clear:N,clearAll:b,closeToast:m});function T(n,u){m()}return()=>t.createVNode("div",{id:o.id,class:i.value,style:r.value},[e.value.map(n=>t.createVNode(d,{options:n,animate:o.animate,onClose:u=>T()},null))])}});function I(o,l){const i=document.createElement("div");i.style.display="contents";const c=t.createApp({setup(){return t.onUnmounted(()=>{document.body.removeChild(i)}),()=>t.createVNode(f,t.mergeProps(o,{onClose:c.unmount}),null)}});return document.body.appendChild(i),c.mount(i),c}class C{static show(l){const i=t.reactive({...l});I(i)}}const $={install(o){o.component(f.name,f),o.component(d.name,d),o.provide("NotifyService",C)}};s.Notify=f,s.NotifyService=C,s.Toast=d,s.default=$,s.notifyProps=v,s.toastProps=V,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/notify/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "notify",
+    "version": "1.0.0-beta.5",
+    "main": "index.umd.js",
+    "module": "index.es.js",
+    "style": "style.css",
+    "types": "../types/notify/index.d.ts"
+}

package/notify/style.css

@@ -0,0 +1 @@
+.toast-title-beforeshow{opacity:0}@-webkit-keyframes farrisMoveUpIn{0%{transform:translateY(-100%);transform-origin:0 0;opacity:0}to{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes farrisMoveUpIn{0%{transform:translateY(-100%);transform-origin:0 0;opacity:0}to{transform:translateY(0);transform-origin:0 0;opacity:1}}@-webkit-keyframes farrisMoveUpOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}to{transform:translateY(-100%);transform-origin:0 0;opacity:0}}@keyframes farrisMoveUpOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}to{transform:translateY(-100%);transform-origin:0 0;opacity:0}}.toast.fadeIn{-webkit-animation:farrisMoveUpIn .2s linear;animation:farrisMoveUpIn .2s linear}.toast.fadeOut{-webkit-animation:farrisMoveUpOut .2s linear;animation:farrisMoveUpOut .2s linear}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@farris/ui-vue",
   "private": false,
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.4",
   "license": "Apache-2.0",
   "description": "Farris Vue, a Farris Design based Vue3 component library.",
   "keywords": [
@@ -16,9 +16,9 @@
     "type": "git",
     "url": "git@gitee.com:ubml/farris-vue.git"
   },
-  "main": "./src/index.umd.js",
-  "module": "./src/index.esm.js",
-  "style": "./src/style.css",
+  "main": "./farris.all.umd.js",
+  "module": "./farris.all.esm.js",
+  "style": "./style.css",
   "dependencies": {
     "@types/lodash-es": "^4.17.4",
     "@vue/shared": "^3.2.0",
@@ -27,5 +27,6 @@
     "bignumber.js": "^9.1.1",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.20"
-  }
+  },
+  "types": "./types/index.d.ts"
 }