neko-ui 2.9.2 → 2.9.4

package/lib/typography/index.js

@@ -1,10 +1,10 @@
-"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return c}});const t=require("solid-js/web"),r=require("solid-js"),o=require("@moneko/css"),s=require("solid-element"),l=require("../basic-config"),n=(e=require("../theme"))&&e.__esModule?e:{default:e},a=(0,t.template)("<style> ");function i(e){let{baseStyle:s}=n.default,l=(0,r.mergeProps)({type:"text",tag:"span"},e),i=(0,r.createMemo)(()=>{let t="secondary"===e.type?"--text-secondary":`--${e.type}-color`;"error"===e.type?t="--error-color":e.disabled&&(t="--disable-color");let r="";return e.truncated&&(r=(0,o.css)`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return c}});const e=require("solid-js/web"),t=require("solid-js"),r=require("@moneko/css"),o=require("solid-element"),s=require("../basic-config"),n=l(require("../theme"));function l(e){return e&&e.__esModule?e:{default:e}}const i=(0,e.template)("<style> ");function a(o){let{baseStyle:s}=n.default,l=(0,t.mergeProps)({type:"text",tag:"span"},o),a=(0,t.createMemo)(()=>{let e="secondary"===o.type?"--text-secondary":`--${o.type}-color`;"error"===o.type?e="--error-color":o.disabled&&(e="--disable-color");let t="";return o.truncated&&(t=(0,r.css)`
         overflow: hidden;
         /* stylelint-disable-next-line */
         display: -webkit-box;
         -webkit-box-orient: block-axis;
-        -webkit-line-clamp: ${"number"==typeof e.truncated&&e.truncated||1};
-      `),(0,o.css)`
+        -webkit-line-clamp: ${"number"==typeof o.truncated&&o.truncated||1};
+      `),(0,r.css)`
       :host {
         max-inline-size: 100%;
       }
@@ -13,9 +13,8 @@
         font-size: var(--font-size);
         word-break: break-word;
         word-wrap: break-word;
-        color: var(${t});
-        cursor: ${e.disabled?"not-allowed":"auto"};
-        ${r}
+        color: var(${e});
+        cursor: ${o.disabled?"not-allowed":"auto"};
+        ${t}
       }
-    `});return[(()=>{let e=a(),r=e.firstChild;return(0,t.effect)(()=>r.data=s()),e})(),(()=>{let e=a(),r=e.firstChild;return(0,t.effect)(()=>r.data=i()),e})(),(0,t.createComponent)(r.Show,{get when(){return e.css},get children(){let r=a(),s=r.firstChild;return(0,t.effect)(()=>s.data=(0,o.css)(e.css)),r}}),(0,t.createComponent)(t.Dynamic,{get component(){return l.tag},get class(){return(0,o.cx)("typography",l.class)},get style(){return l.style},get children(){return l.children}})]}(0,s.customElement)("n-typography",{class:void 0,css:void 0,type:void 0,truncated:void 0,tag:void 0,disabled:void 0,style:void 0},(e,o)=>{let s=o.element,n=(0,r.mergeProps)({children:[...s.childNodes.values()]},e);return(0,r.createEffect)(()=>{(0,l.clearAttribute)(s,["css","tag","style"]),s.replaceChildren()}),(0,t.createComponent)(i,n)});const c=i;
-//# sourceMappingURL=index.js.map
+    `});return[(()=>{let t=i(),r=t.firstChild;return(0,e.effect)(()=>r.data=s()),t})(),(()=>{let t=i(),r=t.firstChild;return(0,e.effect)(()=>r.data=a()),t})(),(0,e.createComponent)(t.Show,{get when(){return o.css},get children(){let t=i(),s=t.firstChild;return(0,e.effect)(()=>s.data=(0,r.css)(o.css)),t}}),(0,e.createComponent)(e.Dynamic,{get component(){return l.tag},get class(){return(0,r.cx)("typography",l.class)},get style(){return l.style},get children(){return l.children}})]}(0,o.customElement)("n-typography",{class:void 0,css:void 0,type:void 0,truncated:void 0,tag:void 0,disabled:void 0,style:void 0},(r,o)=>{let n=o.element,l=(0,t.mergeProps)({children:[...n.childNodes.values()]},r);return(0,t.createEffect)(()=>{(0,s.clearAttribute)(n,["css","tag","style"]),n.replaceChildren()}),(0,e.createComponent)(a,l)});const c=a;

package/lib/typography/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../components/typography/index.tsx"],"sourcesContent":["import { createEffect, createMemo, mergeProps, Show } from 'solid-js';\nimport { Dynamic } from 'solid-js/web';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement } from '..';\nimport { clearAttribute } from '../basic-config';\nimport theme from '../theme';\n\nexport interface TypographyProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 文本格式\n   * @default 'text'\n   */\n  type?: 'primary' | 'warning' | 'success' | 'error' | 'text' | 'secondary';\n  /** 启用超出隐藏\n   * @default false\n   */\n  truncated?: boolean | number;\n  /** 自定义标签名\n   * @default 'span'\n   */\n  tag?: string;\n  /** 禁用 */\n  disabled?: boolean;\n  children?: JSX.Element;\n  style?: Record<string, string | number>;\n}\n\nfunction Typography(props: TypographyProps) {\n  const { baseStyle } = theme;\n  const _ = mergeProps(\n    {\n      type: 'text',\n      tag: 'span',\n    },\n    props,\n  );\n  const customCss = createMemo(() => {\n    let color = props.type === 'secondary' ? '--text-secondary' : `--${props.type}-color`;\n\n    if (props.type === 'error') {\n      color = '--error-color';\n    } else if (props.disabled) {\n      color = '--disable-color';\n    }\n    let truncated = '';\n\n    if (props.truncated) {\n      truncated = css`\n        overflow: hidden;\n        /* stylelint-disable-next-line */\n        display: -webkit-box;\n        -webkit-box-orient: block-axis;\n        -webkit-line-clamp: ${(typeof props.truncated === 'number' && props.truncated) || 1};\n      `;\n    }\n\n    return css`\n      :host {\n        max-inline-size: 100%;\n      }\n\n      .typography {\n        font-size: var(--font-size);\n        word-break: break-word;\n        word-wrap: break-word;\n        color: var(${color});\n        cursor: ${props.disabled ? 'not-allowed' : 'auto'};\n        ${truncated}\n      }\n    `;\n  });\n\n  return (\n    <>\n      <style textContent={baseStyle()} />\n      <style textContent={customCss()} />\n      <Show when={props.css}>\n        <style textContent={css(props.css)} />\n      </Show>\n      <Dynamic component={_.tag} class={cx('typography', _.class)} style={_.style}>\n        {_.children}\n      </Dynamic>\n    </>\n  );\n}\n\nexport type TypographyElement = CustomElement<TypographyProps>;\n\ncustomElement<TypographyProps>(\n  'n-typography',\n  {\n    class: void 0,\n    css: void 0,\n    type: void 0,\n    truncated: void 0,\n    tag: void 0,\n    disabled: void 0,\n    style: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        children: [...el.childNodes.values()],\n      },\n      _,\n    );\n\n    createEffect(() => {\n      clearAttribute(el, ['css', 'tag', 'style']);\n      el.replaceChildren();\n    });\n    return <Typography {...props} />;\n  },\n);\nexport default Typography;\n"],"names":["Typography","props","baseStyle","theme","_","mergeProps","type","tag","customCss","createMemo","color","disabled","truncated","css","Show","Dynamic","cx","class","style","children","customElement","opt","el","element","childNodes","values","createEffect","clearAttribute","replaceChildren"],"mappings":"wGAwHA,+CAAA,qBAvHwB,0BADmC,sBAEnC,yBACM,2BAGC,gCACb,sEAyBlB,SAASA,EAAWC,CAAsB,EACxC,GAAM,CAAEC,UAAAA,CAAS,CAAE,CAAGC,SAAK,CACrBC,EAAIC,GAAAA,YAAU,EAClB,CACEC,KAAM,OACNC,IAAK,MACP,EACAN,GAEIO,EAAYC,GAAAA,YAAU,EAAC,KAC3B,IAAIC,EAAQT,AAAe,cAAfA,EAAMK,IAAI,CAAmB,mBAAqB,CAAC,EAAE,EAAEL,EAAMK,IAAI,CAAC,MAAM,CAAC,AAEjFL,AAAe,CAAA,UAAfA,EAAMK,IAAI,CACZI,EAAQ,gBACCT,EAAMU,QAAQ,EACvBD,CAAAA,EAAQ,iBAAgB,EAE1B,IAAIE,EAAY,GAYhB,OAVIX,EAAMW,SAAS,EACjBA,CAAAA,EAAYC,GAAAA,KAAG,CAAA,CAAC;;;;;4BAKM,EAAE,AAA4B,UAA3B,OAAOZ,EAAMW,SAAS,EAAiBX,EAAMW,SAAS,EAAK,EAAE;MACtF,CAAC,AAAD,EAGKC,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;mBASI,EAAEH,EAAM;gBACX,EAAET,EAAMU,QAAQ,CAAG,cAAgB,OAAO;QAClD,EAAEC,EAAU;;IAEhB,CAAC,AACH,GAEA,oEAEwBV,wEACAM,iCACnBM,MAAI,oBAAOb,EAAMY,GAAG,wEACCA,GAAAA,KAAG,EAACZ,EAAMY,GAAG,8BAElCE,SAAO,yBAAYX,EAAEG,GAAG,oBAASS,GAAAA,IAAE,EAAC,aAAcZ,EAAEa,KAAK,sBAAUb,EAAEc,KAAK,wBACxEd,EAAEe,QAAQ,IAInB,CAIAC,GAAAA,eAAa,EACX,eACA,CACEH,MAAO,KAAK,EACZJ,IAAK,KAAK,EACVP,KAAM,KAAK,EACXM,UAAW,KAAK,EAChBL,IAAK,KAAK,EACVI,SAAU,KAAK,EACfO,MAAO,KAAK,CACd,EACA,CAACd,EAAGiB,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChBtB,EAAQI,GAAAA,YAAU,EACtB,CACEc,SAAU,IAAIG,EAAGE,UAAU,CAACC,MAAM,GAAG,AACvC,EACArB,GAOF,MAJAsB,GAAAA,cAAY,EAAC,KACXC,GAAAA,gBAAc,EAACL,EAAI,CAAC,MAAO,MAAO,QAAQ,EAC1CA,EAAGM,eAAe,EACpB,yBACQ5B,EAAeC,EACzB,SAEF,EAAeD"}
+{"version":3,"sources":["components/typography/index.tsx"],"sourcesContent":["import { createEffect, createMemo, mergeProps, Show } from 'solid-js';\nimport { Dynamic } from 'solid-js/web';\nimport { css, cx } from '@moneko/css';\nimport { customElement } from 'solid-element';\n\nimport type { CustomElement } from '..';\nimport { clearAttribute } from '../basic-config';\nimport theme from '../theme';\n\nexport interface TypographyProps {\n  /** 自定义类名 */\n  class?: string;\n  /** 自定义样式表 */\n  css?: string;\n  /** 文本格式\n   * @default 'text'\n   */\n  type?: 'primary' | 'warning' | 'success' | 'error' | 'text' | 'secondary';\n  /** 启用超出隐藏\n   * @default false\n   */\n  truncated?: boolean | number;\n  /** 自定义标签名\n   * @default 'span'\n   */\n  tag?: string;\n  /** 禁用 */\n  disabled?: boolean;\n  children?: JSX.Element;\n  style?: Record<string, string | number>;\n}\n\nfunction Typography(props: TypographyProps) {\n  const { baseStyle } = theme;\n  const _ = mergeProps(\n    {\n      type: 'text',\n      tag: 'span',\n    },\n    props,\n  );\n  const customCss = createMemo(() => {\n    let color = props.type === 'secondary' ? '--text-secondary' : `--${props.type}-color`;\n\n    if (props.type === 'error') {\n      color = '--error-color';\n    } else if (props.disabled) {\n      color = '--disable-color';\n    }\n    let truncated = '';\n\n    if (props.truncated) {\n      truncated = css`\n        overflow: hidden;\n        /* stylelint-disable-next-line */\n        display: -webkit-box;\n        -webkit-box-orient: block-axis;\n        -webkit-line-clamp: ${(typeof props.truncated === 'number' && props.truncated) || 1};\n      `;\n    }\n\n    return css`\n      :host {\n        max-inline-size: 100%;\n      }\n\n      .typography {\n        font-size: var(--font-size);\n        word-break: break-word;\n        word-wrap: break-word;\n        color: var(${color});\n        cursor: ${props.disabled ? 'not-allowed' : 'auto'};\n        ${truncated}\n      }\n    `;\n  });\n\n  return (\n    <>\n      <style textContent={baseStyle()} />\n      <style textContent={customCss()} />\n      <Show when={props.css}>\n        <style textContent={css(props.css)} />\n      </Show>\n      <Dynamic component={_.tag} class={cx('typography', _.class)} style={_.style}>\n        {_.children}\n      </Dynamic>\n    </>\n  );\n}\n\nexport type TypographyElement = CustomElement<TypographyProps>;\n\ncustomElement<TypographyProps>(\n  'n-typography',\n  {\n    class: void 0,\n    css: void 0,\n    type: void 0,\n    truncated: void 0,\n    tag: void 0,\n    disabled: void 0,\n    style: void 0,\n  },\n  (_, opt) => {\n    const el = opt.element;\n    const props = mergeProps(\n      {\n        children: [...el.childNodes.values()],\n      },\n      _,\n    );\n\n    createEffect(() => {\n      clearAttribute(el, ['css', 'tag', 'style']);\n      el.replaceChildren();\n    });\n    return <Typography {...props} />;\n  },\n);\nexport default Typography;\n"],"names":["Typography","props","baseStyle","theme","_","mergeProps","type","tag","customCss","createMemo","color","disabled","truncated","css","Show","Dynamic","cx","class","style","children","customElement","opt","el","element","childNodes","values","createEffect","clearAttribute","replaceChildren"],"mappings":"kGAwHA,+CAAA,qBAvHwB,0BADmC,sBAEnC,yBACM,2BAGC,+BACb,mGAyBlB,SAASA,EAAWC,CAAsB,EACxC,GAAM,CAAEC,UAAAA,CAAS,CAAE,CAAGC,SAAK,CACrBC,EAAIC,GAAAA,YAAU,EAClB,CACEC,KAAM,OACNC,IAAK,MACP,EACAN,GAEIO,EAAYC,GAAAA,YAAU,EAAC,KAC3B,IAAIC,EAAQT,AAAe,cAAfA,EAAMK,IAAI,CAAmB,mBAAqB,CAAC,EAAE,EAAEL,EAAMK,IAAI,CAAC,MAAM,CAAC,AAEjFL,AAAe,CAAA,UAAfA,EAAMK,IAAI,CACZI,EAAQ,gBACCT,EAAMU,QAAQ,EACvBD,CAAAA,EAAQ,iBAAgB,EAE1B,IAAIE,EAAY,GAYhB,OAVIX,EAAMW,SAAS,EACjBA,CAAAA,EAAYC,GAAAA,KAAG,CAAA,CAAC;;;;;4BAKM,EAAE,AAA4B,UAA3B,OAAOZ,EAAMW,SAAS,EAAiBX,EAAMW,SAAS,EAAK,EAAE;MACtF,CAAC,AAAD,EAGKC,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;mBASI,EAAEH,EAAM;gBACX,EAAET,EAAMU,QAAQ,CAAG,cAAgB,OAAO;QAClD,EAAEC,EAAU;;IAEhB,CAAC,AACH,GAEA,oEAEwBV,wEACAM,iCACnBM,MAAI,oBAAOb,EAAMY,GAAG,wEACCA,GAAAA,KAAG,EAACZ,EAAMY,GAAG,8BAElCE,SAAO,yBAAYX,EAAEG,GAAG,oBAASS,GAAAA,IAAE,EAAC,aAAcZ,EAAEa,KAAK,sBAAUb,EAAEc,KAAK,wBACxEd,EAAEe,QAAQ,IAInB,CAIAC,GAAAA,eAAa,EACX,eACA,CACEH,MAAO,KAAK,EACZJ,IAAK,KAAK,EACVP,KAAM,KAAK,EACXM,UAAW,KAAK,EAChBL,IAAK,KAAK,EACVI,SAAU,KAAK,EACfO,MAAO,KAAK,CACd,EACA,CAACd,EAAGiB,KACF,IAAMC,EAAKD,EAAIE,OAAO,CAChBtB,EAAQI,GAAAA,YAAU,EACtB,CACEc,SAAU,IAAIG,EAAGE,UAAU,CAACC,MAAM,GAAG,AACvC,EACArB,GAOF,MAJAsB,GAAAA,cAAY,EAAC,KACXC,GAAAA,gBAAc,EAACL,EAAI,CAAC,MAAO,MAAO,QAAQ,EAC1CA,EAAGM,eAAe,EACpB,yBACQ5B,EAAeC,EACzB,SAEF,EAAeD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neko-ui",
-  "version": "2.9.2",
+  "version": "2.9.4",
   "description": "WebComponents UI Libraries",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -16,8 +16,8 @@
   "scripts": {
     "build": "mo build library solid",
     "changelog": "mo changelog CHANGELOG.md && git add CHANGELOG.md",
-    "lint": "mo eslint components && mo eslint site",
-    "postlint": "mo stylelint components && mo stylelint site && jest --coverage",
+    "lint": "mo eslint [components,site] --fix",
+    "postlint": "mo stylelint [components,site] --fix && jest --coverage",
     "precommit": "npm run lint && npm run changelog",
     "prepare": "mo githooks pre-commit=\"npm run precommit\" commit-msg=\"npx --no -- commitlint --edit ${1}\"",
     "start": "mo start library solid",
@@ -51,24 +51,24 @@
     "ui libraries"
   ],
   "devDependencies": {
-    "@commitlint/cli": "19.6.0",
+    "@commitlint/cli": "19.6.1",
     "@commitlint/config-conventional": "19.6.0",
-    "@moneko/core": "3.26.7",
+    "@moneko/core": "3.28.3",
+    "@moneko/stylelint": "1.0.2",
     "@moneko/solid": "1.10.6",
     "@solidjs/testing-library": "0.8.10",
     "@swc/jest": "0.2.37",
     "@testing-library/jest-dom": "6.6.3",
     "@types/jest": "29.5.14",
     "@types/prismjs": "1.26.5",
-    "eslint-config-neko": "3.0.2",
+    "eslint-config-neko": "3.0.3",
     "eslint-plugin-solid": "0.14.5",
     "husky": "9.1.7",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "n-code-live": "1.3.1",
     "n-katex": "1.0.8",
-    "shadow-dom-testing-library": "1.11.3",
-    "stylelint-config-moneko": "2.4.3"
+    "shadow-dom-testing-library": "1.11.3"
   },
   "dependencies": {
     "@moneko/common": "1.6.0",