fower-plugin-layout - npm Package Compare versions

Comparing version 1.4.0 to 1.5.0

dist/fower-plugin-layout.cjs.development.js

@@ -20,2 +20,9 @@ 'use strict';
 var toCenterY = 'toCenterY';
+var selfTop = 'selfTop';
+var selfRight = 'selfRight';
+var selfBottom = 'selfBottom';
+var selfLeft = 'selfLeft';
+var selfCenter = 'selfCenter';
+var selfStretch = 'selfCenter';
+var selfAuto = 'selfAuto';
 var flexStart = 'flex-start';
@@ -27,3 +34,3 @@ var flexEnd = 'flex-end';
 var center = 'center';
-var layoutToolkits = [toLeft, toRight, toTop, toBottom, toCenter, toCenterX, toCenterY, toBetween, toAround, toEvenly]; // TODO: should refactor
+var layoutToolkits = [toLeft, toRight, toTop, toBottom, toCenter, toCenterX, toCenterY, toBetween, toAround, toEvenly, selfTop, selfRight, selfBottom, selfLeft, selfCenter, selfStretch]; // TODO: should refactor
 
@@ -86,3 +93,3 @@ function getFlexDirection(props) {
   }
-  /** 设置样式 */
+  /** 设置container样式 */
 
@@ -106,3 +113,15 @@
   }
+  /** 设置 self align样式 */
 
+
+  if ([selfTop, selfLeft].includes(key)) {
+    style.alignSelf = flexStart;
+  } else if ([selfBottom, selfRight].includes(key)) {
+    style.alignSelf = flexEnd;
+  } else if (key === selfCenter) {
+    style.alignSelf = center;
+  } else if (key === selfAuto) {
+    style.alignSelf = 'auto';
+  }
+
   return style;
@@ -109,0 +128,0 @@ }

dist/fower-plugin-layout.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@fower/atom"),t=require("@fower/parser"),n="row",r="column",o="toTop",i="toLeft",s="toRight",l="toBottom",a="toBetween",c="toAround",u="toEvenly",d="toCenterX",f="toCenterY",p=[i,s,o,l,"toCenter",d,f,a,c,u];function m(e){if(void 0===e&&(e={}),e.flexDirection)return e.flexDirection;var t=["row","column"],n=Object.keys(e).reverse().find((function(e){return t.includes(e)}));if(n)return n;var r=e.className,o=(void 0===r?"":r).split(/\s+/).find((function(e){return["flexDirection-column","flexDirection-row"].includes(e)}));return o?o.replace("flexDirection-",""):"row"}function x(e){return[n,r].includes(e)||p.includes(e)}function y(e,t){if("direction"!==e){var n={},r="";return m(t).startsWith("row")?([i,s,d,a,c,u].includes(e)&&(r="justifyContent"),[o,l,f].includes(e)&&(r="alignItems")):([o,l,f,a,c,u].includes(e)&&(r="justifyContent"),[i,s,d].includes(e)&&(r="alignItems")),[o,i].includes(e)?n[r]="flex-start":[l,s].includes(e)?n[r]="flex-end":[d,f].includes(e)?n[r]="center":e===a?n[r]="space-between":e===c?n[r]="space-around":e===u?n[r]="space-evenly":"toCenter"===e&&(n.justifyContent="center",n.alignItems="center"),n}}exports.default=function(){return{isMatch:x,beforeHandleAtom:function(e,t){var n=m(t.props);return e.id.startsWith("row-")||e.id.startsWith("column-")||(e.id=n+"-"+e.id),e},handleAtom:function(e,t){return[n,r].includes(e.propKey)?(e.isValid=!1,e.handled=!0,e):(e.style=y(e.key,t.props),e)},afterAtomStyleCreate:function(n){if(n.atoms.length&&n.atoms.find((function(e){return x(e.key)}))){var r=m(n.props),o="flexDirection-"+r,i=t.atomCache.get(o);if(i)n.addAtom(i);else{var s=new e.Atom({propKey:o,propValue:!0,handled:!0,style:{flexDirection:r}});s.createClassName(n.config.prefix),n.addAtom(s)}var l=t.atomCache.get("flex");if(l)n.addAtom(l);else{var a=new e.Atom({propKey:"flex",propValue:!0,handled:!0,style:{display:"flex"}});a.createClassName(n.config.prefix),n.addAtom(a)}}}}},exports.getFlexDirection=m,exports.isMatch=x,exports.toStyle=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@fower/atom"),t=require("@fower/parser"),n="row",r="column",o="toTop",i="toLeft",l="toRight",s="toBottom",a="toBetween",f="toAround",c="toEvenly",u="toCenterX",d="toCenterY",p="selfTop",m="selfRight",x="selfBottom",y="selfLeft",g=[i,l,o,s,"toCenter",u,d,a,f,c,p,m,x,y,"selfCenter","selfCenter"];function v(e){if(void 0===e&&(e={}),e.flexDirection)return e.flexDirection;var t=["row","column"],n=Object.keys(e).reverse().find((function(e){return t.includes(e)}));if(n)return n;var r=e.className,o=(void 0===r?"":r).split(/\s+/).find((function(e){return["flexDirection-column","flexDirection-row"].includes(e)}));return o?o.replace("flexDirection-",""):"row"}function C(e){return[n,r].includes(e)||g.includes(e)}function h(e,t){if("direction"!==e){var n={},r="";return v(t).startsWith("row")?([i,l,u,a,f,c].includes(e)&&(r="justifyContent"),[o,s,d].includes(e)&&(r="alignItems")):([o,s,d,a,f,c].includes(e)&&(r="justifyContent"),[i,l,u].includes(e)&&(r="alignItems")),[o,i].includes(e)?n[r]="flex-start":[s,l].includes(e)?n[r]="flex-end":[u,d].includes(e)?n[r]="center":e===a?n[r]="space-between":e===f?n[r]="space-around":e===c?n[r]="space-evenly":"toCenter"===e&&(n.justifyContent="center",n.alignItems="center"),[p,y].includes(e)?n.alignSelf="flex-start":[x,m].includes(e)?n.alignSelf="flex-end":"selfCenter"===e?n.alignSelf="center":"selfAuto"===e&&(n.alignSelf="auto"),n}}exports.default=function(){return{isMatch:C,beforeHandleAtom:function(e,t){var n=v(t.props);return e.id.startsWith("row-")||e.id.startsWith("column-")||(e.id=n+"-"+e.id),e},handleAtom:function(e,t){return[n,r].includes(e.propKey)?(e.isValid=!1,e.handled=!0,e):(e.style=h(e.key,t.props),e)},afterAtomStyleCreate:function(n){if(n.atoms.length&&n.atoms.find((function(e){return C(e.key)}))){var r=v(n.props),o="flexDirection-"+r,i=t.atomCache.get(o);if(i)n.addAtom(i);else{var l=new e.Atom({propKey:o,propValue:!0,handled:!0,style:{flexDirection:r}});l.createClassName(n.config.prefix),n.addAtom(l)}var s=t.atomCache.get("flex");if(s)n.addAtom(s);else{var a=new e.Atom({propKey:"flex",propValue:!0,handled:!0,style:{display:"flex"}});a.createClassName(n.config.prefix),n.addAtom(a)}}}}},exports.getFlexDirection=v,exports.isMatch=C,exports.toStyle=h;
 //# sourceMappingURL=fower-plugin-layout.cjs.production.min.js.map

dist/fower-plugin-layout.esm.js

@@ -16,2 +16,9 @@ import { Atom } from '@fower/atom';
 var toCenterY = 'toCenterY';
+var selfTop = 'selfTop';
+var selfRight = 'selfRight';
+var selfBottom = 'selfBottom';
+var selfLeft = 'selfLeft';
+var selfCenter = 'selfCenter';
+var selfStretch = 'selfCenter';
+var selfAuto = 'selfAuto';
 var flexStart = 'flex-start';
@@ -23,3 +30,3 @@ var flexEnd = 'flex-end';
 var center = 'center';
-var layoutToolkits = [toLeft, toRight, toTop, toBottom, toCenter, toCenterX, toCenterY, toBetween, toAround, toEvenly]; // TODO: should refactor
+var layoutToolkits = [toLeft, toRight, toTop, toBottom, toCenter, toCenterX, toCenterY, toBetween, toAround, toEvenly, selfTop, selfRight, selfBottom, selfLeft, selfCenter, selfStretch]; // TODO: should refactor
 
@@ -82,3 +89,3 @@ function getFlexDirection(props) {
   }
-  /** 设置样式 */
+  /** 设置container样式 */
 
@@ -102,3 +109,15 @@
   }
+  /** 设置 self align样式 */
 
+
+  if ([selfTop, selfLeft].includes(key)) {
+    style.alignSelf = flexStart;
+  } else if ([selfBottom, selfRight].includes(key)) {
+    style.alignSelf = flexEnd;
+  } else if (key === selfCenter) {
+    style.alignSelf = center;
+  } else if (key === selfAuto) {
+    style.alignSelf = 'auto';
+  }
+
   return style;
@@ -105,0 +124,0 @@ }

package.json

 {
   "name": "fower-plugin-layout",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "license": "MIT",
@@ -25,8 +25,8 @@ "main": "dist/index.js",
   "dependencies": {
-    "@fower/atom": "^1.4.0",
-    "@fower/parser": "^1.4.0",
-    "@fower/types": "^1.4.0",
-    "@fower/utils": "^1.4.0"
+    "@fower/atom": "^1.5.0",
+    "@fower/parser": "^1.5.0",
+    "@fower/types": "^1.5.0",
+    "@fower/utils": "^1.5.0"
   },
-  "gitHead": "54d01308a034b479a3d88beafba733e607a6163c"
+  "gitHead": "4264540b1521ebd270b7327e95d964d505ce3797"
 }

types/index.d.ts

@@ -166,3 +166,17 @@ import { FowerPlugin } from '@fower/types'
     toEvenly?: boolean
+
+    selfAuto?: boolean
+
+    selfTop?: boolean
+
+    selfRight?: boolean
+
+    selfBottom?: boolean
+
+    selfLeft?: boolean
+
+    selfCenter?: boolean
+
+    selfStretch?: boolean
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

51931

11.95%

Lines of code

540

8.43%

Dependency changes

• Updated

  @fower/atom@^1.5.0

• Updated

  @fower/parser@^1.5.0

• Updated

  @fower/types@^1.5.0

• Updated

  @fower/utils@^1.5.0