fower-plugin-layout
Advanced tools
Comparing version 1.4.0 to 1.5.0
@@ -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 @@ } |
@@ -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 |
@@ -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 @@ } |
{ | ||
"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" | ||
} |
@@ -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 | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
51931
540
Updated@fower/atom@^1.5.0
Updated@fower/parser@^1.5.0
Updated@fower/types@^1.5.0
Updated@fower/utils@^1.5.0