vue-devui 1.5.4 → 1.5.5

package/grid/index.es.js

@@ -31,6 +31,10 @@ const rowProps = {
   wrap: {
     type: Boolean,
     default: false
+  },
+  noOuter: {
+    type: Boolean,
+    default: true
   }
 };
 const numberProp = Number;
@@ -194,10 +198,30 @@ var Row = defineComponent({
       };
     });
     provide("gutterStyle", gutterStyle);
+    const gutterRowStyle = computed(() => {
+      const result = {};
+      if (!props.noOuter) {
+        return result;
+      }
+      if (parseInt(gutterStyle.value.paddingLeft) !== 0) {
+        result["marginLeft"] = `-${gutterStyle.value.paddingLeft}`;
+      }
+      if (parseInt(gutterStyle.value.paddingRight) !== 0) {
+        result["marginRight"] = `-${gutterStyle.value.paddingRight}`;
+      }
+      if (parseInt(gutterStyle.value.paddingTop) !== 0) {
+        result["marginTop"] = `-${gutterStyle.value.paddingTop}`;
+      }
+      if (parseInt(gutterStyle.value.paddingBottom) !== 0) {
+        result["marginBottom"] = `-${gutterStyle.value.paddingBottom}`;
+      }
+      return result;
+    });
     return () => {
       var _a;
       return createVNode("div", {
-        "class": [ns.b(), rowClass.value]
+        "class": [ns.b(), rowClass.value],
+        "style": gutterRowStyle.value
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }

package/grid/index.umd.js

@@ -1 +1 @@
-var I=Object.defineProperty;var _=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var L=(s,n,i)=>n in s?I(s,n,{enumerable:!0,configurable:!0,writable:!0,value:i}):s[n]=i,a=(s,n)=>{for(var i in n||(n={}))J.call(n,i)&&L(s,i,n[i]);if(_)for(var i of _(n))Q.call(n,i)&&L(s,i,n[i]);return s};(function(s,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(s=typeof globalThis!="undefined"?globalThis:s||self,n(s.index={},s.Vue))})(this,function(s,n){"use strict";const i={align:{type:String,default:"top"},gutter:{type:[Number,Object,Array],default:0},justify:{type:String,default:"start"},wrap:{type:Boolean,default:!1}},b=Number,B={flex:[String,Number],order:b},w={offset:b,pull:b,push:b,span:b},d=[Number,Object],x={xs:d,sm:d,md:d,lg:d,xl:d,xxl:d},O=a(a(a({},B),w),x),A=["xxl","xl","lg","md","sm","xs"],C={xs:"screen and (max-width: 575px)",sm:"screen and (min-width: 576px)",md:"screen and (min-width: 768px)",lg:"screen and (min-width: 992px)",xl:"screen and (min-width: 1200px)",xxl:"screen and (min-width: 1600px)"},f=new Map;let j=-1;const y={},R={};function z(){f.forEach(e=>{e(a({},y))})}function U(){Object.keys(C).forEach(e=>{const c=window.matchMedia(C[e]);c.matches&&(y[e]=!0,z());const r=u=>{y[e]=u.matches,z()};c.addEventListener("change",r),R[e]={res:c,listener:r}})}function V(e){return f.size||U(),j+=1,f.set(j,e),e(a({},y)),j}function D(){Object.keys(C).forEach(e=>{const c=R[e];c.res.removeEventListener("change",c.listener)}),f.clear()}function G(e){f.delete(e),f.size===0&&D()}function h(e,c,r){let u=e;return c&&(u+=`__${c}`),r&&(u+=`--${r}`),u}function N(e,c=!1){const r=c?`.devui-${e}`:`devui-${e}`;return{b:()=>h(r),e:t=>t?h(r,t):"",m:t=>t?h(r,"",t):"",em:(t,o)=>t&&o?h(r,t,o):""}}var W="",v=n.defineComponent({name:"DRow",props:i,emits:[],setup(e,{slots:c}){const r=n.ref({}),u=N("row"),l=n.computed(()=>({[u.em("align",e.align)]:!0,[u.em("justify",e.justify)]:!0,[u.e("wrap")]:e.wrap}));let p;n.onMounted(()=>{p=V(t=>{r.value=t})}),n.onUnmounted(()=>{G(p)});const g=n.computed(()=>{if(!e.gutter)return{};let t=[0,0];Array.isArray(e.gutter)?t=e.gutter:typeof e.gutter=="number"?t=[e.gutter,0]:A.some(T=>{const $=e.gutter[T];return r.value[T]&&$?(typeof $=="number"?t=[$,0]:t=$,!0):!1});const o=`${(t[0]||0)/2}px`,M=`${(t[0]||0)/2}px`,S=`${(t[1]||0)/2}px`,H=`${(t[1]||0)/2}px`;return{paddingLeft:o,paddingRight:M,paddingTop:S,paddingBottom:H}});return n.provide("gutterStyle",g),()=>{var t;return n.createVNode("div",{class:[u.b(),l.value]},[(t=c.default)==null?void 0:t.call(c)])}}});const m=N("col");function K(e){return n.computed(()=>({[m.em("span",e.span?String(e.span):"")]:!0,[m.em("offset",e.offset?String(e.offset):"")]:!0,[m.em("pull",e.pull?String(e.pull):"")]:!0,[m.em("push",e.push?String(e.push):"")]:!0}))}function P(e){return` ${e.trim()}${e&&" "}`}function q(e){const c=Object.keys(e).filter(r=>r in x);return n.computed(()=>c.reduce((r,u)=>{const l=typeof e[u];if(l==="number")r=`${P(r)}${m.em(u,`span-${e[u]}`)}`;else if(l==="object"){const g=Object.keys(e[u]).filter(t=>t in w).reduce((t,o)=>{const S=e[u][o];return typeof S!="number"?"":(t=`${P(t)}${m.em(u,`${o}-${S}`)}`,t)},"");r=`${P(r)}${g}`}return r},""))}var X="",E=n.defineComponent({name:"DCol",props:O,setup(e,{slots:c}){const r=N("col"),u=o=>typeof o=="number"?`${o} ${o} auto`:/^\d+(\.\d+)?(px|rem|em|%)$/.test(o)?`0 0 ${o}`:o,l=K(e),p=q(e),g=n.computed(()=>({flex:u(e.flex),order:e.order})),t=n.inject("gutterStyle");return()=>{var o;return n.createVNode("div",{class:[r.b(),l.value,p.value],style:a(a({},g.value),t==null?void 0:t.value)},[(o=c.default)==null?void 0:o.call(c)])}}}),F={title:"Grid \u6805\u683C",category:"\u5E03\u5C40",status:"100%",install(e){e.component(v.name,v),e.component(E.name,E)}};s.Col=E,s.Row=v,s.colProps=O,s.colPropsBaseClass=w,s.colPropsBaseStyle=B,s.default=F,s.rowProps=i,s.screenSizes=x,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="Module"});
+var J=Object.defineProperty;var M=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var _=(r,n,i)=>n in r?J(r,n,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[n]=i,d=(r,n)=>{for(var i in n||(n={}))Q.call(n,i)&&_(r,i,n[i]);if(M)for(var i of M(n))W.call(n,i)&&_(r,i,n[i]);return r};(function(r,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(r=typeof globalThis!="undefined"?globalThis:r||self,n(r.index={},r.Vue))})(this,function(r,n){"use strict";const i={align:{type:String,default:"top"},gutter:{type:[Number,Object,Array],default:0},justify:{type:String,default:"start"},wrap:{type:Boolean,default:!1},noOuter:{type:Boolean,default:!0}},b=Number,R={flex:[String,Number],order:b},w={offset:b,pull:b,push:b,span:b},f=[Number,Object],v={xs:f,sm:f,md:f,lg:f,xl:f,xxl:f},E=d(d(d({},R),w),v),I=["xxl","xl","lg","md","sm","xs"],x={xs:"screen and (max-width: 575px)",sm:"screen and (min-width: 576px)",md:"screen and (min-width: 768px)",lg:"screen and (min-width: 992px)",xl:"screen and (min-width: 1200px)",xxl:"screen and (min-width: 1600px)"},m=new Map;let C=-1;const y={},O={};function T(){m.forEach(e=>{e(d({},y))})}function A(){Object.keys(x).forEach(e=>{const u=window.matchMedia(x[e]);u.matches&&(y[e]=!0,T());const s=a=>{y[e]=a.matches,T()};u.addEventListener("change",s),O[e]={res:u,listener:s}})}function U(e){return m.size||A(),C+=1,m.set(C,e),e(d({},y)),C}function V(){Object.keys(x).forEach(e=>{const u=O[e];u.res.removeEventListener("change",u.listener)}),m.clear()}function D(e){m.delete(e),m.size===0&&V()}function h(e,u,s){let a=e;return u&&(a+=`__${u}`),s&&(a+=`--${s}`),a}function j(e,u=!1){const s=u?`.devui-${e}`:`devui-${e}`;return{b:()=>h(s),e:o=>o?h(s,o):"",m:o=>o?h(s,"",o):"",em:(o,t)=>o&&t?h(s,o,t):""}}var X="",N=n.defineComponent({name:"DRow",props:i,emits:[],setup(e,{slots:u}){const s=n.ref({}),a=j("row"),l=n.computed(()=>({[a.em("align",e.align)]:!0,[a.em("justify",e.justify)]:!0,[a.e("wrap")]:e.wrap}));let p;n.onMounted(()=>{p=U(t=>{s.value=t})}),n.onUnmounted(()=>{D(p)});const c=n.computed(()=>{if(!e.gutter)return{};let t=[0,0];Array.isArray(e.gutter)?t=e.gutter:typeof e.gutter=="number"?t=[e.gutter,0]:I.some(z=>{const S=e.gutter[z];return s.value[z]&&S?(typeof S=="number"?t=[S,0]:t=S,!0):!1});const L=`${(t[0]||0)/2}px`,$=`${(t[0]||0)/2}px`,F=`${(t[1]||0)/2}px`,H=`${(t[1]||0)/2}px`;return{paddingLeft:L,paddingRight:$,paddingTop:F,paddingBottom:H}});n.provide("gutterStyle",c);const o=n.computed(()=>{const t={};return e.noOuter&&(parseInt(c.value.paddingLeft)!==0&&(t.marginLeft=`-${c.value.paddingLeft}`),parseInt(c.value.paddingRight)!==0&&(t.marginRight=`-${c.value.paddingRight}`),parseInt(c.value.paddingTop)!==0&&(t.marginTop=`-${c.value.paddingTop}`),parseInt(c.value.paddingBottom)!==0&&(t.marginBottom=`-${c.value.paddingBottom}`)),t});return()=>{var t;return n.createVNode("div",{class:[a.b(),l.value],style:o.value},[(t=u.default)==null?void 0:t.call(u)])}}});const g=j("col");function G(e){return n.computed(()=>({[g.em("span",e.span?String(e.span):"")]:!0,[g.em("offset",e.offset?String(e.offset):"")]:!0,[g.em("pull",e.pull?String(e.pull):"")]:!0,[g.em("push",e.push?String(e.push):"")]:!0}))}function B(e){return` ${e.trim()}${e&&" "}`}function K(e){const u=Object.keys(e).filter(s=>s in v);return n.computed(()=>u.reduce((s,a)=>{const l=typeof e[a];if(l==="number")s=`${B(s)}${g.em(a,`span-${e[a]}`)}`;else if(l==="object"){const c=Object.keys(e[a]).filter(o=>o in w).reduce((o,t)=>{const $=e[a][t];return typeof $!="number"?"":(o=`${B(o)}${g.em(a,`${t}-${$}`)}`,o)},"");s=`${B(s)}${c}`}return s},""))}var Y="",P=n.defineComponent({name:"DCol",props:E,setup(e,{slots:u}){const s=j("col"),a=t=>typeof t=="number"?`${t} ${t} auto`:/^\d+(\.\d+)?(px|rem|em|%)$/.test(t)?`0 0 ${t}`:t,l=G(e),p=K(e),c=n.computed(()=>({flex:a(e.flex),order:e.order})),o=n.inject("gutterStyle");return()=>{var t;return n.createVNode("div",{class:[s.b(),l.value,p.value],style:d(d({},c.value),o==null?void 0:o.value)},[(t=u.default)==null?void 0:t.call(u)])}}}),q={title:"Grid \u6805\u683C",category:"\u5E03\u5C40",status:"100%",install(e){e.component(N.name,N),e.component(P.name,P)}};r.Col=P,r.Row=N,r.colProps=E,r.colPropsBaseClass=w,r.colPropsBaseStyle=R,r.default=q,r.rowProps=i,r.screenSizes=v,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});

package/nuxt/components/Carousel.js

@@ -0,0 +1,3 @@
+import '../../carousel/style.css' 
+
+export  { Carousel as default } from '../../carousel/index.es.js'

package/nuxt/components/CarouselItem.js

@@ -0,0 +1,3 @@
+import '../../carousel/style.css' 
+
+export  { CarouselItem as default } from '../../carousel/index.es.js'

package/nuxt/components/CodeReview.js

@@ -0,0 +1,3 @@
+import '../../code-review/style.css' 
+
+export  { CodeReview as default } from '../../code-review/index.es.js'

package/nuxt/components/EditorMd.js

@@ -0,0 +1,3 @@
+import '../../editor-md/style.css' 
+
+export  { EditorMd as default } from '../../editor-md/index.es.js'

package/nuxt/components/EditorMdInjectionKey.js

@@ -0,0 +1,3 @@
+import '../../editor-md/style.css' 
+
+export  { EditorMdInjectionKey as default } from '../../editor-md/index.es.js'

package/nuxt/components/MdRender.js

@@ -0,0 +1,3 @@
+import '../../editor-md/style.css' 
+
+export  { MdRender as default } from '../../editor-md/index.es.js'

package/nuxt/components/codeReviewProps.js

@@ -0,0 +1,3 @@
+import '../../code-review/style.css' 
+
+export  { codeReviewProps as default } from '../../code-review/index.es.js'

package/nuxt/components/editorMdProps.js

@@ -0,0 +1,3 @@
+import '../../editor-md/style.css' 
+
+export  { editorMdProps as default } from '../../editor-md/index.es.js'

package/nuxt/components/mdRenderProps.js

@@ -0,0 +1,3 @@
+import '../../editor-md/style.css' 
+
+export  { mdRenderProps as default } from '../../editor-md/index.es.js'

package/nuxt/components/mdToolbarItemProps.js

@@ -0,0 +1,3 @@
+import '../../editor-md/style.css' 
+
+export  { mdToolbarItemProps as default } from '../../editor-md/index.es.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.5.4",
+  "version": "1.5.5",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [
@@ -30,17 +30,24 @@
     "@devui-design/icons": "^1.3.0",
     "@floating-ui/dom": "^0.4.4",
     "@types/lodash-es": "^4.17.4",
+    "@types/codemirror": "0.0.97",
+    "codemirror": "5.63.3",
+    "highlight.js": "10.7.3",
+    "markdown-it": "12.2.0",
+    "mermaid": "9.1.1",
+    "xss": "^1.0.14",
     "@vue/shared": "^3.2.33",
     "@vueuse/core": "8.9.4",
     "async-validator": "^4.0.7",
     "clipboard-copy": "^4.0.1",
     "dayjs": "^1.11.3",
     "devui-theme": "^0.0.1",
+    "diff2html": "^3.4.35",
     "fs-extra": "^10.0.0",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.20",
     "mitt": "^3.0.0",
-    "vue-router": "^4.0.3",
-    "monaco-editor": "0.34.0"
+    "monaco-editor": "0.34.0",
+    "vue-router": "^4.0.3"
   }
 }