@farris/ui-vue 1.0.2 → 1.1.1

package/loading/index.esm.js

@@ -1,124 +0,0 @@
-import { defineComponent as A, ref as y, onMounted as I, createVNode as l, createApp as T, onUnmounted as H } from "vue";
-const N = {
-  showMessage: { type: Boolean, default: !0 },
-  message: { type: String, default: "加载中，请稍后..." },
-  debug: { type: Boolean, default: !1 },
-  isActive: { type: Boolean, default: !1 }
-}, B = [
-  '<div class="f-loading-round"></div>',
-  `<div class="f-loading-dot-wrapper">
-      <div class="f-loading-dot">
-          <div class="dot dot1"></div>
-          <div class="dot dot2"></div>
-          <div class="dot dot3"></div>
-          <div class="dot dot4"></div>
-      </div>
-  </div>`,
-  '<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-coffee"><defs><linearGradient id="gradient" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="10%" stop-color="black" stop-opacity="0"></stop><stop offset="100%" stop-color="white" stop-opacity="1"></stop></linearGradient><mask id="mask" maskUnits="userSpaceOnUse" x="0" y="0" width="100" height="100"><rect x="22" y="8" width="56" height="54" fill="url(#gradient)"></rect></mask><path id="steam" d="M0-4c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0 c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9h0c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9" stroke-width="6" stroke-linecap="round" fill="#f00" stroke="#58a8f6"></path></defs><g mask="url(#mask)"><use x="29" y="1.00876" href="#steam"><animate attributeName="y" calcMode="linear" values="4;-14" keyTimes="0;1" dur="0.5" begin="0s" repeatCount="indefinite"></animate></use><use x="47" y="-5.98248" href="#steam"><animate attributeName="y" calcMode="linear" values="0;-18" keyTimes="0;1" dur="0.25" begin="0s" repeatCount="indefinite"></animate></use><use x="64" y="-8.48686" href="#steam"><animate attributeName="y" calcMode="linear" values="-4;-22" keyTimes="0;1" dur="0.3333333333333333" begin="0s" repeatCount="indefinite"></animate></use></g><path d="M81.2,52.5l-5.2,0V49c0-1.6-1.3-3-3-3H20c-1.6,0-3,1.3-3,3v11.6C17,71.3,25.7,80,36.5,80h20.1 c7.1,0,13.3-3.8,16.7-9.5h8.3c5.2,0,9.3-4.4,9-9.6C90.2,56.1,86,52.5,81.2,52.5z M81.5,67.5h-6.8c0.8-2.2,1.3-4.5,1.3-7v-5h5.5 c3.3,0,6,2.7,6,6S84.8,67.5,81.5,67.5z" fill="#58a8f6"></path><path d="M78.8,88H19.2c-1.1,0-2-0.9-2-2s0.9-2,2-2h59.5c1.1,0,2,0.9,2,2S79.9,88,78.8,88z" fill="rgba(80.78431372549018%,94.50980392156862%,72.15686274509802%,0)"></path></svg>'
-];
-const f = /* @__PURE__ */ A({
-  name: "FLoading",
-  props: N,
-  emits: ["closed"],
-  setup(o, n) {
-    const v = B, m = y(!0), h = 30, k = 0, p = y(null), d = y(null);
-    I(() => {
-      var a, r, e, i;
-      if (m.value) {
-        const s = p.value;
-        (a = s == null ? void 0 : s.style) == null || a.setProperty("display", "block");
-        const t = d.value;
-        (r = t == null ? void 0 : t.style) == null || r.setProperty("left", "0"), S(), (e = t == null ? void 0 : t.style) == null || e.removeProperty("visibility"), (i = t == null ? void 0 : t.style) == null || i.removeProperty("left");
-      }
-    });
-    function M() {
-      p.value && p.value.remove(), d.value && d.value.remove(), m.value = !1, document.documentElement.removeAttribute("class"), n.emit("closed", m);
-    }
-    function S() {
-      var t, u, g, b, x, w;
-      const a = (t = d.value) == null ? void 0 : t.clientWidth, r = (u = d.value) == null ? void 0 : u.clientHeight, e = d.value, i = p.value;
-      if (a && r) {
-        (g = e == null ? void 0 : e.style) == null || g.setProperty("marginTop", -r / 2 + "px");
-        let z = -a / 2 + "px";
-        (b = e == null ? void 0 : e.style) == null || b.setProperty("marginLeft", z);
-      }
-      const s = P();
-      (x = i == null ? void 0 : i.style) == null || x.setProperty("zIndex", (s + 1).toString()), (w = e == null ? void 0 : e.style) == null || w.setProperty("zIndex", (s + 1).toString());
-    }
-    function P(a = 1) {
-      const r = ["body>.f-datagrid-settings-simple-host", "body>div", "body>farris-dialog>.farris-modal.show", "body>.farris-modal.show", "body>farris-filter-panel>.f-filter-panel-wrapper", "body .f-sidebar-show>.f-sidebar-main", "body>.popover.show", "body>filter-row-panel>.f-datagrid-filter-panel", "body>.f-section-maximize"], e = Array.from(document.body.querySelectorAll(r.join(","))).filter((s) => s).map((s) => {
-        const {
-          display: t,
-          zIndex: u
-        } = window.getComputedStyle(s);
-        return t === "none" ? 0 : parseInt(u, 10);
-      }).filter((s) => s);
-      let i = Math.max(...e);
-      return i < 1040 && (i = 1040), i + a;
-    }
-    const L = (a) => {
-      o.debug && (a.stopPropagation(), M());
-    };
-    return () => l("div", null, [l("div", {
-      ref: p,
-      class: "farris-loading-backdrop loading-wait",
-      onClick: L
-    }, null), l("div", {
-      ref: d,
-      class: "farris-loading",
-      style: "visibility: hidden"
-    }, [l("div", {
-      class: "ng-busy-default-wrapper"
-    }, [l("div", {
-      class: "ng-busy-default-sign"
-    }, [l("div", {
-      style: [{
-        display: "inline-block"
-      }, {
-        margin: "4px"
-      }, {
-        width: h + "px"
-      }, {
-        height: h + "px"
-      }],
-      innerHTML: v[k]
-    }, null), o.showMessage && l("div", {
-      class: "ng-busy-default-text",
-      style: "margin-left:0;",
-      innerHTML: o.message
-    }, null)])])])]);
-  }
-});
-let c = null;
-function G(o) {
-  const n = document.createElement("div");
-  n.style.display = "contents", c = T({
-    setup() {
-      return H(() => {
-        document.body.removeChild(n);
-      }), () => l(f, {
-        message: o.message
-      }, null);
-    }
-  }), document.body.appendChild(n), c.mount(n);
-}
-class U {
-  static show(n) {
-    c || G({
-      message: n
-    });
-  }
-  static close() {
-    c && (c.unmount(), c = null);
-  }
-}
-const C = {
-  install(o) {
-    o.component(f.name, f), o.provide("LoadingService", U);
-  }
-};
-export {
-  f as Loading,
-  C as default,
-  N as loadingProps
-};

package/loading/index.umd.js

@@ -1,8 +0,0 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.loading={},n.Vue))})(this,function(n,e){"use strict";const g={showMessage:{type:Boolean,default:!0},message:{type:String,default:"加载中，请稍后..."},debug:{type:Boolean,default:!1},isActive:{type:Boolean,default:!1}},M=['<div class="f-loading-round"></div>',`<div class="f-loading-dot-wrapper">
-      <div class="f-loading-dot">
-          <div class="dot dot1"></div>
-          <div class="dot dot2"></div>
-          <div class="dot dot3"></div>
-          <div class="dot dot4"></div>
-      </div>
-  </div>`,'<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-coffee"><defs><linearGradient id="gradient" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="10%" stop-color="black" stop-opacity="0"></stop><stop offset="100%" stop-color="white" stop-opacity="1"></stop></linearGradient><mask id="mask" maskUnits="userSpaceOnUse" x="0" y="0" width="100" height="100"><rect x="22" y="8" width="56" height="54" fill="url(#gradient)"></rect></mask><path id="steam" d="M0-4c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0 c2.1,2.6,2.1,6.4,0,9l0,0c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9c-2.1,2.6-2.1,6.4,0,9l0,0c2.1,2.6,2.1,6.4,0,9l0,0 c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9h0c-2.1,2.6-2.1,6.4,0,9h0c2.1,2.6,2.1,6.4,0,9" stroke-width="6" stroke-linecap="round" fill="#f00" stroke="#58a8f6"></path></defs><g mask="url(#mask)"><use x="29" y="1.00876" href="#steam"><animate attributeName="y" calcMode="linear" values="4;-14" keyTimes="0;1" dur="0.5" begin="0s" repeatCount="indefinite"></animate></use><use x="47" y="-5.98248" href="#steam"><animate attributeName="y" calcMode="linear" values="0;-18" keyTimes="0;1" dur="0.25" begin="0s" repeatCount="indefinite"></animate></use><use x="64" y="-8.48686" href="#steam"><animate attributeName="y" calcMode="linear" values="-4;-22" keyTimes="0;1" dur="0.3333333333333333" begin="0s" repeatCount="indefinite"></animate></use></g><path d="M81.2,52.5l-5.2,0V49c0-1.6-1.3-3-3-3H20c-1.6,0-3,1.3-3,3v11.6C17,71.3,25.7,80,36.5,80h20.1 c7.1,0,13.3-3.8,16.7-9.5h8.3c5.2,0,9.3-4.4,9-9.6C90.2,56.1,86,52.5,81.2,52.5z M81.5,67.5h-6.8c0.8-2.2,1.3-4.5,1.3-7v-5h5.5 c3.3,0,6,2.7,6,6S84.8,67.5,81.5,67.5z" fill="#58a8f6"></path><path d="M78.8,88H19.2c-1.1,0-2-0.9-2-2s0.9-2,2-2h59.5c1.1,0,2,0.9,2,2S79.9,88,78.8,88z" fill="rgba(80.78431372549018%,94.50980392156862%,72.15686274509802%,0)"></path></svg>'],j="",u=e.defineComponent({name:"FLoading",props:g,emits:["closed"],setup(a,l){const h=M,y=e.ref(!0),v=30,L=0,f=e.ref(null),r=e.ref(null);e.onMounted(()=>{var d,c,t,o;if(y.value){const i=f.value;(d=i==null?void 0:i.style)==null||d.setProperty("display","block");const s=r.value;(c=s==null?void 0:s.style)==null||c.setProperty("left","0"),z(),(t=s==null?void 0:s.style)==null||t.removeProperty("visibility"),(o=s==null?void 0:s.style)==null||o.removeProperty("left")}});function T(){f.value&&f.value.remove(),r.value&&r.value.remove(),y.value=!1,document.documentElement.removeAttribute("class"),l.emit("closed",y)}function z(){var s,m,b,w,x,k;const d=(s=r.value)==null?void 0:s.clientWidth,c=(m=r.value)==null?void 0:m.clientHeight,t=r.value,o=f.value;if(d&&c){(b=t==null?void 0:t.style)==null||b.setProperty("marginTop",-c/2+"px");let H=-d/2+"px";(w=t==null?void 0:t.style)==null||w.setProperty("marginLeft",H)}const i=A();(x=o==null?void 0:o.style)==null||x.setProperty("zIndex",(i+1).toString()),(k=t==null?void 0:t.style)==null||k.setProperty("zIndex",(i+1).toString())}function A(d=1){const c=["body>.f-datagrid-settings-simple-host","body>div","body>farris-dialog>.farris-modal.show","body>.farris-modal.show","body>farris-filter-panel>.f-filter-panel-wrapper","body .f-sidebar-show>.f-sidebar-main","body>.popover.show","body>filter-row-panel>.f-datagrid-filter-panel","body>.f-section-maximize"],t=Array.from(document.body.querySelectorAll(c.join(","))).filter(i=>i).map(i=>{const{display:s,zIndex:m}=window.getComputedStyle(i);return s==="none"?0:parseInt(m,10)}).filter(i=>i);let o=Math.max(...t);return o<1040&&(o=1040),o+d}const I=d=>{a.debug&&(d.stopPropagation(),T())};return()=>e.createVNode("div",null,[e.createVNode("div",{ref:f,class:"farris-loading-backdrop loading-wait",onClick:I},null),e.createVNode("div",{ref:r,class:"farris-loading",style:"visibility: hidden"},[e.createVNode("div",{class:"ng-busy-default-wrapper"},[e.createVNode("div",{class:"ng-busy-default-sign"},[e.createVNode("div",{style:[{display:"inline-block"},{margin:"4px"},{width:v+"px"},{height:v+"px"}],innerHTML:h[L]},null),a.showMessage&&e.createVNode("div",{class:"ng-busy-default-text",style:"margin-left:0;",innerHTML:a.message},null)])])])])}});let p=null;function S(a){const l=document.createElement("div");l.style.display="contents",p=e.createApp({setup(){return e.onUnmounted(()=>{document.body.removeChild(l)}),()=>e.createVNode(u,{message:a.message},null)}}),document.body.appendChild(l),p.mount(l)}class P{static show(l){p||S({message:l})}static close(){p&&(p.unmount(),p=null)}}const N={install(a){a.component(u.name,u),a.provide("LoadingService",P)}};n.Loading=u,n.default=N,n.loadingProps=g,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/loading/package.json

@@ -1,8 +0,0 @@
-{
-    "name": "loading",
-    "version": "1.0.3",
-    "main": "index.umd.js",
-    "module": "index.esm.js",
-    "style": "style.css",
-    "types": "../types/loading/index.d.ts"
-}

package/loading/style.css

@@ -1 +0,0 @@
-.loading-wait{cursor:wait}.farris-loading-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2001;background:#cccccc;opacity:.3}.farris-loading{position:absolute;top:50%;left:50%}.ng-busy-default-wrapper{text-align:center}.ng-busy-default-sign{position:relative;display:inline-block;z-index:2003;padding:12px 14px;border:1px solid #d8d8d8;border-radius:4px;box-shadow:0 1px 2px #0000000d;background:#f8f8f8;color:#333}.ng-busy-default-text{display:inline-block;margin-left:6px;max-width:400px;font-size:14px;text-align:left}.ng-busy-default-spinner{position:relative;display:inline-block;width:25px;height:25px;vertical-align:middle}.ng-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:10%;height:26%;background:#666;border-radius:50px;box-shadow:0 0 3px #0003;opacity:0;-webkit-animation:busy-spinner-anim 1s linear infinite;animation:busy-spinner-anim 1s linear infinite}.ng-busy-default-spinner .bar1{-webkit-transform:rotate(0deg) translate(0,-142%);transform:rotate(0) translateY(-142%);-webkit-animation-delay:-1s;animation-delay:-1s}.ng-busy-default-spinner .bar2{-webkit-transform:rotate(30deg) translate(0,-142%);transform:rotate(30deg) translateY(-142%);-webkit-animation-delay:-.91666667s;animation-delay:-.91666667s}.ng-busy-default-spinner .bar3{-webkit-transform:rotate(60deg) translate(0,-142%);transform:rotate(60deg) translateY(-142%);-webkit-animation-delay:-.83333333s;animation-delay:-.83333333s}.ng-busy-default-spinner .bar4{-webkit-transform:rotate(90deg) translate(0,-142%);transform:rotate(90deg) translateY(-142%);-webkit-animation-delay:-.75s;animation-delay:-.75s}.ng-busy-default-spinner .bar5{-webkit-transform:rotate(120deg) translate(0,-142%);transform:rotate(120deg) translateY(-142%);-webkit-animation-delay:-.66666667s;animation-delay:-.66666667s}.ng-busy-default-spinner .bar6{-webkit-transform:rotate(150deg) translate(0,-142%);transform:rotate(150deg) translateY(-142%);-webkit-animation-delay:-.58333333s;animation-delay:-.58333333s}.ng-busy-default-spinner .bar7{-webkit-transform:rotate(180deg) translate(0,-142%);transform:rotate(180deg) translateY(-142%);-webkit-animation-delay:-.5s;animation-delay:-.5s}.ng-busy-default-spinner .bar8{-webkit-transform:rotate(210deg) translate(0,-142%);transform:rotate(210deg) translateY(-142%);-webkit-animation-delay:-.41666667s;animation-delay:-.41666667s}.ng-busy-default-spinner .bar9{-webkit-transform:rotate(240deg) translate(0,-142%);transform:rotate(240deg) translateY(-142%);-webkit-animation-delay:-.33333333s;animation-delay:-.33333333s}.ng-busy-default-spinner .bar10{-webkit-transform:rotate(270deg) translate(0,-142%);transform:rotate(270deg) translateY(-142%);-webkit-animation-delay:-.25s;animation-delay:-.25s}.ng-busy-default-spinner .bar11{-webkit-transform:rotate(300deg) translate(0,-142%);transform:rotate(300deg) translateY(-142%);-webkit-animation-delay:-.16666667s;animation-delay:-.16666667s}.ng-busy-default-spinner .bar12{-webkit-transform:rotate(330deg) translate(0,-142%);transform:rotate(330deg) translateY(-142%);-webkit-animation-delay:-.08333333s;animation-delay:-.08333333s}@-webkit-keyframes busy-spinner-anim{0%{opacity:1}to{opacity:.25}}@keyframes busy-spinner-anim{0%{opacity:1}to{opacity:.25}}