npm - solid-tom-ui - Versions diffs - 1.0.3 → 1.0.5 - Mend

solid-tom-ui 1.0.3 → 1.0.5

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.

Files changed (67) hide show

package/dist/utils/helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helper.js","names":[],"sources":["../../src/utils/helper.ts"],"sourcesContent":["import { BaseColorProps } from '@/type';\r\nimport { JSX } from 'solid-js';\r\n\r\ntype TimingFunction =\r\n \| 'ease'\r\n \| 'ease-in'\r\n \| 'ease-out'\r\n \| 'ease-in-out'\r\n \| 'linear'\r\n \| 'step-start'\r\n \| 'step-end'\r\n \| `steps(${number}, ${'start' \| 'end'})`\r\n \| `cubic-bezier(${number}, ${number}, ${number}, ${number})`;\r\n\r\ntype AnimationDirection = 'normal' \| 'reverse' \| 'alternate' \| 'alternate-reverse';\r\ntype FillMode = 'none' \| 'forwards' \| 'backwards' \| 'both';\r\ntype PlayState = 'running' \| 'paused';\r\ntype TimeUnit = `${number}s` \| `${number}ms`;\r\ntype IterationCount = number \| 'infinite';\r\n\r\nexport interface AnimationConfig {\r\n name: string;\r\n duration?: TimeUnit;\r\n timingFunction?: TimingFunction;\r\n delay?: TimeUnit;\r\n iterationCount?: IterationCount;\r\n direction?: AnimationDirection;\r\n fillMode?: FillMode;\r\n playState?: PlayState;\r\n}\r\nconst DEFAULT_VALUES = {\r\n duration: '1s',\r\n timingFunction: 'ease',\r\n delay: '0s',\r\n iterationCount: 1,\r\n direction: 'normal',\r\n fillMode: 'none',\r\n playState: 'running',\r\n} as const;\r\nexport function renderCSSAnimation(config: AnimationConfig): string {\r\n const {\r\n name,\r\n duration = DEFAULT_VALUES.duration,\r\n timingFunction = DEFAULT_VALUES.timingFunction,\r\n delay = DEFAULT_VALUES.delay,\r\n iterationCount = DEFAULT_VALUES.iterationCount,\r\n direction = DEFAULT_VALUES.direction,\r\n fillMode = DEFAULT_VALUES.fillMode,\r\n playState = DEFAULT_VALUES.playState,\r\n } = config;\r\n\r\n return `${name} ${duration} ${timingFunction} ${delay} ${iterationCount} ${direction} ${fillMode} ${playState}`;\r\n}\r\nexport function createThrottle<T extends (...args: any[]) => void>(\r\n fn: T,\r\n delay: number,\r\n): T & { cancel: () => void } {\r\n let lastCall = 0;\r\n let timer: ReturnType<typeof setTimeout> \| null = null;\r\n const throttled = (...args: Parameters<T>) => {\r\n const now = Date.now();\r\n const remaining = delay - (now - lastCall);\r\n if (timer) {\r\n clearTimeout(timer);\r\n timer = null;\r\n }\r\n if (remaining <= 0) {\r\n lastCall = now;\r\n fn(...args);\r\n } else {\r\n timer = setTimeout(() => {\r\n lastCall = Date.now();\r\n timer = null;\r\n fn(...args);\r\n }, remaining);\r\n }\r\n };\r\n throttled.cancel = () => {\r\n if (timer) {\r\n clearTimeout(timer);\r\n timer = null;\r\n }\r\n };\r\n return throttled as T & { cancel: () => void };\r\n}\r\nconst generateRandomHexColor = (): string => {\r\n const randomColor = Math.floor(Math.random() * 16777215).toString(16);\r\n return `#${randomColor.padStart(6, '0')}`;\r\n};\r\n\r\nexport function normalizeHexColor(value: string \| undefined): string {\r\n if (!value) return generateRandomHexColor();\r\n let hex = value.trim().replace(/^#/, '');\r\n if (hex.length === 3) {\r\n hex = hex\r\n .split('')\r\n .map(char => char + char)\r\n .join('');\r\n }\r\n\r\n return `#${hex.toLowerCase()}`;\r\n}\r\nexport function getColor(color?: BaseColorProps \| string, defaultColor?: string) {\r\n switch (color) {\r\n case 'primary':\r\n return 'color-primary';\r\n case 'neutral':\r\n return 'color-neutral';\r\n case 'secondary':\r\n return 'color-secondary';\r\n case 'accent':\r\n return 'color-accent';\r\n case 'info':\r\n return 'color-info';\r\n case 'success':\r\n return 'color-success';\r\n case 'warning':\r\n return 'color-warning';\r\n case 'error':\r\n return 'color-error';\r\n default:\r\n return defaultColor ?? '';\r\n }\r\n}\r\n\r\nconst lastValuesByKey = new Map<string, any>();\r\n\r\nexport function getRandomElement<T>(arr: T[], uniqueId: string): T {\r\n if (arr.length === 1) return arr[0];\r\n const lastValue = lastValuesByKey.get(uniqueId);\r\n let newValue: T;\r\n do {\r\n newValue = arr[Math.floor(Math.random() * arr.length)];\r\n } while (newValue === lastValue && arr.length > 1);\r\n\r\n lastValuesByKey.set(uniqueId, newValue);\r\n return newValue;\r\n}\r\nexport const genSVGCubicBezier: (\r\n keySplines: string,\r\n) => Pick<\r\n JSX.AnimateSVGAttributes<SVGAnimateElement>,\r\n 'calcMode' \| 'keyTimes' \| 'keySplines'\r\n> = keySplines => ({\r\n calcMode: 'spline',\r\n keyTimes: '0; 1',\r\n keySplines: keySplines,\r\n});\r\n\r\nexport type Image = Omit<JSX.ImgHTMLAttributes<HTMLImageElement>, 'src'> & { src: string };\r\n\r\nexport function toMarkdownCode(code: string, lang = 'tsx'): string {\r\n return `\\`\\`\\`${lang}\\n${code}\\n\\`\\`\\``;\r\n}\r\n"],"mappings":"AA8BA,IAAM,EAAiB,CACrB,SAAU,KACV,eAAgB,OAChB,MAAO,KACP,eAAgB,EAChB,UAAW,SACX,SAAU,OACV,UAAW,UACZ,CACD,SAAgB,EAAmB,EAAiC,CAClE,GAAM,CACJ,OACA,WAAW,EAAe,SAC1B,iBAAiB,EAAe,eAChC,QAAQ,EAAe,MACvB,iBAAiB,EAAe,eAChC,YAAY,EAAe,UAC3B,WAAW,EAAe,SAC1B,YAAY,EAAe,WACzB,EAEJ,MAAO,GAAG,EAAK,GAAG,EAAS,GAAG,EAAe,GAAG,EAAM,GAAG,EAAe,GAAG,EAAU,GAAG,EAAS,GAAG,IAEtG,SAAgB,EACd,EACA,EAC4B,CAC5B,IAAI,EAAW,EACX,EAA8C,KAC5C,GAAa,GAAG,IAAwB,CAC5C,IAAM,EAAM,KAAK,KAAK,CAChB,EAAY,GAAS,EAAM,GACjC,AAEE,KADA,aAAa,EAAM,CACX,MAEN,GAAa,GACf,EAAW,EACX,EAAG,GAAG,EAAK,EAEX,EAAQ,eAAiB,CACvB,EAAW,KAAK,KAAK,CACrB,EAAQ,KACR,EAAG,GAAG,EAAK,EACV,EAAU,EASjB,MANA,GAAU,WAAe,CACvB,AAEE,KADA,aAAa,EAAM,CACX,OAGL,EAET,IAAM,MAEG,IADa,KAAK,MAAM,KAAK,QAAQ,CAAG,SAAS,CAAC,SAAS,GAAG,CAC9C,SAAS,EAAG,IAAI,GAGzC,SAAgB,EAAkB,EAAmC,CACnE,GAAI,CAAC,EAAO,OAAO,GAAwB,CAC3C,IAAI,EAAM,EAAM,MAAM,CAAC,QAAQ,KAAM,GAAG,CAQxC,OAPI,EAAI,SAAW,IACjB,EAAM,EACH,MAAM,GAAG,CACT,IAAI,GAAQ,EAAO,EAAK,CACxB,KAAK,GAAG,EAGN,IAAI,EAAI,aAAa,GAE9B,SAAgB,EAAS,EAAiC,EAAuB,CAC/E,OAAQ,EAAR,CACE,IAAK,UACH,MAAO,gBACT,IAAK,UACH,MAAO,gBACT,IAAK,YACH,MAAO,kBACT,IAAK,SACH,MAAO,eACT,IAAK,OACH,MAAO,aACT,IAAK,UACH,MAAO,gBACT,IAAK,UACH,MAAO,gBACT,IAAK,QACH,MAAO,cACT,QACE,OAAO,GAAgB,IAiB7B,IAAa,EAKT,IAAe,CACjB,SAAU,SACV,SAAU,OACE,aACb"}
1	+ {"version":3,"file":"helper.js","names":[],"sources":["../../src/utils/helper.ts"],"sourcesContent":["import { BaseColorProps } from '@/type';\nimport { JSX } from 'solid-js';\n\ntype TimingFunction =\n \| 'ease'\n \| 'ease-in'\n \| 'ease-out'\n \| 'ease-in-out'\n \| 'linear'\n \| 'step-start'\n \| 'step-end'\n \| `steps(${number}, ${'start' \| 'end'})`\n \| `cubic-bezier(${number}, ${number}, ${number}, ${number})`;\n\ntype AnimationDirection = 'normal' \| 'reverse' \| 'alternate' \| 'alternate-reverse';\ntype FillMode = 'none' \| 'forwards' \| 'backwards' \| 'both';\ntype PlayState = 'running' \| 'paused';\ntype TimeUnit = `${number}s` \| `${number}ms`;\ntype IterationCount = number \| 'infinite';\n\nexport interface AnimationConfig {\n name: string;\n duration?: TimeUnit;\n timingFunction?: TimingFunction;\n delay?: TimeUnit;\n iterationCount?: IterationCount;\n direction?: AnimationDirection;\n fillMode?: FillMode;\n playState?: PlayState;\n}\nconst DEFAULT_VALUES = {\n duration: '1s',\n timingFunction: 'ease',\n delay: '0s',\n iterationCount: 1,\n direction: 'normal',\n fillMode: 'none',\n playState: 'running',\n} as const;\nexport function renderCSSAnimation(config: AnimationConfig): string {\n const {\n name,\n duration = DEFAULT_VALUES.duration,\n timingFunction = DEFAULT_VALUES.timingFunction,\n delay = DEFAULT_VALUES.delay,\n iterationCount = DEFAULT_VALUES.iterationCount,\n direction = DEFAULT_VALUES.direction,\n fillMode = DEFAULT_VALUES.fillMode,\n playState = DEFAULT_VALUES.playState,\n } = config;\n\n return `${name} ${duration} ${timingFunction} ${delay} ${iterationCount} ${direction} ${fillMode} ${playState}`;\n}\nexport function createThrottle<T extends (...args: any[]) => void>(\n fn: T,\n delay: number,\n): T & { cancel: () => void } {\n let lastCall = 0;\n let timer: ReturnType<typeof setTimeout> \| null = null;\n const throttled = (...args: Parameters<T>) => {\n const now = Date.now();\n const remaining = delay - (now - lastCall);\n if (timer) {\n clearTimeout(timer);\n timer = null;\n }\n if (remaining <= 0) {\n lastCall = now;\n fn(...args);\n } else {\n timer = setTimeout(() => {\n lastCall = Date.now();\n timer = null;\n fn(...args);\n }, remaining);\n }\n };\n throttled.cancel = () => {\n if (timer) {\n clearTimeout(timer);\n timer = null;\n }\n };\n return throttled as T & { cancel: () => void };\n}\nconst generateRandomHexColor = (): string => {\n const randomColor = Math.floor(Math.random() * 16777215).toString(16);\n return `#${randomColor.padStart(6, '0')}`;\n};\n\nexport function normalizeHexColor(value: string \| undefined): string {\n if (!value) return generateRandomHexColor();\n let hex = value.trim().replace(/^#/, '');\n if (hex.length === 3) {\n hex = hex\n .split('')\n .map(char => char + char)\n .join('');\n }\n\n return `#${hex.toLowerCase()}`;\n}\nexport function getColor(color?: BaseColorProps \| string, defaultColor?: string) {\n switch (color) {\n case 'primary':\n return 'color-primary';\n case 'neutral':\n return 'color-neutral';\n case 'secondary':\n return 'color-secondary';\n case 'accent':\n return 'color-accent';\n case 'info':\n return 'color-info';\n case 'success':\n return 'color-success';\n case 'warning':\n return 'color-warning';\n case 'error':\n return 'color-error';\n default:\n return defaultColor ?? '';\n }\n}\n\nconst lastValuesByKey = new Map<string, any>();\n\nexport function getRandomElement<T>(arr: T[], uniqueId: string): T {\n if (arr.length === 1) return arr[0];\n const lastValue = lastValuesByKey.get(uniqueId);\n let newValue: T;\n do {\n newValue = arr[Math.floor(Math.random() * arr.length)];\n } while (newValue === lastValue && arr.length > 1);\n\n lastValuesByKey.set(uniqueId, newValue);\n return newValue;\n}\nexport const genSVGCubicBezier: (\n keySplines: string,\n) => Pick<\n JSX.AnimateSVGAttributes<SVGAnimateElement>,\n 'calcMode' \| 'keyTimes' \| 'keySplines'\n> = keySplines => ({\n calcMode: 'spline',\n keyTimes: '0; 1',\n keySplines: keySplines,\n});\n\nexport type Image = Omit<JSX.ImgHTMLAttributes<HTMLImageElement>, 'src'> & { src: string };\n\nexport function toMarkdownCode(code: string, lang = 'tsx'): string {\n return `\\`\\`\\`${lang}\\n${code}\\n\\`\\`\\``;\n}\n"],"mappings":"AA8BA,IAAM,EAAiB,CACrB,SAAU,KACV,eAAgB,OAChB,MAAO,KACP,eAAgB,EAChB,UAAW,SACX,SAAU,OACV,UAAW,UACZ,CACD,SAAgB,EAAmB,EAAiC,CAClE,GAAM,CACJ,OACA,WAAW,EAAe,SAC1B,iBAAiB,EAAe,eAChC,QAAQ,EAAe,MACvB,iBAAiB,EAAe,eAChC,YAAY,EAAe,UAC3B,WAAW,EAAe,SAC1B,YAAY,EAAe,WACzB,EAEJ,MAAO,GAAG,EAAK,GAAG,EAAS,GAAG,EAAe,GAAG,EAAM,GAAG,EAAe,GAAG,EAAU,GAAG,EAAS,GAAG,IAEtG,SAAgB,EACd,EACA,EAC4B,CAC5B,IAAI,EAAW,EACX,EAA8C,KAC5C,GAAa,GAAG,IAAwB,CAC5C,IAAM,EAAM,KAAK,KAAK,CAChB,EAAY,GAAS,EAAM,GACjC,AAEE,KADA,aAAa,EAAM,CACX,MAEN,GAAa,GACf,EAAW,EACX,EAAG,GAAG,EAAK,EAEX,EAAQ,eAAiB,CACvB,EAAW,KAAK,KAAK,CACrB,EAAQ,KACR,EAAG,GAAG,EAAK,EACV,EAAU,EASjB,MANA,GAAU,WAAe,CACvB,AAEE,KADA,aAAa,EAAM,CACX,OAGL,EAET,IAAM,MAEG,IADa,KAAK,MAAM,KAAK,QAAQ,CAAG,SAAS,CAAC,SAAS,GAAG,CAC9C,SAAS,EAAG,IAAI,GAGzC,SAAgB,EAAkB,EAAmC,CACnE,GAAI,CAAC,EAAO,OAAO,GAAwB,CAC3C,IAAI,EAAM,EAAM,MAAM,CAAC,QAAQ,KAAM,GAAG,CAQxC,OAPI,EAAI,SAAW,IACjB,EAAM,EACH,MAAM,GAAG,CACT,IAAI,GAAQ,EAAO,EAAK,CACxB,KAAK,GAAG,EAGN,IAAI,EAAI,aAAa,GAE9B,SAAgB,EAAS,EAAiC,EAAuB,CAC/E,OAAQ,EAAR,CACE,IAAK,UACH,MAAO,gBACT,IAAK,UACH,MAAO,gBACT,IAAK,YACH,MAAO,kBACT,IAAK,SACH,MAAO,eACT,IAAK,OACH,MAAO,aACT,IAAK,UACH,MAAO,gBACT,IAAK,UACH,MAAO,gBACT,IAAK,QACH,MAAO,cACT,QACE,OAAO,GAAgB,IAiB7B,IAAa,EAKT,IAAe,CACjB,SAAU,SACV,SAAU,OACE,aACb"}

package/dist/utils/hoc.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hoc.js","names":["Component","Show","ConditionalRenderConfig","preRender","P","when","conditionalRender","Record","Comp","configKey","p","whenValue","_$createComponent","keyed","children"],"sources":["../../src/utils/hoc.tsx"],"sourcesContent":["import { Component, Show } from 'solid-js';\r\n\r\ntype ConditionalRenderConfig<P> = {\r\n preRender: keyof P;\r\n when?: keyof P;\r\n};\r\n/\r\npreRender sẽ tạo ra DOM ngay lập tức bất kể when có true hay false\r\n Mặc định false\r\n/\r\nexport function conditionalRender<P extends Record<string, any>>(\r\n Comp: Component<P>,\r\n configKey: ConditionalRenderConfig<P>,\r\n) {\r\n return (p: P) => {\r\n const preRender = () => p[configKey.preRender] ?? false;\r\n const whenValue = () => (configKey?.when ? (p[configKey.when] ?? true) : true);\r\n\r\n return preRender() ? (\r\n <Comp {...p} />\r\n ) : (\r\n <Show when={whenValue()} keyed>\r\n <Comp {...p} />\r\n </Show>\r\n );\r\n };\r\n}\r\n"],"mappings":"+EAUA,SAAgBM,EACdE,EACAC,EACA,CACA,MAAQC,IAAS,CACf,IAAMP,MAAkBO,EAAED,EAAUN,YAAc,GAC5CQ,MAAmBF,GAAWJ,KAAQK,EAAED,EAAUJ,OAAS,GAAQ,GAEzE,OAAOF,GAAW,CAAAS,EACfJ,EAASE,EAAC,CAAAE,EAEVX,EAAI,CAAA,IAACI,MAAI,CAAA,OAAEM,GAAW,EAAEE,MAAK,GAAA,IAAAC,UAAA,CAAA,OAAAF,EAC3BJ,EAASE,EAAC,EAAA,CAEd"}
1	+ {"version":3,"file":"hoc.js","names":["Component","Show","ConditionalRenderConfig","preRender","P","when","conditionalRender","Record","Comp","configKey","p","whenValue","_$createComponent","keyed","children"],"sources":["../../src/utils/hoc.tsx"],"sourcesContent":["import { Component, Show } from 'solid-js';\n\ntype ConditionalRenderConfig<P> = {\n preRender: keyof P;\n when?: keyof P;\n};\n/\npreRender sẽ tạo ra DOM ngay lập tức bất kể when có true hay false\n Mặc định false\n/\nexport function conditionalRender<P extends Record<string, any>>(\n Comp: Component<P>,\n configKey: ConditionalRenderConfig<P>,\n) {\n return (p: P) => {\n const preRender = () => p[configKey.preRender] ?? false;\n const whenValue = () => (configKey?.when ? (p[configKey.when] ?? true) : true);\n\n return preRender() ? (\n <Comp {...p} />\n ) : (\n <Show when={whenValue()} keyed>\n <Comp {...p} />\n </Show>\n );\n };\n}\n"],"mappings":"+EAUA,SAAgBM,EACdE,EACAC,EACA,CACA,MAAQC,IAAS,CACf,IAAMP,MAAkBO,EAAED,EAAUN,YAAc,GAC5CQ,MAAmBF,GAAWJ,KAAQK,EAAED,EAAUJ,OAAS,GAAQ,GAEzE,OAAOF,GAAW,CAAAS,EACfJ,EAASE,EAAC,CAAAE,EAEVX,EAAI,CAAA,IAACI,MAAI,CAAA,OAAEM,GAAW,EAAEE,MAAK,GAAA,IAAAC,UAAA,CAAA,OAAAF,EAC3BJ,EAASE,EAAC,EAAA,CAEd"}

package/package.json CHANGED Viewed

@@ -1,7 +1,8 @@
 {
   "name": "solid-tom-ui",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "SolidJS UI component library (Ant Design–inspired, Tailwind CSS + DaisyUI)",
+  "homepage": "https://solid-tom-ui.netlify.app/",
   "type": "module",
   "license": "MIT",
   "keywords": [