@xanui/core 1.2.20 → 1.2.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Tag/useTagProps.d.ts +1 -1
- package/Tag/useTagProps.js +46 -19
- package/Tag/useTagProps.js.map +1 -1
- package/Tag/useTagProps.mjs +46 -19
- package/Tag/useTagProps.mjs.map +1 -1
- package/package.json +1 -1
package/Tag/useTagProps.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ type useTagPropsReturn<T extends TagComponentType = "div"> = {
|
|
|
5
5
|
props: TagProps<T>;
|
|
6
6
|
style: CSSFactoryType;
|
|
7
7
|
};
|
|
8
|
-
declare const useTagProps: <T extends TagComponentType = "div">(
|
|
8
|
+
declare const useTagProps: <T extends TagComponentType = "div">(props: TagPropsRoot<T>) => useTagPropsReturn<T>;
|
|
9
9
|
|
|
10
10
|
export { useTagProps as default };
|
|
11
11
|
export type { useTagPropsReturn };
|
package/Tag/useTagProps.js
CHANGED
|
@@ -1,23 +1,50 @@
|
|
|
1
|
-
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
_css
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var cssPropList=require('./cssPropList.js'),index=require('../css/index.js'),prettyClass=require('pretty-class'),React=require('react');const useTagProps = (props) => {
|
|
2
|
+
const parsed = React.useMemo(() => {
|
|
3
|
+
let _props = {};
|
|
4
|
+
let clss = [];
|
|
5
|
+
let _css = {};
|
|
6
|
+
let sx = props.sx || {};
|
|
7
|
+
let sxr = props.sxr || {};
|
|
8
|
+
props.hover || {};
|
|
9
|
+
let style = props.style || {};
|
|
10
|
+
for (let key in props) {
|
|
11
|
+
if (key === "sx" || key === "sxr" || key === "style") {
|
|
12
|
+
continue;
|
|
13
|
+
}
|
|
14
|
+
let val = props[key];
|
|
15
|
+
if (key === "className") {
|
|
16
|
+
clss.push(val);
|
|
17
|
+
}
|
|
18
|
+
else if (key === 'baseClass') {
|
|
19
|
+
clss.push("xui-" + val);
|
|
20
|
+
}
|
|
21
|
+
else if (key === 'classNames') {
|
|
22
|
+
clss.push(...val);
|
|
23
|
+
}
|
|
24
|
+
else if (key === "hover") {
|
|
25
|
+
_css['&:hover'] = Object.assign(Object.assign({}, (_css['&:hover'] || {})), val);
|
|
26
|
+
}
|
|
27
|
+
else if (!cssPropList.default[key]) {
|
|
28
|
+
_props[key] = val;
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
_css[key] = val;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
const styles = index.css(Object.assign(Object.assign(Object.assign(Object.assign({}, sxr), _css), sx), style), {
|
|
35
|
+
injectStyle: typeof window !== 'undefined',
|
|
36
|
+
});
|
|
37
|
+
clss.push(styles.classname);
|
|
38
|
+
return {
|
|
39
|
+
props: _props,
|
|
40
|
+
styles,
|
|
41
|
+
className: prettyClass.classNames(clss)
|
|
42
|
+
};
|
|
43
|
+
}, [JSON.stringify(props)]);
|
|
12
44
|
const _props = {};
|
|
13
|
-
for (let prop
|
|
45
|
+
for (let prop in parsed.props) {
|
|
14
46
|
_props[prop] = props[prop];
|
|
15
47
|
}
|
|
16
|
-
_props.className =
|
|
17
|
-
|
|
18
|
-
styles.classname,
|
|
19
|
-
props.className,
|
|
20
|
-
...(clses || []),
|
|
21
|
-
]);
|
|
22
|
-
return { props: _props, style: styles };
|
|
48
|
+
_props.className = parsed.className;
|
|
49
|
+
return { props: _props, style: parsed.styles };
|
|
23
50
|
};exports.default=useTagProps;//# sourceMappingURL=useTagProps.js.map
|
package/Tag/useTagProps.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTagProps.js","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["import { TagComponentType, TagProps, TagPropsRoot } from './types';\nimport cssPropList from './cssPropList';\nimport { css } from '../css';\nimport { classNames } from 'pretty-class';\nimport { CSSFactoryType } from 'oncss';\n\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\n props: TagProps<T>,\n style: CSSFactoryType\n}\n\nconst useTagProps = <T extends TagComponentType = \"div\">(
|
|
1
|
+
{"version":3,"file":"useTagProps.js","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["import { TagComponentType, TagProps, TagPropsRoot } from './types';\nimport cssPropList from './cssPropList';\nimport { css } from '../css';\nimport { classNames } from 'pretty-class';\nimport { CSSFactoryType } from 'oncss';\nimport { useMemo } from 'react';\n\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\n props: TagProps<T>,\n style: CSSFactoryType\n}\n\nconst useTagProps = <T extends TagComponentType = \"div\">(props: TagPropsRoot<T>): useTagPropsReturn<T> => {\n\n const parsed = useMemo(() => {\n let _props: any = {}\n let clss = []\n let _css: any = {}\n\n let sx = props.sx || {}\n let sxr = props.sxr || {}\n let hover = props.hover || {}\n let style = props.style || {}\n\n for (let key in props) {\n if (key === \"sx\" || key === \"sxr\" || key === \"style\") {\n continue;\n }\n\n let val = (props as any)[key];\n if (key === \"className\") {\n clss.push(val)\n } else if (key === 'baseClass') {\n clss.push(\"xui-\" + val)\n } else if (key === 'classNames') {\n clss.push(...val)\n } else if (key === \"hover\") {\n _css['&:hover'] = { ...(_css['&:hover'] || {}), ...val }\n } else if (!cssPropList[key]) {\n _props[key] = val\n } else {\n _css[key] = val\n }\n }\n\n const styles = css({ ...sxr, ..._css, ...sx, ...style }, {\n injectStyle: typeof window !== 'undefined',\n })\n\n clss.push(styles.classname)\n return {\n props: _props,\n styles,\n className: classNames(clss)\n }\n }, [JSON.stringify(props)])\n\n const _props: any = {};\n for (let prop in parsed.props) {\n _props[prop] = (props as any)[prop]\n }\n _props.className = parsed.className;\n\n return { props: _props, style: parsed.styles };\n}\n\n\nexport default useTagProps"],"names":["useMemo","cssPropList","css","classNames"],"mappings":"8MAYA,MAAM,WAAW,GAAG,CAAqC,KAAsB,KAA0B;AAEtG,IAAA,MAAM,MAAM,GAAGA,aAAO,CAAC,MAAK;QACzB,IAAI,MAAM,GAAQ,EAAE;QACpB,IAAI,IAAI,GAAG,EAAE;QACb,IAAI,IAAI,GAAQ,EAAE;AAElB,QAAA,IAAI,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,EAAE;AACvB,QAAA,IAAI,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,EAAE;AACzB,QAAY,KAAK,CAAC,KAAK,IAAI;AAC3B,QAAA,IAAI,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE;AAE7B,QAAA,KAAK,IAAI,GAAG,IAAI,KAAK,EAAE;AACpB,YAAA,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,KAAK,IAAI,GAAG,KAAK,OAAO,EAAE;gBACnD;YACH;AAEA,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,GAAG,CAAC;AAC7B,YAAA,IAAI,GAAG,KAAK,WAAW,EAAE;AACtB,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;YACjB;AAAO,iBAAA,IAAI,GAAG,KAAK,WAAW,EAAE;AAC7B,gBAAA,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;YAC1B;AAAO,iBAAA,IAAI,GAAG,KAAK,YAAY,EAAE;AAC9B,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;YACpB;AAAO,iBAAA,IAAI,GAAG,KAAK,OAAO,EAAE;AACzB,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAS,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAC,EAAK,GAAG,CAAE;YAC3D;AAAO,iBAAA,IAAI,CAACC,mBAAW,CAAC,GAAG,CAAC,EAAE;AAC3B,gBAAA,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG;YACpB;iBAAO;AACJ,gBAAA,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG;YAClB;QACH;QAEA,MAAM,MAAM,GAAGC,SAAG,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,GAAG,CAAA,EAAK,IAAI,CAAA,EAAK,EAAE,CAAA,EAAK,KAAK,CAAA,EAAI;AACtD,YAAA,WAAW,EAAE,OAAO,MAAM,KAAK,WAAW;AAC5C,SAAA,CAAC;AAEF,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;QAC3B,OAAO;AACJ,YAAA,KAAK,EAAE,MAAM;YACb,MAAM;AACN,YAAA,SAAS,EAAEC,sBAAU,CAAC,IAAI;SAC5B;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3B,MAAM,MAAM,GAAQ,EAAE;AACtB,IAAA,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,KAAK,EAAE;QAC5B,MAAM,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;IACtC;AACA,IAAA,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS;IAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE;AACjD"}
|
package/Tag/useTagProps.mjs
CHANGED
|
@@ -1,23 +1,50 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
_css
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
import CSS_PROP_LIST from'./cssPropList.mjs';import {css}from'../css/index.mjs';import {classNames}from'pretty-class';import {useMemo}from'react';const useTagProps = (props) => {
|
|
2
|
+
const parsed = useMemo(() => {
|
|
3
|
+
let _props = {};
|
|
4
|
+
let clss = [];
|
|
5
|
+
let _css = {};
|
|
6
|
+
let sx = props.sx || {};
|
|
7
|
+
let sxr = props.sxr || {};
|
|
8
|
+
props.hover || {};
|
|
9
|
+
let style = props.style || {};
|
|
10
|
+
for (let key in props) {
|
|
11
|
+
if (key === "sx" || key === "sxr" || key === "style") {
|
|
12
|
+
continue;
|
|
13
|
+
}
|
|
14
|
+
let val = props[key];
|
|
15
|
+
if (key === "className") {
|
|
16
|
+
clss.push(val);
|
|
17
|
+
}
|
|
18
|
+
else if (key === 'baseClass') {
|
|
19
|
+
clss.push("xui-" + val);
|
|
20
|
+
}
|
|
21
|
+
else if (key === 'classNames') {
|
|
22
|
+
clss.push(...val);
|
|
23
|
+
}
|
|
24
|
+
else if (key === "hover") {
|
|
25
|
+
_css['&:hover'] = Object.assign(Object.assign({}, (_css['&:hover'] || {})), val);
|
|
26
|
+
}
|
|
27
|
+
else if (!CSS_PROP_LIST[key]) {
|
|
28
|
+
_props[key] = val;
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
_css[key] = val;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
const styles = css(Object.assign(Object.assign(Object.assign(Object.assign({}, sxr), _css), sx), style), {
|
|
35
|
+
injectStyle: typeof window !== 'undefined',
|
|
36
|
+
});
|
|
37
|
+
clss.push(styles.classname);
|
|
38
|
+
return {
|
|
39
|
+
props: _props,
|
|
40
|
+
styles,
|
|
41
|
+
className: classNames(clss)
|
|
42
|
+
};
|
|
43
|
+
}, [JSON.stringify(props)]);
|
|
12
44
|
const _props = {};
|
|
13
|
-
for (let prop
|
|
45
|
+
for (let prop in parsed.props) {
|
|
14
46
|
_props[prop] = props[prop];
|
|
15
47
|
}
|
|
16
|
-
_props.className =
|
|
17
|
-
|
|
18
|
-
styles.classname,
|
|
19
|
-
props.className,
|
|
20
|
-
...(clses || []),
|
|
21
|
-
]);
|
|
22
|
-
return { props: _props, style: styles };
|
|
48
|
+
_props.className = parsed.className;
|
|
49
|
+
return { props: _props, style: parsed.styles };
|
|
23
50
|
};export{useTagProps as default};//# sourceMappingURL=useTagProps.mjs.map
|
package/Tag/useTagProps.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTagProps.mjs","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["import { TagComponentType, TagProps, TagPropsRoot } from './types';\nimport cssPropList from './cssPropList';\nimport { css } from '../css';\nimport { classNames } from 'pretty-class';\nimport { CSSFactoryType } from 'oncss';\n\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\n props: TagProps<T>,\n style: CSSFactoryType\n}\n\nconst useTagProps = <T extends TagComponentType = \"div\">(
|
|
1
|
+
{"version":3,"file":"useTagProps.mjs","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["import { TagComponentType, TagProps, TagPropsRoot } from './types';\nimport cssPropList from './cssPropList';\nimport { css } from '../css';\nimport { classNames } from 'pretty-class';\nimport { CSSFactoryType } from 'oncss';\nimport { useMemo } from 'react';\n\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\n props: TagProps<T>,\n style: CSSFactoryType\n}\n\nconst useTagProps = <T extends TagComponentType = \"div\">(props: TagPropsRoot<T>): useTagPropsReturn<T> => {\n\n const parsed = useMemo(() => {\n let _props: any = {}\n let clss = []\n let _css: any = {}\n\n let sx = props.sx || {}\n let sxr = props.sxr || {}\n let hover = props.hover || {}\n let style = props.style || {}\n\n for (let key in props) {\n if (key === \"sx\" || key === \"sxr\" || key === \"style\") {\n continue;\n }\n\n let val = (props as any)[key];\n if (key === \"className\") {\n clss.push(val)\n } else if (key === 'baseClass') {\n clss.push(\"xui-\" + val)\n } else if (key === 'classNames') {\n clss.push(...val)\n } else if (key === \"hover\") {\n _css['&:hover'] = { ...(_css['&:hover'] || {}), ...val }\n } else if (!cssPropList[key]) {\n _props[key] = val\n } else {\n _css[key] = val\n }\n }\n\n const styles = css({ ...sxr, ..._css, ...sx, ...style }, {\n injectStyle: typeof window !== 'undefined',\n })\n\n clss.push(styles.classname)\n return {\n props: _props,\n styles,\n className: classNames(clss)\n }\n }, [JSON.stringify(props)])\n\n const _props: any = {};\n for (let prop in parsed.props) {\n _props[prop] = (props as any)[prop]\n }\n _props.className = parsed.className;\n\n return { props: _props, style: parsed.styles };\n}\n\n\nexport default useTagProps"],"names":["cssPropList"],"mappings":"kJAYA,MAAM,WAAW,GAAG,CAAqC,KAAsB,KAA0B;AAEtG,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAK;QACzB,IAAI,MAAM,GAAQ,EAAE;QACpB,IAAI,IAAI,GAAG,EAAE;QACb,IAAI,IAAI,GAAQ,EAAE;AAElB,QAAA,IAAI,EAAE,GAAG,KAAK,CAAC,EAAE,IAAI,EAAE;AACvB,QAAA,IAAI,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,EAAE;AACzB,QAAY,KAAK,CAAC,KAAK,IAAI;AAC3B,QAAA,IAAI,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE;AAE7B,QAAA,KAAK,IAAI,GAAG,IAAI,KAAK,EAAE;AACpB,YAAA,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,KAAK,IAAI,GAAG,KAAK,OAAO,EAAE;gBACnD;YACH;AAEA,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,GAAG,CAAC;AAC7B,YAAA,IAAI,GAAG,KAAK,WAAW,EAAE;AACtB,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;YACjB;AAAO,iBAAA,IAAI,GAAG,KAAK,WAAW,EAAE;AAC7B,gBAAA,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;YAC1B;AAAO,iBAAA,IAAI,GAAG,KAAK,YAAY,EAAE;AAC9B,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;YACpB;AAAO,iBAAA,IAAI,GAAG,KAAK,OAAO,EAAE;AACzB,gBAAA,IAAI,CAAC,SAAS,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAS,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAC,EAAK,GAAG,CAAE;YAC3D;AAAO,iBAAA,IAAI,CAACA,aAAW,CAAC,GAAG,CAAC,EAAE;AAC3B,gBAAA,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG;YACpB;iBAAO;AACJ,gBAAA,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG;YAClB;QACH;QAEA,MAAM,MAAM,GAAG,GAAG,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,GAAG,CAAA,EAAK,IAAI,CAAA,EAAK,EAAE,CAAA,EAAK,KAAK,CAAA,EAAI;AACtD,YAAA,WAAW,EAAE,OAAO,MAAM,KAAK,WAAW;AAC5C,SAAA,CAAC;AAEF,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;QAC3B,OAAO;AACJ,YAAA,KAAK,EAAE,MAAM;YACb,MAAM;AACN,YAAA,SAAS,EAAE,UAAU,CAAC,IAAI;SAC5B;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3B,MAAM,MAAM,GAAQ,EAAE;AACtB,IAAA,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,KAAK,EAAE;QAC5B,MAAM,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;IACtC;AACA,IAAA,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS;IAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE;AACjD"}
|